Studi kasus UI / UX: Sunshine Foods Grocery (Konsep Makanan Kebutuhan)

on

|

views

and

comments

Anda adalah apa yang Anda makan, kapan pun kami menangani hidup sehat, itu termasuk diet sehat. Produk segar telah menjadi bagian berpengaruh dari diet sehat dan bergizi kita.

Hari-hari ini ketika orang-orang memilih berbelanja bahan makanan, sangat penting apakah itu organik, produk bebas gluten atau lokal dan pengalaman berbelanja harus memberi pelanggan rasa komunitas lokal, kontak tatap muka, dan kualitas pilihan tangan . Pengalaman berbelanja bahan makanan daring seharusnya tidak berbeda, itulah tepatnya yang dilakukan Sunshine Foods yang berbasis di London Timur, yang dengan bangga mengaitkan diri mereka sebagai toko komunitas lokal (anno 1998) ingin ditampilkan di situs e-commerce baru mereka.

Sebagai sebuah merek, kepribadian mereka mewakili Edgy tetapi tidak megah, berpengetahuan luas tetapi tidak akademis, Cerah tapi tidak dimurnikan, Menyenangkan tetapi tidak teratur, Terjangkau tetapi tidak murah.

Sebagai perancang UX, tugas saya adalah membuat prototipe situs web e-commerce yang dapat diklik sambil mempertahankan citra merek Sunshine Foods dan memberikan produk yang harus mencakup:

• Cara yang jelas untuk menemukan produk tertentu

• Satu halaman yang menautkan setiap produk

• Cara yang efisien untuk membeli satu atau lebih produk

• Arahkan pelanggan ke produk populer

• Tentukan merek dan titik perbedaannya

• Hubungi toko

Selain itu, persyaratan tentang warisan, membaca dan menulis ulasan, kesetiaan, dan banyak gambar per produk juga telah dipertimbangkan selama mempelajari brief yang diberikan.

Image for post
Sunshine Foods Brand image

Prosesnya

Penelitian:
Untuk proses bagian penelitian, saya telah menandakan untuk memiliki wawancara pengguna, penyortiran kartu terbuka dan tertutup dan pengujian kegunaan prototipe selama sketsa kertas dan versi yang dapat diklik di invisionapp.
Persona:
Dalam penelitian ini, saya telah memilih Charlotte sebagai kepribadian saya, karena profilnya cocok dengan yang diwawancarai serta pernyataan masalah.
Tentang Charlotte
Demografi:
Umur: 27
Pekerjaan: Perencana Acara
Lokasi: London Timur
Kepribadian: Introvert, Sensing, Thinking, Perceiving
Perilaku: Berani, Praktis, Ingin Tahu
Dia adalah seorang profesional muda yang penuh gairah yang memiliki pekerjaan yang menantang tetapi sangat bangga dengan pekerjaannya.
Kebutuhan dan Tujuan:
• Untuk mendapatkan keterampilan baru dan menjelajahi dunia di sekitarnya.
• Suka menggunakan alat digital hanya jika diperlukan untuk mendapatkan pengalaman “kehidupan nyata”.
• Untuk mendukung bisnis lokal dan menghindari berbelanja di pengecer raksasa.
Frustrasi:
• Menunggu pesanan tiba
• Berbicara dengan pemilik toko yang tidak berpengetahuan luas
Tidak ingin menunggu dalam antrian

Image for post

Storyboard:

Situasi

Pada hari Rabu ia telah menyelesaikan acara suksesnya yang lain. Untuk merayakan pencapaiannya baru-baru ini, ia memutuskan untuk mengadakan pesta makan malam di rumah pada Sabtu malam.

Image for post
The Situation

Masalah

Dalam perjalanan pulang ke London, dia ingat ingatan baru-baru ini tentang pesta yang telah dia selenggarakan di rumah. Itu adalah pesta yang tidak memiliki ingatannya. Dia memiliki sedikit waktu untuk mempersiapkan dan dia panik antara memasak dan menjamu teman-teman pada saat yang sama. Makanannya terbakar dan makanan Cina lokal bisa diselamatkan.

Ahhh Charlotte yang malang …. 🙁

Image for post
The Problem

Solusi

