Berkeliaran lebih sedikit, Jangkau lebih cepat ke file Media yang Diinginkan di WhatsApp

Nov 28 2022
Meningkatkan pengalaman pengguna pencarian file media WhatsApp di “info kontak” untuk mengurangi durasi keseluruhan sesi pencarian file media tertentu, sehingga meningkatkan efisiensi, lebih banyak kontrol, dan kebebasan bagi pengguna. Baru-baru ini saya ikut serta dalam tantangan desain yang menghasilkan pembuatan studi kasus ini.

Meningkatkan pengalaman pengguna pencarian file media WhatsApp di “info kontak” untuk mengurangi durasi keseluruhan sesi pencarian file media tertentu, sehingga meningkatkan efisiensi, lebih banyak kontrol, dan kebebasan bagi pengguna.

Baru-baru ini saya ikut serta dalam tantangan desain yang menghasilkan pembuatan studi kasus ini. Jadi sebelum Anda mempelajari studi kasus saya, mari kita lihat sedikit konteksnya ⬇️

Bagaimana saya memulai dengan Tantangan Desain UX

Jadi perjalanan saya dimulai dengan mengikuti workshop UX Kickstarter selama 2 minggu oleh Anudeep, di mana saya belajar tentang prinsip-prinsip desain UX, heuristik, membangun UI di Figma, pembuatan prototipe animasi, dan Dampak Bisnis dari desain UX.

Semua yang saya pelajari, adalah dengan cara non-buku pelajaran. Dengan beberapa ramuan ajaib akal sehat yang diinduksi oleh rasa ingin tahu, saya mulai melihat produk sehari-hari baik itu fisik atau digital dengan pola pikir ingin tahu atau Anda dapat mengatakan mata ketiga saya terbuka yang merupakan "mata desainer".

Dengan pola pikir yang ingin tahu ini, kami mengikuti sesi dengan Anudeep di mana kami diberi pengarahan tentang tantangan desain UX. Menjadi partisipasi pertama saya dalam tantangan desain, saya sangat bersemangat dan sedikit gugup pada saat yang sama. Kami memiliki 2 hari untuk menyelesaikan tantangan, tetapi saya rasa sensasi menyelesaikannya dalam batasan waktu yang ketat adalah pengalaman belajar yang luar biasa untuk mempelajari cara mendesain dengan mengingat batasan.

➡️ Desain ulang terakhir saya dari pengalaman pencarian file media WhatsApp yang merupakan bagian dari layar info kontak yang mencakup opsi media, tautan, dan dokumen

Berikut perbandingan layar asli dan Redesign. Saya akan memandu Anda bagaimana saya sampai pada solusi di bagian selanjutnya dari studi kasus ini.

Gambar 1.1 Layar Asli
Gambar 1.2 Layar yang didesain ulang (Sebelum pengujian kegunaan)
Gambar 1.3 Layar yang didesain ulang (Setelah pengujian kegunaan)

Mari kita bicara tentang solusinya dan bagaimana ini membantu para pengguna

Dalam penyelesaian akhir,

Saya menambahkan berbagai tab media seperti Foto, Video, Audio, GIF, dan Stiker. Jadi sekarang, kapan pun seseorang perlu mencari file media tertentu, misalnya video, mereka dapat langsung beralih ke tab video dan menemukan semua video pada bulan tersebut, yang ingin dibagikan dengan seseorang atau disimpan di perangkat mereka. Ini membantu pengguna menghemat banyak waktu yang jika tidak akan digunakan untuk mencari file media di mana semua jenis file media yang berbeda dicampur.

Selain itu, saya juga memberi pengguna fleksibilitas dan kontrol untuk menampilkan atau menyembunyikan tab media tertentu yang ingin mereka lihat. Ada dua opsi filter, satu untuk setiap bulan tertentu, di mana seseorang dapat menampilkan atau menyembunyikan tab media setiap bulan dan opsi lainnya adalah memfilter tab media secara keseluruhan untuk semua bulan, mana pun yang diinginkan pengguna.

