Semasa salah satu misi saya sebagai pereka bentuk UX/UI, saya mendapati diri saya bertanggungjawab ke atas perimeter aplikasi perbankan yang sudah matang. Sama ada berkaitan dengan kefungsian atau UI, perjalanannya lebih maju dan sudah banyak.

Reka bentuk sistem, cukup kaya, pelbagai dan berstruktur, memungkinkan untuk membuat prototaip dengan cepat kursus kesetiaan tinggi baharu tanpa perlu melalui bingkai wayar Mid-Fi. Pelaksanaan reka bentuk sistem memungkinkan untuk mengurangkan kos pembangunan dan mengekalkan ketekalan umum produk. Kesepaduan ini mempunyai kelebihan yang ketara untuk pengguna kerana ia membolehkannya mencari dirinya di tempat yang biasa dan mengaitkan corak visual dengan mudah dengan fungsi atau cara mengatur maklumat.

Selepas itu, sebagai pereka bentuk (penjamin pengalaman pengguna) kami dengan cepat mendapati diri kami perlu mencipta, mengurus dan mengemas kini banyak prototaip dan skrin yang sangat serupa tetapi bertindak balas kepada kes penggunaan yang berbeza. Menavigasi melalui skrin dan projek yang sedang dijalankan kemudiannya menjadi cabaran sebenar.

Objektif saya melalui artikel ini dan untuk berkongsi dengan anda alat yang membolehkan saya mengatur jalan yang kusut ini dan mengekalkan visi global. Pelaksanaan Aliran Pengguna memberi saya bantuan yang diperlukan untuk penciptaan, pengemaskinian, organisasi dan komunikasi laluan berbeza dalam pasukan. Dan begini caranya...

#1 RANGKA KADAR / PROTOTAIP DAN HADNYA

Mencipta rangka wayar dan prototaip mempunyai faedah utama dan segera. Mereka membenarkan kami menguji skrin kami dengan cepat dan agak awal dalam projek. Objektif prototaip adalah untuk menjadikan kes penggunaan tertentu nyata. Oleh itu, mereka memungkinkan untuk menjalani pengalaman pengguna, mereka menjadi medium pertukaran semasa fasa ujian.

Jika anda sudah berada di peringkat lanjutan Sistem Reka Bentuk anda, mencipta prototaip ketelitian tinggi boleh menjadi sangat pantas. Mereka juga merupakan alat penting untuk meyakinkan pelanggan dengan membenarkan dia menonjolkan dirinya.

Seperti yang telah kita lihat di atas, prototaip mempunyai peranan penting dalam reka bentuk pengalaman pengguna. Walau bagaimanapun, mereka membenarkan untuk mempunyai, pada masa ini T, hanya skrin mengikut penglihatan skrin dan dalam rangka kerja yang ditakrifkan oleh kes penggunaan kami. Dari sudut pandangan organisasi, sukar untuk memahami tempat skrin tertentu di tengah-tengah aliran kerja umum. Di atas semua itu, apabila kami menyelidiki lebih mendalam mengenai pembangunan, produk menjadi lebih kompleks, kami menyedari bahawa kami perlu berurusan dengan banyak senario, tidak diambil kira pada mulanya.

Sesungguhnya prototaip yang dihasilkan secara amnya mewakili kes nominal dan selalunya "Jalan Bahagia" tetapi bagaimana pula dengan kes-kes lain?

Sebagai contoh :

• Bagaimanakah saya harus menunjukkan bahawa butang boleh merujuk kepada skrin yang berbeza bergantung pada status pengguna?
• Patutkah saya membuat prototaip kedua-dua versi ini untuk memvisualisasikan dan menguji pengalaman pengguna kedua-dua kesan ini?
• Bagaimanakah saya harus menyepadukan kes ralat ke dalam prototaip saya seperti kehilangan sambungan, masalah pelayan? Sekiranya saya membuat prototaip khusus?
• Bagaimanakah saya boleh mewakili pencetus untuk mesej ralat ini dalam prototaip saya?
• Perlukah saya membuat versi mengikut status pengguna (profil dihafal / tidak dihafal / Didaftarkan / Tidak didaftarkan)?
• Jika pengguna sudah mendaftar dalam ciri atau jika dia belum memuktamadkan proses langganannya, adakah saya perlu melangkau langkah tertentu bergantung pada situasi pengguna?

