TLab Design Guidance merupakan wadah untuk berkomunikasi antar divisi dan sobat TLab dengan tujuan saling memahami istilah yang sering digunakan oleh divisi desain.

• Mockup
• Project Highlight
• Design Requirement
• TLab Design Life Cycle

• User Journey
• User Stories
• User Context
• Wire Flow
• Persona

• Moodboard
• Wireframe
• Lo-fi
• Hi-fi
• Template
• A/B testing
• Usability Testing
• Handoff

• Merchandise
• Stasionery
• GSM
• Brand Identity

• Mockup dibuat untuk mengajukan penawaran project.
• Output mockup berupa slide presentasi dengan konten fitur-fitur unggulan.
• Setiap Desain mockup disimpan dalam folder project melalui google drive.
• Desain yang dibuat merupakan gambaran umum yang tidak detail dalam bentuk hi-fi yang di-trademark.

Contoh mockup

• Project Highlight adalah portofolio dari projects yang pernah dikerjakan
• Output dari project Highlight adalah slide peresentasi dari fitur-fitur yang dikerjakan dalam proyek ini
• Kontennya Real yang sudah diimplementasikan.

link Lebih lanjut terkait project highlight

• Design Requirement adalah form untuk mendapatkan referensi kebutuhan klien berdasakan
  • Brand identity
  • Kebutuhan warna
  • Moodboard
• Setiap Design Requirement disimpan dalam folder project melalui google drive.

Template Design Requirement

• TLab Design Life Cycle adalah konsep/metodologi antar stakeholder agar selaras dalam proses pengembangan proyek.
• TLab Design Life Cycle terdiri dari berbagai pase, diantaranya:
  • Dokumen kolaboratif
  • Brainstorming Idea
  • Prototyping
  • Learn & Measuring

Detail TLab Design Life Cycle

• User Journey adalah proses untuk mencari dan menentukan apa saja kemungkinan yang akan terjadi saat pengguna menggunakan produk untuk mencapai tujuan-tujuannya.

Brainstorming Idea - User Journey

• User Stories adalah proses untuk mendefinisikan apa saja tujuan pengguna saat menggunakan produk.
• Setiap Story memiliki 3 komponen penting, diantaranya:
  • Persona
  • Motivasi
  • Ekspektasi

Brainstorming Idea - User Stories

• User Context adalah proses untuk menemukan beberapa kemungkinan kondisi pengguna saat ingin menggapai tujuan.

Brainstorming Idea - User Context

• Wire Flow adalah proses untuk menemukan beberapa beberapa alternatif alur untuk mencapai tujuan
• Bentuknya seperti flow diagram

Brainstorming Idea - Wire Flow

• Persona adalah proses untuk mencari dan menentukan karakteristik siapa saja pengguna yang akan menggunakan produk
• Personalitas yang menggambarkan/mewakilkan kelompok pengguna yang dituju (target market).

Brainstorming Idea - Persona

• Wireframe adalah penggabungan wireflow dalam satu pages di figma
• Tahapan di wireflow diganti oleh lo-fi screen.

Contoh Wireframe

• Lo-Fi, Low Fidelity adalah proses menggabungkan semua user journey ke dalam 1 aktifitas.

Prototyping - Lo-Fi

Tujuan + Deskripsi + contoh

Tujuan + Deskripsi + contoh

Tujuan + Deskripsi + contoh

Tujuan + Deskripsi + contoh

Tujuan + Deskripsi + contoh

Tujuan + Deskripsi + contoh

Tujuan + Deskripsi + contoh