🐀 🤩 🎨 Apa yang harus dianalisis sebelum mendesain antarmuka 🎪 ☮️ 🚒

Lama berlalu adalah hari-hari ketika Anda baru bisa mulai menggambar situs web atau aplikasi. Bahkan antarmuka yang paling sederhana membutuhkan setidaknya langkah analisis primitif. Banyak desainer memiliki metode analisis sendiri, dan seseorang menyerahkannya kepada analis dan tidak masuk ke dalam proses. Saya telah lama membentuk templat saya sendiri untuk tahap ini, yang menurutnya saya melakukan pekerjaan pendahuluan untuk proyek baru apa pun. Tahap ini bukan obat mujarab, dan dalam perjalanannya, saat-saat yang tidak terhitung muncul, tetapi satu pemikiran membuat saya takut berapa banyak dari mereka yang bisa tanpa analisis sama sekali. Saya membagikan templat saya dan berharap untuk melihat tambahan Anda di komentar.

Saya harus segera mengatakan bahwa artikel ini bukan tentang analisis bisnis atau sistem, tetapi tentang "analisis desain".

Beberapa poin templat saya hanya cocok ketika mendesain versi baru dari suatu situs atau aplikasi, dan tidak membuatnya dari awal. Barang-barang seperti itu akan ditandai dengan kata "Redesign". Analisis ini juga cocok untuk merancang antarmuka apa pun - situs web atau aplikasi. Oleh karena itu, saya akan selalu menulis "Antarmuka", yang menyiratkan bahwa Anda mengganti apa yang Anda butuhkan.

Terlalu malas untuk membaca, berikut adalah contoh penyajian fase analisis saya .

Tanyakan pelanggan

Poin paling logis adalah menanyakan kepada klien apa yang sudah ada dan apa yang sebenarnya tidak disukai, dan yang paling penting mengapa tidak disukai. Bahkan jika Anda dapat langsung melihat bahwa antarmuka saat ini mengerikan, Anda harus bertanya mengapa klien memulai mendesain ulang. Momen tidak jelas mungkin muncul.

Daftar pertanyaan standar saya:

Apakah Anda memiliki logo / identitas perusahaan yang harus diikuti? Terkadang ada gaya dan logo, tetapi klien membiarkannya diabaikan. Terutama berguna INFA jika logo menyebalkan.
Apa yang ingin Anda ubah di antarmuka dan mengapa? Ditentukan dengan bagian depan utama pekerjaan.
Siapa yang Anda anggap pesaing utama Anda? Berguna dalam tahap analisis berikut.
Apakah Anda memiliki perbedaan yang menguntungkan dari pesaing? Jarang, tapi kadang-kadang ternyata memang ada.
Berikan contoh antarmuka yang Anda sukai dan jelaskan alasannya. Kenapa itu sangat penting. Mungkin ternyata klien tidak menyukai situs secara umum, tetapi beberapa bagian, misalnya, latar belakang putih, yang ia kaitkan dengan "kemudahan desain".
/ ? .
? , , . . .
. ? , - . , , . , .

. / Google Analytics

Saya, sebagai seorang patriot sejati dan kelaparan, lebih suka I. Metrica. Pada dasarnya, karena antarmuka Google Analytics payah dan tidak ada Webvisor.

Apa yang saya lihat di Metric:

Konversi . Jika tujuan telah ditetapkan. Jika tidak ada, maka sarankan klien untuk menginstalnya sehingga beberapa statistik dikumpulkan saat Anda melakukan langkah-langkah selanjutnya.
Kartu . Semua peta, termasuk Form Analytics.
Kegagalan. Jumlah total . Menurut pendapat saya, indikator ini, menurut pendapat saya, mengatakan sedikit dan diperlukan hanya untuk memahami bagiannya di parameter berikutnya.
. , . : « » , , Covid19, « Covid19. », - , . , .
. , , , .
Statistik pada perangkat input . Ini berguna untuk membuktikan kepada klien bahwa ia membutuhkan massa. versi jika dia tiba-tiba meninggalkannya di tahap kuesioner. Ini juga akan memberikan pemahaman tentang izin untuk menggunakannya.
Jenis kelamin dan usia pengunjung utama . Berguna pada tahap analisis selanjutnya.