Peranan pereka bentuk adalah untuk meramalkan semua kes ini dan menyediakan penyelesaian ergonomik. Tetapi semua kes yang berbeza ini adalah senario alternatif yang digabungkan bersama boleh membawa kepada banyak kemungkinan. Adakah mungkin untuk mencipta prototaip untuk bertindak balas kepada semua senario ini? Dengan mengandaikan bahawa produk mempunyai belanjawan dan masa yang diperlukan untuk deklinasi semua skrin ini, apakah masalah yang boleh dibangkitkan oleh prototaip?

• Kesukaran untuk memastikan semua varian skrin ini dikemas kini, terutamanya dalam reka bentuk sistem yang berkembang pesat.
• Kesukaran dalam menilai kesan pengubahsuaian skrin pada kursus lain yang mempunyai skrin ini sama.
• Masa yang diperuntukkan untuk mencipta skrin, menyusunnya dan berkongsinya dengan pembangun / PO.
• Kesukaran untuk pembesar suara luaran untuk mencari banyak versi.

Kami sedar bahawa menggunakan prototaip sebagai alat komunikasi dan pengurusan tidak lagi mencukupi. Ia datang ke had tertentu jika kita mahu bertindak balas kepada semua kes yang berbeza.

Mempertimbangkan pendekatan makro akan memudahkan untuk menavigasi pelbagai kemungkinan ini.

#2 KEPENTINGAN ALIRAN PENGGUNA

Seperti yang telah kita lihat di atas, semakin kompleks sistem menjadi, semakin sukar untuk memahami/menyusun/mengekalkan produk secara keseluruhan dengan menggunakan prototaip sahaja. Dari mana datangnya kegunaan menggabungkan alat ini dengan Aliran Pengguna?

Aliran Pengguna membolehkan untuk menggambarkan pergerakan melalui sistem, ia menunjukkan langkah mana yang perlu dilalui pengguna untuk mencapai objektifnya. Seterusnya ialah tahap butiran yang boleh kami integrasikan keputusan pengguna dan laluan yang terhasil daripada keputusan tersebut. Ia juga menarik untuk menyepadukan kekangan teknikal yang boleh menjadi penentu dalam aliran produk. Apabila digunakan pada masa yang tepat dalam projek, Aliran Pengguna boleh meningkatkan kelajuan pembentukan lelaran dan meningkatkan komunikasi dalam pasukan produk.

Sama seperti Wireframe, Aliran Pengguna boleh dipersembahkan dengan tahap perincian yang berbeza :

• Semakin asas Aliran Pengguna, semakin banyak pendekatan anda akan tertumpu pada langkah-langkah yang akan memenuhi keperluan dan objektif utama pengguna. Tahap perincian ini sangat menarik kerana ia memberikan gambaran keseluruhan tentang peringkat yang berbeza dan bilangan skrin yang perlu dibuat prototaip. Ini memungkinkan untuk kembali ke fungsi global tanpa memikirkan butirannya.
• Semakin tinggi tahap perincian, lebih banyak anda boleh menyepadukan elemen terhingga antara muka, elemen teknikal atau keputusan pengguna. Dengan mencapai tahap perincian ini, anda kemudiannya akan dapat mempunyai visi terperinci tentang cawangan yang berbeza yang membolehkan anda mencapai objektif pengguna.

Berikut ialah beberapa faedah utama menggunakan Aliran Pengguna :

