Tinjauan Komprehensif UX Design Deliverables

Apa pereka UX lakukan setiap hari? Banyak perkara! Profesional UX perlu menyampaikan idea reka bentuk dan penemuan penyelidikan kepada pelbagai khalayak. Mereka menggunakan barang-barang (rekod-rekod yang ketara kerja yang telah berlaku) untuk tujuan itu. Senarai di bawah mengandungi penyampaian yang paling biasa yang dihasilkan oleh pereka UX kerana mereka mencipta pengalaman hebat untuk pengguna.

Untuk kebolehbacaan yang lebih baik, saya telah menggabungkan hasil yang sesuai dengan aktiviti UX:

  • Penilaian projek,
  • Penilaian pesaing,
  • Penyelidikan pengguna,
  • Senibina maklumat,
  • Reka bentuk interaksi.

Penilaian Projek

Penilaian projek adalah proses penilaian yang membantu pereka UX memahami keadaan semasa produk.

Audit Analitis

Audit analisis adalah cara untuk mendedahkan mana bahagian tapak web atau aplikasi menyebabkan sakit kepala untuk pengguna dan mengurangkan penukaran. Semasa audit analitik, juruaudit akan menggunakan pelbagai kaedah, alat dan metrik - sumber trafik, aliran lalu lintas, penukaran (dan pengabaian) tempat panas, dan sebagainya - untuk menganalisis di mana produk salah (atau kanan). Pada akhirnya, analisis analisis harus membolehkan pereka UX mengetahui bagaimana untuk meningkatkan penukaran dengan memudahkan pengguna mencapai matlamat mereka di laman web atau aplikasinya.

Nombor yang disediakan oleh alat analitik tentang bagaimana pengguna berinteraksi dengan produk - klik, masa sesi pengguna, pertanyaan carian, penukaran, dan lain-lain - akan membantu pereka UX untuk membongkar kelakuan yang tidak dijangka, yang menonjol yang tidak jelas dalam ujian pengguna. Imej: Ramotion

Petua: Dapatkan kebiasaan A / B menguji perubahan reka bentuk anda. Mengetahui bahawa semua perubahan anda akan diuji A / B akan memberi anda kebebasan yang luar biasa untuk mencuba perkara baru (dan berpotensi berisiko). Sekiranya mereka bekerja, anda akan mengetahui dengan segera. Juga, anda tidak perlu risau bahawa beberapa perubahan yang telah anda buat akan merosakkan segala-galanya.

Audit Kandungan

Audit kandungan adalah proses menilai aset maklumat di beberapa bahagian atau semua aplikasi atau laman web. Ia boleh dikatakan bahawa audit kandungan adalah inventori kandungan dan penilaian kandungan setiap halaman (sama ada secara kualitatif oleh seseorang atau kuantitatif menggunakan analisis) dan / atau penguntukan pemilik kandungan. Ia melibatkan mengumpulkan semua kandungan di tapak web anda atau dalam aplikasi anda dan menilai kekuatan dan kelemahan relatifnya untuk mengutamakan aktiviti pemasaran masa depan anda. Dengan mengaudit, anda akan memahami kandungan lebih baik. Anda mungkin mendapati perkara yang anda tidak tahu ada, kandungan yang diduplikasi atau ketinggalan zaman, atau mengenal pasti semua jenis hubungan dalam kandungan. Hasil audit kandungan boleh digunakan untuk tugas global (membuat strategi kandungan) atau tugas setempat (mengoptimalkan halaman tertentu).

Laporan Ujian Kebolehgunaan

Ujian kegunaan adalah satu cara untuk melihat betapa mudahnya produk digunakan dengan mengujinya dengan pengguna sebenar. Laporan uji kebolehgunaan merangkumi penemuan kebolehgunaan dalam cara yang jelas, ringkas dan deskriptif, membantu pasukan projek mengenal pasti isu dan berusaha ke arah penyelesaian.

