KRAUKRAUKDI

Design, Technology, Art and Love for better Life

423. UX Design: Mendesain aplikasi untuk di luar ruangan!

Leave a comment

Beberapa hari ini, Saya sadar bahwa banyak pengguna aplikasi yang Saya desain ternyata menggunakannya di luar ruangan alias outdoor! Menggunakan aplikasi di luar ruangan atau outdoor memiliki tantangannya tersendiri,antara lain:

1. Layar gadget vs sinar matahari. Mau itu LED kek, OLED, IPS 500ppi , Retina Display semuanya akan melemah ketika bertemu dengan sinar matahari. Matahari adalah Kryptonitenya layar gadget. Walau dengan tingkat kecerahan maksimal tetap saja isi gadget akan sulit di lihat oleh pengguna dibandingkan di dalam ruangan.

2. Banyak distraksi. Kalau Anda di luar ruangan pastinya akan banyak sekali gangguan di bandingkan Anda di dalam ruangan. Contohnya mengetik pesan singkat di terminal bis lebak bulus pastinya lebih sulit dibandingkan dengan mengetik pesan singkat di dalam bioskop nan dingin dan filmnya belum mulai sehingga, cuman iklan yang ditayangkan. Saat berada di luar ruangan pengguna cenderung sulit untuk fokus menggunakan aplikasi Anda.

622. UX Design: Mendesain aplikasi untuk di luar ruangan! Ini dia nih tampilan layar yang melemah ketika ketemu cahaya matahari. Susah kan liatnya?

622. UX Design: Mendesain aplikasi untuk di luar ruangan! Ini dia nih tampilan layar yang melemah ketika ketemu cahaya matahari. Susah kan liatnya?

Dengan 2 kondisi diatas, maka secara visualpun aplikasi harus di ubah desainnya agar, pengguna mendapatkan User Experience yang lebih baik ketika menggunakan aplikasi di luar ruangan. Tujuan me redesign ini hanya satu yaitu :

” KONTEN TERBACA DI LUAR RUANGAN”.

Supaya kontennya terbaca dengan lumayan jelas Sayapun menggunakan 5 prinsip ini:

622. UX Design: Mendesain aplikasi untuk di luar ruangan! Contoh interface yang sulit di lihat di bawah sinar matahari

622. UX Design: Mendesain aplikasi untuk di luar ruangan! Contoh interface yang sulit di lihat di bawah sinar matahari

1. KONTRAS: Kontras disini lebih berfokus menghadirkan perbedaan yang jauh antara warna latar aplikasi dengan konten yang ada di depannya. Dalam hal ini hindarilah penggunaan warna teks/ gambar yang mirip dengan latar dan hindari gradasi sebagai latar aplikasi ataupun sebagai warna huruf. Contohnya: jangan gunakan gambar hitam putih dengan layar abu-abu dan teks putih. pasti susah tuh bacanya.

2. Teks dan gambar yang besar: Gunakan teks dan gambar yang besar supaya pengguna dapat dengn mudah membacanya. Minimal 22-30sp lah kalau di Android Mdpi.

3. Tampilkan yang penting saja: Karena gambar dan teksnya berukuran besar sedangkan layar gadget terbatas maka, tampilkan konten yang penting-pentingnya saja. Kalau Saya sih hanya menampilkan judul dan sub judul saja. Pembatasan konten ini juga dikarenakan, pengguna di luar ruangan sulit fokus untuk konten-konten yang panjang dan ribet (Tantangan ke 2).

4. Tampilkan tombol detail atau call to action di bawah teks atau gambar. Misalnya aplikasi kita menampilkan jadwal film yang tayang (ada gambar dan judulnya). Maka dibawahnya tambahkan tombol “detail” atau “Beli tiket”. Jangan sampai untuk melihat detail dan membeli tiket pengguna harus berpindah menu.

622. UX Design: Mendesain aplikasi untuk di luar ruangan! Google map adalah salah satu aplikasi yang sadar digunakan di luar ruangan. Luihat aja teksnya yang kontras, berukuran besar dan informasi yang disajikan terbatas

622. UX Design: Mendesain aplikasi untuk di luar ruangan! Google map adalah salah satu aplikasi yang sadar digunakan di luar ruangan. Luihat aja teksnya yang kontras, berukuran besar dan informasi yang disajikan terbatas

5. Tes di luar ruangan dan ulangi lagi. Tes lah desain Anda di tengah teriknya matahari (jam 9-14) dengan device yang lumayan jelek+murah (layar TFT) dan banyak digunakan pengguna. Ujilah apakah desin Anda sudah cukup terlihat dengan jelas dan kontennya dapat dicerna saat berada di luar ruangan. Coba terus ke beberapa responden dan kalau sudah cukup memuaskan barud eh kasih front end developernya.

Author: kraukraukdi

I'm Fearless...If you interested in Design, Technology, Art and Love for better Life. Please check kraukraukdi.wordpress.com and follow me @soekarnold

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s