Olahraga: Memesan meja di situs web Little Lemon

Gambaran umum

Anda akan mendesain dan membuat prototipe fitur pemesanan meja untuk versi seluler situs web restoran Little Lemon. Tugas ini akan mencakup, merancang arsitektur informasi, dan menggabungkan teks, animasi, dan grafik branding dan konten

Anda didorong untuk mengikuti langkah-langkah yang telah Anda pelajari di seluruh kursus ini. Oleh karena itu, Anda akan diharapkan untuk membuat solusi untuk masalah, persona, peta perjalanan, wireframe, dan prototipe interaktif dengan ketelitian tinggi. Andaharus mengirimkannya

• Deskripsi teks tentang masalah yang Anda selesaikan,
• Tautan ke persona Anda,
• Tautan ke peta perjalanan Anda di Figma,
• Tautan ke gambar rangka Anda di Figma dan
• Tautan ke prototipe Anda di Figma

Petunjuk tentang cara membagikan desain Figma Anda dijelaskan dalam beberapa detik terakhir dari video Animate dan uji prototipe Anda dalam kursus ini.

Tentukan dan teliti

• Tentukan masalah yang ingin Anda selesaikan. Little Lemon saat ini tidak memiliki fitur pemesanan meja secara online, dan inilah yang perlu Anda rancang dalam latihan ini
• Gunakan riset untuk membuat persona dan peta perjalanan yang mewakili target pasar Anda. Pikirkan tentang siapa pengguna Anda dan mengapa mereka ingin memesan meja secara online
• Buat persona pengguna
• Buat peta perjalanan pengguna
• Gunakan riset untuk menginformasikan konsep desain dan mengidentifikasi fitur apa saja yang dibutuhkan.

Desain dan fungsionalitas

• Buat wireframe dengan ketelitian rendah di Figma untuk menentukan fitur dan fungsionalitas dari elemen pesan meja. Anda harus membuat minimal dua wireframe
• Buat prototipe desain visual interaktif dengan ketelitian tinggi di Figma untuk fitur reserve-a-table di situs web Little Lemon, dengan mempertimbangkan semua prinsip-prinsip desain praktik terbaik yang telah dipelajari dalam kursus ini.
• Sertakan setidaknya dua komponen interaktif seperti tombol dan tombol radio yang sudah dibuat dalam latihan sebelumnya. Tautkan halaman-halaman secara bersamaan, mulai dari tombol tabel cadangan di layar beranda
• Tautkan setidaknya dua layar secara bersamaan

File yang disediakan di bawah ini berisi layar awal Figma dan panduan gaya. Keduanya akan membantu Anda dalam menyelesaikan tugas Anda. Anda harus mengunduhnya ke perangkat Anda dan kemudian mengunggahnya ke akun Anda di Figma.

C7513-Exercise-v2ZIP File

Kriteria penilaian

Pernyataan masalah 10 Persona 10 Peta perjalanan 10 Gambar kerja (wireframe) 30% Prototipe 40% Semoga berhasil dengan tugas Anda!