Contoh contoh laporan ujian kebolehgunaan. Imej: tiffanyho

Petua: Kedudukan penemuan anda. Setiap isu yang didapati melalui ujian kebolehgunaan tidak sama pentingnya. Laporan kebolehgunaan boleh mempunyai 5 atau 100 penemuan, bergantung pada skala kajian, dan kadang-kadang ia mungkin sangat menggembirakan bagi pasukan untuk melewati semuanya. Itulah sebabnya penemuan harus disenaraikan dari segi keterukan (rendah, sederhana atau tinggi). Ini akan membantu pasukan mengenal pasti isu kritikal yang terdedah oleh kajian kebolehgunaan.

Penilaian Peserta

Penilaian pesaing adalah penilaian kekuatan dan kelemahan para pesaing saat ini dan potensial. Menilai kekuatan dan kelemahan pesaing anda adalah bahagian kritikal strategi UX anda sendiri.

Laporan Analisis Kompetitif

Analisis produk pesaing akan memaparkan ciri-ciri mereka yang sedia ada dengan cara yang setanding. Laporan analisis kompetitif ini membantu para pereka UX memahami standard industri dan mengenal pasti peluang untuk berinovasi di kawasan tertentu.

Analisis yang kompetitif membolehkan pereka untuk menilai kekuatan dan kelemahan pesaing di pasaran terpilih dan melaksanakan strategi yang berkesan untuk meningkatkan kelebihan daya saing produk. Imej: yellowpencil

Petua: Titik permulaan yang berguna untuk mengenal pasti kekuatan dan bidang penambahbaikan mungkin pengalaman pengguna heuristik. Walaupun analisis kompetitif tidak bertujuan untuk meniru penilaian heuristik, heuristik boleh menjadi titik permulaan yang baik kerana mereka menawarkan struktur yang baik untuk menyampaikan maklumat. Heuristik termasuk navigasi yang cekap, kejelasan teks dan label, konsisten, mudah dibaca, scannability, dll.

Tawaran nilai

Cadangan nilai adalah pernyataan yang memaparkan aspek utama produk: apakah ia, siapakah dan bagaimana ia akan digunakan. Cadangan nilai membantu pasukan membentuk konsensus di sekitar produk.

Cadangan nilai membantu pereka UX untuk terus memberi tumpuan kepada perkara-perkara penting. Imej: UX Mag

Petua: Pastikan cadangan nilai anda berkaitan langsung dengan objektif perniagaan utama. Dengan melakukan ini, lebih mudah untuk mengadakan perbincangan mengenai masa dan belanjawan untuk aktiviti UX.

Penyelidikan Pengguna

Penyelidikan pengguna memberi tumpuan kepada memahami tingkah laku pengguna, keperluan, dan motivasi melalui teknik pemerhatian, analisis tugas dan metodologi maklum balas yang lain.

Persona

Seseorang adalah watak fiksyen yang menggunakan produk dengan cara yang sama dengan jenis pengguna yang berpotensi. Persona membuat lebih mudah bagi pereka untuk berempati dengan pengguna sepanjang proses reka bentuk. Persona adalah alat kontroversial di gudang senjata UX: Sesetengah pereka UX suka mereka, yang lain membenci mereka. Oleh itu, penting untuk memahami bukan sahaja faedah tetapi juga kegagalan peribadi sebelum menggunakannya dalam proses reka bentuk UX anda.

Persona adalah watak fiksyen yang menyoroti tingkah laku, keperluan, dan motivasi pengguna sasaran anda. Imej: xtensio

Petua: Orang yang paling berkesan dicipta daripada data wawancara dan pemerhatian pengguna mendalam pengguna sebenar. Kumpulkan seberapa banyak maklumat dan pengetahuan mengenai pengguna yang mungkin dengan menemuramah dan / atau memerhatikan bilangan orang yang mencukupi yang mewakili penonton sasaran anda.

Cerita Pengguna