Segera setelah dia tiba di rumah, dia melihat-lihat di internet dan menyadari toko kelontong lokalnya Sunshine food menyediakan layanan pengiriman. Tidak hanya mereka mengirimkannya, mereka juga memiliki resep hebat untuk pesta dan untuk menambahkan ‘cherry di atas’ mereka juga bermitra dengan platform rekrutmen Tempbees, di mana pelanggan sekarang dapat menyewa koki untuk berbagai acara katering. Boom, semuanya dipesan dan diurutkan dalam 5 menit. Sekarang, itulah yang kami sebut, ‘’ setiap bantuan kecil ’!

Image for post
The solution

Hasil

In, datanglah van pengiriman Sunshine Foods bersama dengan Chef untuk disewa dari Tempbees, tidak ada yang harus dia lakukan selain menghibur teman-temannya. Yang mana dia tidak punya masalah melakukannya.

Teman-teman senang dan senang bertemu teman-teman yang sudah lama tidak dilihatnya. Sementara mereka mengejar ketinggalan, makanan sudah siap dan koki telah mengundang para tamu ke meja. Enak, Selamat hari!

Image for post
The outcome

Mendefinisikan Masalah

  1. Memahami kebutuhan klien dan menilai tantangan – Analisis wawancara pengguna dan penyortiran kartu untuk menyelesaikan kesimpulan.
  2. Menata dan membingkai produk – Buat sitemap dengan Semua produk, Tren sekarang, fitur Resep Favorit.
  3. Membuat proses penelusuran – Gambarkan alur pengguna untuk fitur Resep untuk menggambarkan proses pembelian pengguna.
  4. Drafting the solution – -Sketch versi kertas prototipe dan jalankan beberapa tes kegunaan
  5. Menilai kembali dan menyelesaikan solusi – Lengkapi versi prototipe dan uji yang dapat diklik dengan pengguna.
Image for post
The Sitemap

Solusi Desain
Sederhana dan rendah kesetiaan;
Lebih sedikit klik dan Fasih;
Jadikan pengalaman keseluruhan intuitif;

  1. Alasan memilih e-commerce adalah ketersediaan dan penerimaan yang mudah. Situs web ini digambarkan dengan baik dengan mudah setelah Aksesibilitas.
  2. Saat Anda mencari acara dan acara khusus untuk memenuhi semua resep dikategorikan dalam fitur Resep. Semua resep yang tersedia akan disajikan pada layar pertama yang dikecualikan dengan kategorinya. Karenanya, Affordance terjamin. Siapa pun dapat menggunakan situs web kapan saja tanpa menghabiskan terlalu banyak waktu untuk melihat-lihat.
  3. Situs web telah diuraikan dengan desain Estetika dan minimalis Nielson dengan dialog yang hanya berisi informasi yang merupakan kebutuhan yang relevan dan mutlak.
  4. Ikon dan tombol diposisikan berdasarkan hukum Fitts. Dengan prospek terpisah dikategorikan dalam segmen. Ini membuat pengguna merasa ringan.
Image for post
Fitts’ law

Di sini, MT merepresentasikan waktu pergerakan untuk mencapai target, a dan b secara konstanta ditentukan secara empiris. A mewakili amplitudo, yang merupakan jarak tengah target dari lokasi awal dan W adalah lebar target yang ditunjukkan pada gambar di bawah ini.

Image for post
Fitts’ law explanation figure
  1. Pengungkapan Progresif: Ketika pengguna memutuskan untuk memilih resep tertentu, mereka harus segera merencanakan. Namun, proses seleksi seharusnya tidak menjadi tugas yang mudah.
    Prototyping
    Beranda telah dirancang untuk memuat fitur-fitur berikut di header: Logo sebagai citra merek dan Beranda, bilah pencarian untuk akses cepat, Mendaftar / Masuk untuk akses akun Pengguna, Hubungi kami untuk berkomunikasi dengan toko dan memesan apa pun yang dipesan lebih dahulu, dan Ikuti kami untuk membuat basis komunitas online yang menarik.
Image for post
Home page

