Kegunaan untuk Dummies. Bahagian 5: Bagaimana untuk bekerja dengan prototaip dan menjaga kepentingan pengguna mudah alih

Baca bahagian pertama artikel.

Baca bahagian kedua artikel.

Baca bahagian ketiga artikel.

Baca bahagian keempat artikel.

Sebagai rumah bermula dengan projek dan asas, tapak yang boleh digunakan bermula dengan susunan blok dan modul yang optimum. Dalam artikel ini, anda akan belajar bagaimana untuk memastikan kebolehgunaan tapak di peringkat mewujudkan prototaip dan susun atur. Anda juga akan mendapati beberapa cadangan mengenai keramahan pengguna dan keramahan pengguna dari sumber dan aplikasi mudah alih.

Prototaip dan susun atur: apa itu wireframe dan mockup

Prototaip atau wireframe dalam reka bentuk web adalah serupa dengan lukisan seni bina dalam pembinaan. Pada peringkat prototaip, pencipta merancang struktur halaman, navigasi, dan cara cara diatur. Prototaip ini tidak bertujuan untuk menilai daya tarik visual tapak, jadi ia berjalan dalam warna hitam dan putih.

Tata letak atau mockup dicipta untuk menilai daya tarikan visual dan fungsi laman web ini. Pada peringkat prototaip, warna, imej, grafik ditambah ke prototaip. Setelah menyelesaikan kerja dengan susun atur, pereka menghantarnya ke pengatur web untuk "menghidupkan semula" atau menyediakan fungsi reka bentuk.

Prototyping membantu menyusun kandungan, dan susun atur memberikan daya tarikan visual terhadap halaman dan memudahkan persepsi bahan. Untuk membuat halaman yang boleh digunakan, mulakan dengan prototaip, kemudian pergi ke susun atur.

Apa yang anda perlu ketahui mengenai grid modular 960 dan 970

Menggunakan grid modular untuk mewujudkan prototaip membantu pereka bentuk untuk menganjurkan kandungan dan memastikan kesederhanaan persepsi. Antara pereka, yang paling popular ialah gred 960g, direka untuk membuat halaman dengan lebar 960 piksel. Walau bagaimanapun, penggunaan sistem modular dengan lebar ini membawa kepada masalah kegunaan, yang utama yang disenaraikan di bawah:

  • Lebar ruang di antara lajur ialah 20 piksel. Ini adalah jarak yang terlalu besar, mewujudkan ruang visual yang ketara di antara lajur dan menghalang pengguna daripada mengimbas kandungan.
  • Malah, apabila menggunakan grid modular 960g, lebar kandungan ialah 940 piksel. 10 piksel "memakan" medan di kiri dan kanan. Lebar kandungan 940 piksel terlalu kecil untuk pemantau resolusi tinggi moden.

Masalahnya diselesaikan dengan penggunaan grid modular 970gs. Ia mempunyai ciri-ciri berikut:

  • Kandungan diatur dalam 12 lajur, seperti dalam sistem modular 960.
  • Lebar tiang adalah 68 piksel, iaitu 8 piksel lebih daripada 960gs.
  • Ruang antara tiang adalah 14 piksel.

Penggunaan grid 970gs modular adalah lebih baik dari segi kebolehgunaan. Ia membolehkan anda menggabungkan halaman dalam 2, 3, 4 atau 6 modul lebar.

Modul berjaya menyusun halaman tanpa membuat halangan visual.

Rangkaian modular 970 piksel luas menggunakan unsur navigasi yang berbeza. Grid 970gs menyediakan susunan elemen navigasi yang baik untuk kandungan: imej dan teks. Ini memberikan daya tarikan visual dan kebolehgunaan.

Penggunaan grid modular dengan lebar 970 piksel memastikan organisasi kandungan yang baik dari segi kebolehgunaan. Pilihan grid modular ini menjamin pereka lebih kebebasan apabila mereka bentuk prototaip.

Apa yang anda perlu ketahui tentang prototaip dengan butiran yang tinggi

Prototaip digabungkan menjadi dua jenis: terperinci rendah dan tinggi. Yang pertama adalah sketsa asas halaman masa depan, tanpa butiran. Yang kedua dibezakan oleh kehadiran butirannya. Mereka sedekat mungkin dengan susun atur, yang membolehkan untuk menilai bukan sahaja struktur halaman, tetapi juga fungsinya dan daya tarikan visual. Khususnya, prototaip yang sangat terperinci termasuk elemen antara muka pengguna yang memberikan kebolehgunaan tapak.

Maklumat berikut akan membantu anda bekerja dengan prototaip terperinci dan membuat laman web yang boleh digunakan:

  • Anda boleh membuat prototaip dengan cepat dengan butiran tinggi. Gunakan antara muka perpustakaan untuk ini, sebagai contoh, Keynotopia.
  • Prototaip terperinci akan membantu anda menilai fungsi kegunaan laman web yang sudah ada pada tahap prototaip. Ini meningkatkan kecekapan pereka dan mengurangkan kemungkinan membuat kesilapan yang menjejaskan pengalaman pengguna.
  • Prototaip yang sangat terperinci mudah digunakan jika anda membuat laman web untuk pelanggan yang tidak mempunyai pengetahuan profesional dalam bidang reka bentuk web. Akan lebih mudah bagi anda untuk mengelakkan permintaan amatir "untuk memasukkan butang sebegini di sini, tetapi untuk mengurangkan borang ini dua kali." Sememangnya, ini akan memberi kesan positif ke atas kegunaan tapak maju.