Kisah pengguna adalah penerangan ringkas ciri yang diberitahu dari perspektif pengguna produk. Pada dasarnya, ia adalah definisi keperluan yang sangat tinggi (di peringkat konseptual), mengandungi hanya maklumat yang cukup bahawa para pemaju dapat menghasilkan perkiraan yang munasabah tentang usaha yang diperlukan untuk melaksanakannya.

Imej: realtimeboard

Petua: Guna cerita pengguna untuk mencegah rayapan ciri. Ciri creep adalah istilah yang sering muncul semasa reka bentuk produk. Ia merujuk kepada kecenderungan untuk terus menambahkan lebih banyak ciri dan mengembangkan skop sesuatu projek. Cuba enggan untuk menambah sebarang ciri tanpa kisah pengguna yang menjelaskan mengapa ciri tertentu itu penting.

Gunakan Kes

Kes penggunaan adalah penerangan bertulis bagaimana pengguna akan melaksanakan tugas dalam aplikasi atau laman web. Ia menggariskan, dari sudut pandangan pengguna, aplikasinya atau kelakuan laman web kerana ia bertindak balas kepada permintaan. Setiap kes penggunaan diwakili sebagai urutan langkah mudah, bermula dengan matlamat pengguna dan berakhir apabila tujuan itu dipenuhi.

Kes penggunaan adalah senarai tindakan atau langkah dalam sesuatu peristiwa, biasanya menentukan interaksi antara pengguna dan sistem, untuk mencapai matlamat. Imej: Slidehare

Petua: Penggunaan kes tidak dikhaskan untuk fasa UX; mereka boleh digunakan untuk fasa QA juga. Oleh itu, apabila mengkaji kebolehgunaan produk yang diberikan, sangat penting bahawa pakar QA mempunyai kes-kes penggunaan. Ini akan memberi pakar QA satu set kriteria yang perlu ditangani oleh reka bentuk.

Pengalaman Peta

Peta pengalaman adalah gambarajah yang meneroka pelbagai langkah yang diambil pengguna apabila mereka terlibat dengan produk. Ia membolehkan pereka untuk membina motivasi dan keperluan pengguna di setiap langkah perjalanan, mereka bentuk penyelesaian yang sesuai untuk setiap.

Peta pengalaman mudah mencerminkan satu laluan yang mungkin dalam satu senario. Imej: effectiveui

Petua: Proses membuat peta perjalanan pelanggan harus bermula dengan mengenal pengguna. Walaupun anda boleh bertukar kepada banyak sumber untuk data mengenai pengguna anda, salah satu yang paling jelas ialah laman web atau analisis apl mudah alih. Analytics menyediakan wawasan yang berharga mengenai apa yang dilakukan oleh pengguna di tapak web anda atau dalam aplikasi anda, dan data ini akan membantu anda membina kes-kes yang menarik.

Papan cerita (Semasa)

Papan cerita adalah ilustrasi yang mewakili tembakan dan yang akhirnya mewakili cerita. Di UX, kisah ini adalah siri tindakan yang akan diambil pengguna semasa menggunakan produk. Papan tulis membantu pereka untuk menghormati pengalaman sebenar orang yang mereka reka.

Senyuman dan ekspresi kesedihan pada muka manusia mempunyai kesan emosi yang kuat. Ini memungkinkan untuk membawa kisah kepada kehidupan di hati dan minda penonton anda. Imej: Chelsea Hostetter

Petua: Apabila memikirkan storyboarding, kebanyakan orang memberi tumpuan kepada kemampuan mereka (atau ketidakupayaan) untuk menarik. Berita baiknya adalah bahawa anda tidak perlu baik untuk melukis sebelum anda mula melukis papan cerita. Apa yang lebih penting ialah kisah sebenar yang ingin anda sampaikan. Maklumat yang jelas menyampaikan adalah kunci.

Ukur