Skrip pengguna

Salah satu poin analisis favorit saya. Tahap yang agak kreatif dalam membedakan dari yang sebelumnya dan sangat berguna. Menempatkan diri saya di tempat pengguna, saya menemukan banyak wawasan yang tidak jelas, yang sering menghasilkan fungsi baru yang berguna atau penyederhanaan yang sudah ada.

Untuk membuat skrip, saya membuat Kartu Pengguna.

Ini terdiri dari:

Nama dan umur . Berdasarkan data dari langkah sebelumnya tentang Metrica.
 Masalah / tujuan . Deskripsi mengapa pengguna membuka antarmuka kami.
 Bagaimana saya datang ke situs tersebut . Sebagai contoh, saya mengemudi di Google "Beli vaksin dari Covid19." Saya menerima permintaan bukan dari langit-langit, tetapi dari Metric.
 Halaman login . Pada halaman apa pengguna mendapatkan banyak tergantung pada jalur masa depannya. Tidak selalu pengguna sampai ke halaman utama.
 Perangkat . Kami mengambilnya berdasarkan metrik. Sebagian besar desain tergantung pada perangkat tempat pengguna bekerja dengan antarmuka.
 Tindakan target yang diinginkan . Apa yang sudah kita ingin dapatkan dari pengguna. Misalnya, kami ingin dia mengisi beberapa formulir atau mengklik tombol.

Berdasarkan kartu ini, saya menulis skrip.

Terdiri dari skrip:

Tentang tujuan pengunjung yang dijelaskan dalam Kartu
Dari penilaian Antarmuka saat ini (Redesign) . Kami melihat antarmuka saat ini dan mencoba untuk mendapatkan apa yang tertulis di Peta Pengguna. Kami perhatikan colokan utama.
Dari implementasi "terlihat" sukses . Kami menambahkan ke skrip beberapa chip yang kami ketahui melalui penggunaan situs lain.

Saya menulis skrip dari tiga menjadi lima. Saya mencoba menggambarkan: standar; kompleks (pembelian bukan satu produk, tetapi beberapa dan berbeda dalam karakteristik); bukan standar (pengguna masuk dengan beberapa halaman atau perangkat yang tidak sesuai untuk tujuan tersebut). Dan saya akan menambahkan beberapa skenario lain jika saya percaya bahwa dalam beberapa esensi yang dijelaskan tidak cukup diungkapkan.

Pesaing

Ada dua jawaban klasik untuk pertanyaan tentang pesaing: "Kami tidak memiliki pesaing"; "Kami bersaing dengan semua orang." Yang satu dan yang lainnya, tentu saja, tidak benar, jadi Anda perlu menggali lebih dalam. Untuk ini, pertanyaannya ada di Kuisioner. Saat menganalisis pesaing, saya hanya menulis apa yang dapat diperoleh dari mereka. Tidak masuk akal untuk menuliskan kelemahan. Ini tidak akan memberi kita apa pun yang berguna. Saya membuka antarmuka pesaing dan mencoba menggunakannya berdasarkan skenario pengguna. Memang, jika itu adalah pesaing nyata, maka target audiensnya kira-kira sama. Bagi saya beberapa kali, klien dengan ironi kecil dalam suara mereka mengatakan sesuatu seperti: " Ah, baiklah, baiklah. Saya hanya mengambil apa yang saya lihat dari seseorang di sana dan menerapkannya pada kami"Pada awalnya, itu menjengkelkan, karena dalam analisis analisis pesaing hanya satu langkah dari banyak dan jauh dari yang utama, tetapi kesan di antara klien mungkin justru" mencuri bahwa segala sesuatu mungkin terjadi. "Untungnya, ini tidak sering terjadi. Setelah itu, saya secara khusus penyajian analisis ditambahkan oleh frasa " Anda dapat belajar dari pesaing " segera mengatakan bahwa jika perlu, maka ya, itulah yang akan saya ambil tanpa ragu bahwa seseorang sudah melakukannya.