Keperibadian pengguna akan membantu memastikan kegunaan laman web ini

Pemasar menggunakan pembeli untuk membangunkan produk, membuat kandungan, atau merancang kempen pengiklanan. Alat ini mesti diguna pakai oleh pereka. Menggunakan orang di peringkat prototaip dan prototaip meningkatkan kebolehgunaan tapak. Ini boleh digambarkan dengan contoh.

Bayangkan laman web anda digunakan oleh dua kumpulan utama pelanggan, yang terkandung dalam orang pemasaran berikut:

  • Pengurus Tengah Igor, yang berumur 24 tahun. Dia tidak berpisah dengan alat-alat sepanjang masa.
  • Pesara Sergey Borisovich, yang berumur 76 tahun. Dia tidak begitu baik menggunakan komputer, dan juga menghabiskan banyak masa mencari bahagian tapak, produk dan perkhidmatan yang diperlukan.

Adakah anda bersetuju bahawa antara muka yang dicipta untuk Igor akan dalam kebanyakan kes mempunyai kebolehgunaan yang rendah dari sudut pandangan Sergey Borisovich? Untuk menjadikan tapak ini dapat digunakan untuk semua kumpulan pelanggan, anda perlu segmen mereka dengan bantuan orang pemasaran dan cuba mempertimbangkan keperluan setiap kumpulan apabila membuat prototaip dan susun atur.

Apa yang seharusnya menjadi papan kekunci maya untuk borang dan aplikasi tapak mudah alih

Mengisi borang pada versi mudah alih tapak, pengguna menghadapi keperluan memasukkan teks, nombor dan alamat e-mel. Ini mesti dipertimbangkan semasa membuat papan kekunci maya.

Hampir setiap bentuk mempunyai bidang e-mel. Untuk bidang ini, anda mesti menggunakan papan kekunci yang disesuaikan untuk memasukkan alamat e-mel. Ia dicirikan oleh kehadiran pada skrin pertama tanda @ dan titik.

Untuk medan atau URL "alamat web", penyesuaian papan kekunci terdiri daripada menambah titik, garis miring dan butang "Com". Butang ini boleh beralih ke ".net", ".ru" dan sebagainya. Di samping itu, papan kekunci untuk memasukkan URL adalah lebih baik untuk mengeluarkan ruang.

Untuk bidang yang melibatkan memasukkan nombor, lebih baik untuk memaparkan papan kekunci berangka pada skrin pertama.

Untuk medan "Nombor telefon", anda boleh menawarkan pengguna papan kekunci yang dipanggil sebagai antara muka dail pada telefon pintar.

Gunakan skeuomorfisme hanya untuk meningkatkan fungsi.

Pereka kerap menggunakan skevomorphism untuk membuat unsur-unsur aplikasi mudah alih atau laman web kelihatan seperti objek di dunia nyata. Dalam kebanyakan kes, ini tidak menjejaskan fungsi dan kebolehgunaan. Sebagai contoh, pengguna dengan kejayaan yang sama akan menggunakan kalkulator skeuomorphic dan "rata".

Reka bentuk skeuomorphik berguna apabila antara muka menjadi lebih jelas. Sebagai contoh, ilustrasi di bawah menunjukkan antara muka untuk membaca buku elektronik. Terima kasih kepada skeuomorphism, pengguna intuitif memahami bagaimana untuk menjadikan halaman.

Cara membuat loading menunggu kurang menyakitkan

Tiada siapa yang suka menunggu. Kebanyakan semua tidak suka menunggu pengguna alat mudah alih, biasa melakukan segala-galanya dalam jangka masa. Petua berikut akan membuat mereka menunggu apabila memuat turun aplikasi atau kandungan yang kurang menyakitkan:

  • Gunakan penunjuk proses. Apabila pengguna melihat bahawa menunggu tidak lama, dia tidak mungkin meninggalkan laman atau aplikasi anda.
  • Ambil pengguna dari menunggu. Mintalah dia melakukan sesuatu semasa kandungan atau aplikasi dimuatkan. Prinsip ini dilaksanakan dalam aplikasi Instagram. Walaupun foto sedang dimuat naik, pengguna mempunyai keupayaan untuk menambah nama foto, penerangan ringkas dan tag.
Kelajuan muat turun aplikasi adalah salah satu daripada faktor kejayaannya. Mempromosikan aplikasi mudah alih, serta laman web, perlu dalam kompleks, oleh itu kami mengesyorkan memberi kerja promosi ke tangan profesional.

Kegunaan tapak bermula ...

... daripada mewujudkan struktur halaman yang mudah difahami dan mudah difahami. Masalah ini diselesaikan pada tahap prototaip. Gunakan lebar grid modular sebanyak 970 piksel untuk membuat prototaip. Gunakan antara muka perpustakaan dengan cepat mewujudkan prototaip yang sangat terperinci. Gunakan susun atur untuk mengukur rayuan visual dan fungsi halaman. Buat orang tersuai untuk membangunkan antara muka yang disesuaikan dengan keperluan kumpulan utama pelawat tapak.

Apabila bekerja pada sumber dan aplikasi mudah alih, ingatlah untuk mencipta borang yang mudah. Menyesuaikan papan kekunci maya ke medan tertentu dalam bentuk. Gunakan skuomorfisme untuk meningkatkan fungsi sumber. Ganggu pengguna daripada menunggu dengan penunjuk proses atau tindakan tambahan.

Tonton video itu: Alexander IRL (November 2019).

Loading...

Tinggalkan Komen Anda