Tinjauan adalah cara yang cepat dan murah untuk mengukur tahap kepuasan pengguna dan untuk mengumpul maklum balas mengenai produk. Walaupun kaji selidik adalah cara terbaik untuk mengumpul maklumat daripada sebilangan besar pengguna, batasan yang jelas adalah kurangnya pandangan kualitatif - sebagai contoh, mengapa pelanggan menggunakan produk dengan cara tertentu.

Petua: Pastikan tinjauan itu pendek. Jangkaan apabila membuat tinjauan adalah untuk menambah lebih banyak soalan. Masalahnya ialah ia boleh menjadi sangat menyakitkan, dan orang akan hanya melangkau soalan. Jika anda ingin mengumpulkan maklumat yang lebih berharga, anda harus menggunakan pendekatan yang lebih baik. Pastikan peninjauan ringkas dan laksana satu atau dua bulan lagi.

Maklumat Seni Bina

Pengkulturan maklumat adalah amalan untuk menentukan bagaimana untuk menguruskan bahagian-bahagian sesuatu yang dapat difahami. Untuk produk digital, hasil seni bina maklumat menghasilkan penciptaan navigasi, peta tapak, taksonomi dan wireframe.

Imej: Murray Thompson, UX Booth

Peta Laman

Peta laman adalah gambarajah halaman laman web, diatur secara hierarki. Ia memudahkan untuk memvisualisasikan struktur asas dan navigasi laman web.

Contoh Peta Peta Imej: Behance

Tip: Jika anda ingin membuat peta tapak dengan cepat dan mudah, gunakan kaedah penyortiran kad.

Taksonomi

Hasil taksonomi menghasilkan eksplorasi pelbagai cara untuk mengkategorikan kandungan dan data: artikel dalam laman web berita, kategori produk dalam aplikasi e-dagang, dll. Taksonomi membantu pereka untuk menentukan struktur kandungan yang menyokong matlamat pengguna dan perniagaan .

Imej: Christian Ricci

Petua: Taksonomi adalah dokumen yang hidup, dan ia perlu diuji dan dikemas kini dengan kerap.

Wireframe

Wireframe adalah panduan visual yang mewakili struktur halaman, serta hierarki dan elemen pentingnya. Wireframes berguna apabila pereka UX perlu membincangkan idea dengan ahli pasukan dan pihak berkepentingan dan membantu kerja pereka visual dan pemaju.

Wireframes boleh dibentangkan dalam bentuk lakaran:

Sketching adalah cara cepat untuk menggambarkan idea (seperti reka bentuk antara muka baru). Imej: Nicholas Swanson

Wireframes juga boleh dibentangkan sebagai ilustrasi digital:

Contoh wireframes untuk aplikasi mudah alih. Muat turun Wayar, dua kit UX wireframe percuma untuk mudah alih dan web, yang dibina untuk Adobe XD.

Petua: Simpan wireframes mudah, dan hantarkan. Tujuan dari rangka adalah untuk menunjukkan struktur reka bentuk halaman - butiran akan datang kemudian. Sekiranya anda bercadang untuk membentangkan galeri kepada pasukan, cuba sertakan penjelasan. Anotasi membantu untuk mewujudkan konteks dan dengan cepat menyampaikan idea utama.

Reka Bentuk Interaksi

Reka bentuk interaksi (sering disingkat sebagai IxD) adalah amalan merancang produk digital interaktif. Ia adalah satu proses di mana pereka mewujudkan hubungan pengguna dengan perilaku logik dan pemikiran dan tindakan.

Papan cerita (Merancang)

Pada asasnya, ini adalah papan cerita yang sama yang kita lihat dalam bahagian penyelidikan pengguna, dengan hanya satu perbezaan: Papan cerita ini digunakan untuk menjual penyelesaian reka bentuk. Pereka menggunakannya untuk menunjukkan manfaat penyelesaian yang dicadangkan dan meyakinkan pihak berkepentingan dengannya.

Imej: digiflip

