Kelvin Alif Prabowo

1301164134
Resume Web Based UI dan Mobile Device UI

Web Based UI

Beberapa atribut yang perlu diperhatikan :

- Textual Content
- Graphic Design
- Navigation
- Structure
- Links
Textual Content
Konten yang ditampilkan dalam sebuah website memiliki nilai yang lebih penting
dibandingkan desain dari website itu sendiri.
Informasi yang sesuai merupakan hal yang sangat penting dalam sebuah website,
yang perlu diperhatikan adalah kemampuan membaca pada monitor lebih lambat
daripada kertas, user cenderung hanya membaca header, highlights dan
paragraph tertentu

Graphic Design
Tampilan grafis harus memperhatikan masalah konsistensi, susunan antara teks
dan gambar, kontras, warna dan fungsionalitas dari gambar yang ditampilkan,
yang perlu diperhatikan adalah pemilihan format gambar yang sesuai dan
pertimbangan masalah ukuran file gambar yang akan mempengaruhi kecepatan
akses dan waktu tunggu

Navigation
Navigasi merupakan elemen kritis dalam menentukan efektivitas antarmuka
sebuah website, navigasi harus memberikan penjelasan tentang struktur
informasi pada website, dengan menyediakan :
- Daftar Isi
- Index
- Navigation Bar
- Kemampuan Searching

Structure
Struktur website yang diperhatikan adalah :
- Connectivity and Compactness
- Branching Factor
- Page Length
- Number of Links

Links
Link sama seperti gaya dialog buttons, harus memberikan penjelasan tentang apa
yang dapat dilakukan pada halaman berikutnya, sebuah link yang baik
berpedoman pada :
- Bagaimana user dapat memprediksi tujuan sebuah link
- Bagaimana user dapat membedakan antara sebuah link dengan link lainnya
yang memiliki kemiripan
- Sesuai tidaknya konten yang ditampilkan oleh link
Mobile Based UI

Smartphone telah merambah setiap aktivitas kehidupan kita. Setiap Aplikasi

membantu kita dan membuat hidup menjadi lebih mudah. Tugas seorang
desainer adalah menciptakan user interface yang memenuhi kebutuhan
pengguna dan membuat pengalaman menjadi menyenangkan dan
memuaskan. Untuk membangun UI yang efektif, perancang perlu terjun terhadap
karakteristik aplikasi mobile, mempelajari setiap komponen dan
fungsionalitasnya. Saat ini sulit untuk membedakan set standar layar yang
diperlukan untuk aplikasi apa pun karena industri mobile berkembang dengan
cepat begitu juga dengan aplikasi. Pada artikel ini menyajikan jenis-jenis bagian
antarmuka mobile yang paling umum dengan lampiran desain visual komponen
yang dibutuhkan.

Layar Common

Splash screen
Kesan pertama adalah salah satu kunci yang mempengaruhi opini pengguna
tentang aplikasi mobile. Bila sejak awal pengalaman pengguna dengan sebuah
aplikasi itu menyenangkan, kemungkinan besar akan mudah populer di kalangan
pengguna. Sebab splash screen menjadi fokus perhatian awal pada beberapa
tampilan aplikasi mobile.
Layar Splash adalah penggunaan gambar awal pada saat peluncuran aplikasi
mobile. Hal ini biasanya minimalis dan menyajikan nama, logo, atau slogan
sebuah produk. Untuk memastikan splash screen akan terlihat bagus pada
perangkat yang berbeda, desainer sering memfokuskan elemen di tengah
layar. Layar splash disarankan untuk ditampilkan tidak lebih dari 4-8 detik. Selain
itu, splash screen juga berperan dalam proses pemuatan layar utama dari aplikasi.

Onboarding tutorial
Onboarding tutorial adalah serangkaian layar yang menampilkan sistem navigasi,
fitur, dan manfaat aplikasi terhadap pengguna. Hal ini muncul saat pertama
kalinya diluncurkan aplikasi. Dengan demikian dapat membantu
mengorientasikan pada berbagai fitur dan kontrol yang tidak biasa serta
memberikan pemahaman jika aplikasi tersebut bermanfaat bagi pengguna.

Home dan menu

Layar utama adalah bagian penting dari aplikasi. Dalam konteksnya merupakan
tempat dimana pengguna berinteraksi dengan sebagian besar pilihan. Layar home
didesain tergantung dari jenis produk dan tujuannya. Pertama-tama, layar home
biasanya menyertakan kolom pencarian atau tombol sehingga pengguna bisa
dengan mudah mencari konten yang mereka butuhkan. Selain itu, karena layar
home merupakan titik awal untuk perjalanan pengguna, seringkali terdapat
elemen navigasi yang menyediakan akses ke berbagai bagian konten.

Log-in dan profil

Saat ini banyak aplikasi yang menawarkan pengguna untuk membuat akun pribadi
mereka, sehingga setiap perancang perlu mengetahui cara bekerja dengan layar
login dan profil. Layar login harus minimalis dan jelas sehingga pengguna bisa
dengan mudah mengakses aplikasi. Biasanya ada dua bidang dimana pengguna
bisa memasukkan nama dan password mereka beserta tombol konfirmasi. Bagi
orang yang menggunakan aplikasi untuk pertama kalinya, selalu ada opsi
pendaftaran.
Layar Profil membuat interaksi dalam aplikasi mobile lebih personal dan
memungkinkan operasi dengan data secara efektif. Selain ini, akun pribadi adalah
bagian penting dari aplikasi jejaring sosial mana pun yang melibatkan pengguna
ke komunitas jaringan virtual dan memungkinkan untuk berbagi info pribadi
dengan yang lain. Tugas utama desainer adalah memaksimalkan kenyamanan
melalui smart UX.

Layar Statistik
Berbagai aplikasi mengandung statistik aktivitas pengguna. Semakin banyak data
yang diberikannya, semakin sulit untuk membuat desain mobile dari layar
statistik. Desainer perlu memastikan bahwa semua informasi kunci masih dapat
dilihat jelas dan bermanfaat. Lengkung grafik, timbangan dan ikon asli dapat
membuat layar statistik terlihat mulus dan bersih pada aplikasi mobile. Selain itu,
layar statistik memerlukan tipografi yang berbeda sehingga pengguna dapat
dengan mudah membaca datanya.