Masa Depan Design Responsive Dalam Web Development – Ketika Anda memikirkan istilah desain responsif, apa yang muncul di benak Anda? Apakah perangkat seluler versus perangkat desktop? Apakah ini mendesain dengan cara yang berfungsi di berbagai ukuran layar? Berpikir tentang sentuhan seluler versus menggunakan mouse? Apakah komponen berubah bentuk berdasarkan di mana mereka diletakkan di halaman? Mungkin begitulah cara kami dulu berpikir tentang desain responsif, tetapi yang pasti tidak semuanya ada di sana. Dan cara kita dapat, dan seharusnya, memikirkan tentang desain responsif adalah bagaimana desain responsif memengaruhi konteks pengguna dan bagaimana kita bisa menjadi yang paling responsif terhadap kebutuhan dan pengalaman pengguna.
Ukuran layar adalah bagian kecil dari konteks itu, tetapi begitu juga elemen-elemen ini saat pengguna mengakses aplikasi Anda:
- Lokasi pengguna
- Tingkat cahaya dan tingkat kebisingan
- Waktu (termasuk zona waktu) di mana mereka berada saat ini.
- Bagaimana mereka memegang perangkat, dan cara terbaik mengakses perangkat mereka (pengaturan pribadi pada perangkat itu). hari88
Masa depan desain responsif adalah konteks pengguna dalam ruang dan waktu, konteks perangkat mereka dalam ruang dan waktu, dan preferensi pengguna pada perangkat tersebut dalam ruang dan waktu. Ini semua tentang hal ini. Peramban web saat ini yang kami akses dan kembangkan memberi kami kekuatan untuk memanfaatkan masukan ini dalam desain kami. Kami sekarang dapat mengakses lokasi, tingkat cahaya atau preferensi cahaya, orientasi, dan tingkat baterai perangkat, dan membuat pilihan desain di sekitar elemen ini. idnpoker
Deteksi lokasi
Deteksi lokasi (geolokasi AKA) adalah salah satu mekanisme deteksi berbasis browser paling umum yang kita lihat di web saat ini. Saat Anda membutuhkan belanja furnitur dan mencari tempat untuk menemukan toko West Elm terdekat.
Untuk pengalaman pengguna terbaik di sini, ini adalah perilaku default. West Elm pertama kali mencoba membantu Anda sebagai pengguna menemukan toko terdekat dengan sedikit usaha dari Anda. Upaya dalam hal ini berarti memasukkan data ke dalam suatu bidang atau mencari di peta. Sebaliknya, West Elm ingin browser melakukan pekerjaan untuk Anda dengan mengirimkan lokasi Anda ke server sehingga mereka dapat mengetahui hasilnya.
Di luar pencari toko
Meskipun ini adalah kasus penggunaan yang paling umum, masih ada banyak alasan lain mengapa deteksi lokasi dapat memengaruhi pengalaman pengguna dan UI suatu produk. Pikirkan lokasi sebagai kedekatan dengan apa pun. Di lokasi toko, letaknya dekat dengan toko, tetapi juga bisa digunakan untuk memilah kedekatan ke suatu acara.
Jika Anda membuat aplikasi penjadwalan dengan lokasi yang terlibat, Anda dapat memberi tahu pengguna seberapa jauh mereka dari tujuan (misalnya, 5 menit berjalan kaki). Anda dapat mengubah UI untuk mengingatkan pengguna bahwa mereka hampir sampai jika mereka menuju ke pesta. Jika pengguna terus bergerak menuju suatu lokasi dan salah belok, aplikasi dapat memperingatkan mereka tentang hal ini. Facebook menggunakan informasi lokasi untuk memberi orang yang berada di sekitar peristiwa traumatis agar dapat menandai diri mereka sendiri sebagai “aman”. Jika Anda adalah perusahaan media, Anda dapat menggunakan lokasi untuk membagikan berita yang relevan kepada pengguna tentang apa yang terjadi di kota mereka. Saya yakin Anda dapat menemukan kegunaan lain untuk menggunakan informasi lokasi di aplikasi seluler Anda.
Saat mengembangkan aplikasi seluler, Java dan Swift asli juga menyediakan antarmuka untuk mendeteksi lokasi. Anda dapat melihat ini digunakan di banyak jenis aplikasi yang berbeda: dari aplikasi kebugaran yang melacak jarak dari waktu ke waktu untuk menghitung kecepatan (seperti MapMyFitness), hingga filter berbasis lokasi di aplikasi berbagi sosial (seperti Snapchat), hingga peta yang membantu Anda. untuk menavigasi ke suatu lokasi (seperti Google Maps).
Ada begitu banyak alasan mengapa deteksi lokasi dapat berguna untuk merancang pengalaman pengguna yang lebih baik, dalam berbagai jenis produk yang berbeda, baik yang asli maupun yang berbasis web. Jadi, mari selami cara melakukan ini dengan contoh di web.