Petua: Reka bentuk hasil yang jelas. Pastikan papan cerita anda meninggalkan penonton tanpa keraguan tentang hasil cerita. Sekiranya anda menerangkan keadaan yang tidak menguntungkan, tamat dengan masalah penuh masalah; jika anda membentangkan penyelesaian, menyimpulkan dengan manfaat penyelesaian itu untuk watak anda.

Rajah Aliran Pengguna

Gambar rajah aliran pengguna adalah perwakilan visual tindakan pengguna untuk menyelesaikan tugas dalam produk. Aliran pengguna visualisasi memudahkan untuk mengenal pasti langkah-langkah mana yang perlu diperbaiki atau direka bentuk semula.

Aliran pengguna membantu membina pemahaman umum setiap halaman aplikasi atau tapak web anda. Imej: Behance

Petua: Bagi banyak projek dalam fasa reka bentuk aktif, mewujudkan aliran pengguna mungkin memakan masa, kerana lukisan akan menjadi ketinggalan zaman apabila skrin berubah. Ryan dari Basecamp mencadangkan versi aliran pengguna yang mudah. Format ini benar-benar pantas untuk lakaran, dan ia menyampaikan keperluan penting dari apa yang perlu berlaku.

Prototaip

Banyak orang menggunakan istilah "wireframe" dan "prototaip" secara bergantian, tetapi terdapat perbezaan yang signifikan antara kedua-dua hasil reka bentuk: Mereka kelihatan berbeza, mereka berkomunikasi perkara yang berbeza, dan mereka melayani tujuan yang berbeza. Walaupun wireframe adalah serupa dengan pelan seni bina (sebagai contoh, pelan bangunan), prototaip adalah perwakilan kesetiaan yang tinggi untuk produk akhir. Matlamat prototaip adalah untuk menguji produk (atau idea produk) sebelum melabur banyak masa dan wang dalam produk akhir.

Prototaip memberikan rasa bagaimana pengguna akan berinteraksi dengan produk tersebut. Ia boleh menjadi analog:

Prototaip analog kesetiaan rendah Imej: UX Playground

Atau boleh jadi digital:

Prototaip interaktif kesetiaan tinggi yang dicipta dalam Adobe XD dan dicerminkan pada iPhone

Perkara yang paling penting ialah prototaip harus membenarkan pengguna untuk mengalami kandungan dan menguji interaksi utama dengan antara muka dengan cara yang serupa dengan bagaimana produk akhir mereka.

Petua: Uji prototaip pada peranti sebenar sebanyak mungkin. Walaupun emulator di desktop anda mungkin bekerja dalam beberapa kes, tiada pengganti yang mengalami reka bentuk pada peranti sebenar.

Kesimpulannya

Kemungkinan besar anda terkejut dengan jumlah penghantaran yang disebutkan dalam artikel ini. Dengan yakin, setiap projek adalah berbeza dan seorang pereka UX tidak perlu menghasilkan semuanya untuk setiap projek. Juga, ingat bahawa tidak ada satu-saiz-sesuai-semua yang boleh disampaikan yang akan sama-sama berkesan untuk semua projek. Setiap penyampaian menjadi alat komunikasi yang berkesan dalam konteks yang betul dan dengan khalayak yang betul.

Nick Babich adalah pemaju, peminat teknologi, dan kekasih UX. Beliau telah menghabiskan 10 tahun terakhir bekerja dalam industri perisian dengan fokus khusus pada pembangunan. Dia mengira iklan, psikologi, dan pawagam di kalangan kepentingannya.

Originally diterbitkan di blogs.adobe.com.

Ketahui mengenai Adobe XD, alat reka bentuk dan prototaip kami semua-dalam-satu:

  • Muat turun Adobe XD
  • Akaun Adobe XD Twitter - juga menggunakan #adobexd untuk bercakap dengan pasukan!
  • Pangkalan data idea Adobe XD UserVoice
  • Forum XD Adobe