• Kelebihan menggunakan medium ini dari permulaan reka bentuk adalah untuk dapat "memetakan" laluan secara makro, tetapi di atas semua dapat mengubahnya dengan sewajarnya. Ia juga menarik untuk melihat Aliran Pengguna anda sebagai alat kerja yang hidup dan berkembang. Ia seiring dengan kekangan teknikal, perkembangan perniagaan dan keperluan pengguna.
• Sebaliknya, adalah sukar untuk membangunkan skrin tertentu tanpa sokongan alat ini kerana kami tidak menyedari kesannya terhadap kes penggunaan lain yang mempunyai kesamaan skrin ini. Sesungguhnya, dengan menggunakannya, anda akan dapat melihat kesan sepintas lalu dan oleh itu semua skrin yang mungkin akan terjejas. Ini memungkinkan, sebagai contoh, untuk membangunkan skrin ini dengan mengambil kira semua senario yang mungkin, dengan itu mengelakkan pertindihan dan mengurangkan kos pembangunan. Sebaliknya, jika penggunaan terlalu berbeza daripada apa yang diharapkan oleh pengguna atau perniagaan, adalah mungkin untuk menyimpang dan mencipta versi baharu dengan pengetahuan penuh tentang fakta.
• Pada prototaip, sukar untuk menyepadukan kekangan teknikal yang boleh memberi kesan yang sangat kuat pada pengalaman pengguna akhir: Masa menunggu / Panggilan pelayan / Pemeriksaan keselamatan. Pemetaan jenis maklumat ini sudah boleh memberikan petunjuk yang baik tentang kemungkinan terdapat ralat atau kelewatan. Ini memungkinkan, sebagai contoh, untuk menyediakan "Shimmerings" untuk membuatkan pengguna menunggu atau menyediakan kes ralat dengan mesej kontekstual, jenaka atau sedikit emosi.
• Ini juga memungkinkan untuk membentangkan kursus yang berbeza secara makro kepada rakan bicara projek yang berbeza. Sebagai contoh, adalah aset untuk pasukan Data mempunyai jenis perwakilan ini. Ini membolehkannya memvisualisasikan cawangan dan keputusan pengguna yang berbeza serta dapat membangunkan "Pelan Penandaan" dengan sewajarnya.

#3 Contoh alat:

Dalam bahagian ini, saya ingin memperkenalkan anda kepada alat penciptaan Aliran Pengguna kolaboratif yang amat saya hargai: Whimsical.

Yang paling banyak :

• Bermula adalah sangat mudah walaupun untuk seseorang yang tidak pernah menggunakan alat yang serupa.
• Sangat mudah untuk mengubah suai Aliran Pengguna "kompleks" sedia ada tanpa membatalkan segala-galanya dan menghabiskan terlalu banyak masa padanya.
• Kemungkinan penyesuaian tidak begitu banyak tetapi mudah, estetik dan dilakukan dengan baik untuk memenuhi semua keperluan utama tanpa tersesat dalam kerumitan.
• Adakah anda ingin memudahkan proses kerja dan komunikasi antara pembangun dan pasukan reka bentuk anda? Anda akan dapat memanfaatkan alat kolaboratif ini yang membolehkan beberapa orang bekerja pada fail yang sama pada masa yang sama. Anda boleh mengulas, menandai rakan usaha sama pada elemen tertentu dokumen.
• Alat ini juga membolehkan anda menyepadukan pautan dan imej (Seperti antara muka kepada Aliran Pengguna). Walau bagaimanapun, ia dikesali bahawa ia adalah mustahil.
• Perisian ini juga menyepadukan alatan lain yang bukan subjek artikel ini tetapi kekal sebagai aset sebenar (Mindmap, Sticky Notes, Wireframe).
• Harganya berpatutan: Percuma untuk pengulas dan 10€/bulan untuk editor.

Sekurang-kurangnya :

• Malangnya kami tidak boleh mempunyai pratonton papan seni Invision, Sketch atau Figma yang akan membenarkan kemas kini Wireflow sebenar secara automatik.
• Versi percuma hanya menawarkan satu pelan kerja kolaboratif.

Jumpa anda esok untuk kejutan baharu dalam kalendar UX-Republic Advent kami!

Clement Guillot, Pereka UX-UI @UX-Republic