Saya juga menambahkan opsi untuk mengakses file media yang belum dicadangkan sehingga file yang tidak didukung tersebut tidak bercampur dengan file yang dicadangkan. Karena pengguna mungkin akhirnya mengklik file yang tidak didukung hanya untuk mengetahui bahwa mereka tidak dapat membuka/berinteraksi dengan media. Jadi file yang tidak dicadangkan ini akan tersedia di layar yang berbeda. Dengan demikian mengingat heuristik pencegahan kesalahan bagi pengguna.

Bagaimana solusi membantu bisnis?

Solusinya membantu menghemat banyak waktu bagi pengguna yang pada gilirannya membantu mereka menyelesaikan tugas lebih cepat sehingga mengurangi panjang sesi pengguna dan drop-off dalam pencarian.

Ini adalah prototipe Figma untuk hal yang sama -

Sekarang mari kita bicara tentang bagaimana proses sampai pada keputusan desain akhir

Alasan mengapa saya memilih WhatsApp dan aliran khusus ini

Sumber: Pinterest

Seperti yang disebutkan sebelumnya pasca lokakarya UX, saya mengembangkan kebiasaan untuk melihat setiap produk baik fisik maupun digital dari sudut pandang desainer dan memahami "mengapa" desain menjadi sifat kedua saya. Buku kerja tentang belajar dari desain yang ada sangat membantu dalam hal ini, karena setiap produk dilihat dari perspektif akal sehat.

Saat saya menggunakan WhatsApp untuk berbagi media dari info kontak obrolan, saya menyadari bahwa alur pencariannya agak membosankan, terutama saat mencari file media tertentu yang bisa berupa video, GIF, atau file audio.

Saya tahu pasti ada cara untuk mengurangi upaya yang dilakukan untuk mencari file media. Hal lain yang saya ingat adalah bahwa baik itu produk apa pun, terkenal atau baru, selalu ada ruang untuk perbaikan karena seiring dengan perkembangan produk, desain dan kebutuhan pengguna juga berkembang.

Alasan lain memilih WhatsApp sebagai aplikasi saya untuk tantangan ini adalah basis penggunanya yang luas lebih dari 2 miliar pengguna aktif bulanan. Produk yang memiliki basis pengguna yang luas berarti bahwa perubahan tunggal dalam fitur produk berpotensi berdampak besar pada pengguna dan juga bisnis.

Berbicara tentang bisnis, UX memiliki dampak yang besar pada bisnis dan dampak tersebut dapat diukur melalui banyak Metrik Bisnis . Alur pencarian WhatsApp jika ditingkatkan berpotensi menghasilkan pengurangan durasi sesi dan drop-off saat mencari pengguna dan dapat membantu bisnis dengan cara yang sangat berdampak.

Bagaimana saya memahami area untuk peningkatan di WhatsApp?

Mempelajari dan memahami 10 heuristik desain sangat membantu saya dalam mengidentifikasi masalah dalam alur pencarian saya yang ada. Dengan bantuan akal sehat dan evaluasi heuristik, saya dapat memilih beberapa masalah yang dapat diselesaikan untuk alur pencarian.

Gambar 2 Masalah yang Diidentifikasi