Selain menganalisis pesaing, saya juga menganalisis bidang terkait. Misalnya, untuk antarmuka tentang makan sehat, Anda juga bisa melihat antarmuka penghitungan kalori, yang kadang-kadang bisa bermanfaat

Peta antarmuka

Banyak orang memberi nama peta antarmuka secara berbeda. Ini dapat disebut struktur, arsitektur informasi, hierarki, peta situs / aplikasi, atau istilah terkait. Satu esensi - deskripsi hubungan halaman / layar dari antarmuka saat ini. Saya melakukan ini untuk memahami logika saat ini dan berdasarkan pada itu untuk membuat saya lebih sederhana, lebih logis dan bermanfaat bagi pengguna. Outputnya adalah dua kartu: "Seperti apa adanya" dan "Seperti yang diperlukan."

Contoh gaya

Contoh gaya antarmuka masa depan dapat dibuat dalam bentuk tangkapan layar antarmuka yang gaya yang Anda anggap cocok untuk tugas saat ini. Dianjurkan untuk mencoba menemukan contoh tentang topik yang sama atau mirip dengan tema klien. Sehingga akan lebih mudah bagi klien untuk memasukkan esensi dari gambar-gambar ini. Saya memiliki kesempatan ketika tidak ada contoh yang layak dalam subjek dan saya mengambil sesuatu yang netral. Tetapi perlu untuk memberi tahu klien bahwa ini hanyalah contoh gaya (airiness of interface, skema warna, kelembutan, manufakturabilitas, dll.), Dan bukan 1 in 1, apa yang akan ia dapatkan pada akhirnya. Dan disarankan untuk menemukan contoh-contoh netral tidak dalam bahasa Rusia sehingga klien tidak secara otomatis membaca teks, tetapi menerima kesan umum. Pada tahap ini, sangat penting untuk membuat klien "menyodok jari" ke dalam contoh gaya yang dia sukai.Ini perlu agar di kepalanya ada pemahaman yang jelas tentang gaya apa yang harus ia harapkan pada akhirnya. Ini berguna untuk klien dan perancang, yang akan membutuhkan waktu lebih sedikit untuk mencari dan menyederhanakan tahap persetujuan desain yang sudah jadi.

Apa hasilnya

Di akhir semua tahapan, saya mengumpulkan presentasi dalam presentasi Google dan menunjukkannya kepada klien. Dia harus secara khusus menyetujui tahap analisis, atau jika ada nuansa, kemudian menyetujuinya dengan komentar yang saya tulis dan baik berubah dalam presentasi jika tidak lama, atau mengirim email dengan tautan ke preza dan komentar. Jika presentasi benar-benar sudah lewat, maka Anda perlu memahami bagaimana ini terjadi dan membuat yang baru. Tetapi ini belum terjadi pada saya. Dan jika itu terjadi, akan lebih baik pada tahap ini daripada pada tahap selanjutnya.

Apa yang kita dapatkan dari fase analisis

Klien menjadi sedikit lebih jelas tentang apa yang diharapkan pada akhirnya;
Desainer mengerti bagaimana melakukannya dan mengapa;
Lebih mudah bagi perancang untuk mengevaluasi kompleksitas proyek dan memberikan tenggat waktu yang hampir pasti ;
Lebih mudah bagi perancang dan klien untuk lulus / menerima hasilnya;
Proyek ini akan lebih bijaksana dan itu bagus.

Apa yang harus dianalisis sebelum mendesain antarmuka