Fitur utama:

  1. Produk – Setelah pengguna mengklik ‘Produk’ dari kelas selektif, halaman kategori produk yang dikelompokkan dalam tujuh kategori akan muncul di layar. Setiap kategori produk kemudian mengarah ke ‘Halaman produk tunggal’. Pengguna kemudian dapat membaca dan menulis produk ulasan pilihan dan menambahkan ke keranjang belanja untuk menyelesaikan proses Beli Cepat.
  2. Sedang tren – Fitur ini telah dibuat untuk mendukung kontrol stok dan fungsi clearance klien. Melalui opsi ini, Sunshine Foods dapat mendorong lebih banyak penjualan barang apa pun yang hampir kedaluwarsa dan segera diganti. Pengguna cukup meluncur untuk lebih banyak varietas. Jadi pengguna dapat mengadopsi situs web dengan mudah karena saya telah mengurangi Beban Kinerja.
  3. Favorit saya – Fitur ini dibuat setelah menilai wawancara pengguna, karena banyak pengguna menekankan bahwa selain kenyamanan, menghemat waktu adalah satu-satunya alasan mengapa mereka akan berbelanja online. Karenanya, fitur ‘Favorit Saya’ yang berisi belanja terakhir dan daftar yang disimpan diharapkan hampir oleh semua pengguna.
    Fitur utama:
    Resep-Fitur resep adalah di mana pengguna dapat menemukan seluruh menu berbagai acara dengan bahan-bahan yang sesuai. Di sinilah Charlotte persona kami dapat menemukan menu pesta dan instruksi memasak.
    Dengan mengklik pada Resep, Charlotte akan mendarat di halaman Kategori resep di mana ia dapat menemukan kategori yang dirancang khusus untuk acara Pesta. Dari sana dia dapat mengurutkan resep dengan beberapa cara, yaitu dengan nama.
    Setelah resep tertentu dipilih, dia akan menemukan deskripsi singkat tentang resep, waktu persiapan dan instruksi memasak. Dia juga dapat berbagi dengan teman-teman dan hasil cetak untuk hardcopy.
    Setelah dia puas dengan resepnya, dia kemudian dapat memilih sejumlah tamu, di mana bahan-bahan yang sesuai akan secara otomatis dihitung dan diisi pada halaman Beli Cepat sesuai di mana pengguna tidak perlu pergi ke halaman lain.
    Pada halaman ini, opsi Chef untuk merekrut dicentang secara default di mana pengguna dapat melepasnya jika perlu. Setelah proses pemilihan selesai, pengguna sekarang siap untuk melanjutkan ke Checkout.
Image for post
Single recipe page

Demonstrasi lebih lanjut dari proses Checkout dan fungsionalitas penuh prototipe yang dapat diklik tersedia di tautan di sini.
Takeaways
Karena berbelanja bahan makanan adalah kebutuhan mutlak dan kebutuhan dasar, kami berbelanja secara teratur untuk menjaga keseimbangan kehidupan sehari-hari. Ini adalah tujuan utama di mana saya berfokus pada penyederhanaan proses ini dan menjadikan pengalaman pengguna secara keseluruhan menyenangkan, tanpa kerumitan, dan pribadi.
Setelah makan, jiwa dan perut terisi ketika kita puas. Langkah utama untuk mencapai itu adalah memiliki produk segar tepat waktu dengan sedikit usaha mungkin. Situs web ini bermanfaat tidak hanya bagi pembeli bahan makanan, tetapi juga bagi pecinta makanan yang ingin terinspirasi dari ide segar dan alternatif sehat.
Dari sudut pandang pembelajaran pribadi, saya telah mengikuti takeaways kunci untuk berbagi dan memperkuat pengetahuan saya.
Pengguna wawancara-mengajukan pertanyaan yang tepat dan menggunakan pendekatan terbuka dan tidak bias.
Penggunaan penyortiran kartu – Pastikan untuk fokus pada fitur yang tepat dan memprioritaskan kiriman.
Platform web dinamis- Adalah hal yang hidup, karenanya desain produk & pengalaman pengguna harus terus berkembang dan membutuhkan iterasi dan loop yang konstan.
Secara keseluruhan latihan ini merupakan nilai yang sangat besar bagi kurva belajar saya dan seperti yang pernah dikatakan Mahatma Gandhi, “Hiduplah seolah-olah Anda akan mati besok. Belajar seolah-olah Anda akan hidup selamanya ”, itu memacu pembelajaran saya lebih jauh.

sumber:medium.com

Share this
Tags

Must-read

Mantaflow Creating Fire

Menciptakan efek api? Mudah dengan Mantaflow! https://www.youtube.com/watch?v=lR9vjaYzeYQ
spot_img

Recent articles

More like this