Selama evaluasi heuristik, saya mengajukan pertanyaan seperti,

  1. Mengapa file dipisahkan sebagai Media, Tautan, dan Dokumen?
  2. Fleksibilitas dan efisiensi penggunaan — Pemisahan file ke dalam media, tautan, dan dokumen membantu pengguna dengan cepat mencari file yang ingin disimpan atau dibagikan dengan seseorang
    • Fleksibilitas dan efisiensi penggunaan- Menampilkan file media setiap bulan membantu pengguna dengan cepat menemukan media khusus untuk bulan tertentu saat dibagikan.
    • Pengakuan daripada mengingat - Karena pemisahan file media setiap bulan, pengguna dapat dengan cepat mengenali berapa lama atau baru file tersebut daripada mencoba mengingat berapa lama file media dibagikan yang pada gilirannya membantu mengurangi beban kognitif dari pengguna.

    Bagaimana cara pengguna menemukan file media tertentu untuk mempersempit waktu pencarian bagi pengguna?

    • Sulit bagi pengguna untuk mencari jenis file media tertentu yang bisa berupa video, gif, audio, atau stiker. Seringkali pengguna mungkin perlu banyak menggulir untuk menemukan jenis file media tertentu saat mencoba berbagi file dengan seseorang atau menyimpannya di perangkat mereka sendiri.
    • Heuristik- Fleksibilitas dan Efisiensi penggunaan
    • Sulit bagi pengguna untuk mengidentifikasi file mana yang tidak dicadangkan karena file yang dicadangkan dan tidak dicadangkan ada di galeri dan dengan demikian tercampur.
    • Pencegahan Kesalahan Heuristik

    Dari masalah yang teridentifikasi selama evaluasi heuristik, saya mendapatkan 2 ide dan memilih ide yang memiliki ruang lingkup lebih untuk menyelesaikan masalah.

    Gambar 2.1 Ideasi

    Ide 1 — Memiliki foto, video, Gif, stiker, dan audio sebagai opsi tab untuk memisahkannya dan menjadikan pencarian jenis media lebih fleksibel saat berbagi dengan seseorang atau menyimpannya ke perangkat Anda, juga menambahkan bagian di bagian atas untuk tidak didukung file untuk identifikasi dan pencegahan kesalahan.

    Ide 2 — Selain ide 1 juga memiliki filter tab untuk hanya melihat tab media yang diinginkan pada satu waktu, misalnya, pengguna yang hanya ingin melihat tab audio dan video dapat memilih tab audio dan video dari filter dengan cepat menemukan file-file itu.

    Saya melanjutkan dengan ide 2 karena memberi pengguna fleksibilitas dan efisiensi untuk mencari file media dengan cepat dari koleksi besar file dari galeri serta kontrol dan kebebasan pengguna untuk memfilter jenis file media mana yang diinginkan pengguna. lihat di layar mereka pada titik waktu tertentu.

    Ide yang dipilih juga akan menciptakan dampak bisnis yang besar dengan mengurangi durasi sesi dan penurunan saat menelusuri.

    Membawa pemikiran di atas Kertas

    Saya perlu memvisualisasikan bagaimana ide saya akan terlihat pada antarmuka dan karenanya saya melanjutkan untuk membuat sketsa prototipe kertas untuk mendapatkan pemahaman yang lebih baik tentang ide saya.

    Gambar 2.2 Prototipe Kertas

    Saya merasa sangat bersemangat untuk mewujudkan ide saya dengan bantuan pembuatan prototipe kertas, seperti yang terlihat pada gambar di atas, saya membuat tab media terpisah dan menambahkan filter setiap bulan untuk menyembunyikan/menampilkan tab media serta memberikan opsi untuk mengakses tanpa dukungan file media ke pengguna.

    Menggunakan aplikasi keajaiban untuk membuat prototipe itu menyenangkan dan ketika saya memainkan prototipe itu, perasaan saya luar biasa ketika ide saya diterjemahkan dari pikiran saya ke layar!

    Membuat prototipe saya senyata mungkin (Prototipe Kesetiaan Tinggi)

    Mempelajari tentang UI, dan memahami cara kerja antarmuka sangat membantu untuk melanjutkan pembuatan prototipe fidelitas tinggi di Figma. Keterampilan seperti pembuatan prototipe animasi, spasi, dan ukuran sangat berguna saat merancang antarmuka. Plugin juga sangat menghemat waktu selama proses perancangan UI.

    Gambar 2.3 Prototipe fidelitas tinggi
    • Selama mendesain ulang UI, saya menambahkan opsi tab file media seperti Foto, Video, Audio, Gif, dan Stiker.
    • Menambahkan ikon filter untuk menyembunyikan/menampilkan tab media setiap bulan.
    • Menambahkan belum ke ikon cadangan untuk memberi pengguna opsi untuk mengakses file yang belum dicadangkan
    • Menggunakan plugin seperti Unsplash untuk stok gambar dan simbol desain Material untuk ikon sangat menghemat waktu.

    Memvalidasi apakah solusi saya akan berfungsi dengan bantuan pengujian kegunaan ✅

    Sekarang saya telah menyelesaikan desain saya sesuai dengan masalah yang teridentifikasi selama evaluasi heuristik.

    Saya menguji desain dengan pengguna untuk memastikan mereka berfungsi dan memperbaiki apa yang tidak berfungsi.

    Karena WhatsApp adalah aplikasi yang sangat terkenal dan hampir semua orang menggunakannya,
    saya mendatangi 3 orang secara acak di gym untuk melakukan pengujian kegunaan.
    Dalam pengujian kegunaan, saya mendatangi pengguna dan meminta mereka melakukan tugas untuk memahami apakah desain saya dapat dipahami oleh pengguna dan apakah pengguna dapat menggunakannya. Jika menurut mereka fitur tersebut akan membantu mereka secara pribadi jika diterapkan di aplikasi nyata dan meminta saran dari mereka jika ada.

    Tugas yang diberikan kepada pengguna

    1)Buka media, tautan, dan dokumen dari layar info kontak
    2)Dapatkah Anda mencari jenis file media tertentu
    3)Dapatkah Anda memfilter dan melihat jenis jenis file media yang ingin Anda lihat
    4)Dapatkah Anda mencari tempat di mana file yang belum dicadangkan dapat dilihat

    Titik Pengamatan

    1) Apakah pengguna dapat memahami pemisahan jenis file media?
    2) Apakah pengguna dapat menavigasi dan mencari jenis file media yang diinginkan?
    3) Apakah pengguna dapat memfilter jenis media tertentu?
    4) Apakah pengguna masih dapat mengakses file ke opsi cadangan?
    5) Pahami jika pengguna dapat memahami jika ikon cadangan dikenali dengan cepat oleh pengguna?

    Wawasan dan umpan balik dari pengujian kegunaan-

    1. Pengguna dapat dengan mudah menavigasi dari satu tab file media ke yang lain
    2. Pengguna menemukan fitur ini sangat intuitif untuk digunakan
    3. Pengguna menemukan opsi filter bermanfaat dan mudah digunakan
    4. Para pengguna menyukai opsi yang belum didukung dengan bijaksana
    5. Umpan Balik dan Pengamatan Pengguna selama pengujian kegunaan

    Selama pengujian kegunaan, saya menemukan bahwa pengguna menemukan bahwa semua fitur yang tergabung dalam prototipe sangat berguna, namun, salah satu pengguna menyarankan juga menambahkan opsi untuk memfilter tab media yang menyembunyikan atau menampilkan jenis file media, bukan hanya berdasarkan bulan. tetapi secara keseluruhan juga dengan satu klik untuk dapat melihat hanya foto atau hanya gif atau video atau stiker dari semua bulan.

    Layar Akhir setelah pengujian kegunaan

    Pembelajaran utama

    • Kami bukan pengguna
    • Kami pergi dan memahami masalah orang lain
    • Kami memahami akar masalah produk
    • Kami juga memecahkan masalah yang berkaitan dengan masalah akar
    • Masalah yang terdefinisi dengan baik setengah terpecahkan
    • Penting untuk mempertimbangkan tujuan bisnis selain tujuan pengguna saat merancang pengalaman
    • Prioritas masalah, dan bekerja di bawah kendala sangat penting
    • Memecahkan berbagai hal dengan bantuan akal sehat membantu dalam merancang produk yang hebat dan mudah digunakan
    • Validasi Ide sangat penting yang dapat dicapai melalui pengujian kegunaan