Differences

This shows you the differences between two versions of the page.

--- tech:designguidence [2021/05/12 15:02]
agilbaka [Persona]
+++ tech:designguidence [2021/06/07 11:44] (current)
agilbaka
@@ Line 1: / Line 1: @@
-====== TLab Design Guidance ======
+====== TLab Design Guidence ======
-**TLab Design Guidance** merupakan wadah untuk berkomunikasi antar divisi dan sobat TLab dengan tujuan saling memahami istilah yang sering digunakan oleh divisi desain.
+**TLab Design Guidence** merupakan wadah untuk berkomunikasi antar divisi dan sobat TLab dengan tujuan saling memahami istilah yang sering digunakan oleh divisi desain.
-===== TLab Design Guidance in a nutshell =====
+===== TLab Design Guidence in a nutshell =====
-==== Development State ====
+==== Development Section ====
   * Mockup
@@ Line 25: / Line 25: @@
   * Hi-fi
   * Template
+  * Handoff
+  * Usability Testing
   * A/B testing
-  * Usability Testing
-  * Handoff
-==== Company State ====
+==== Company Section ====
   * Merchandise
@@ Line 127: / Line 126: @@
 ----
 ===== Wireframe =====
-Tujuan + Deskripsi + contoh
+  * **Wireframe** adalah penggabungan wireflow dalam figma disimpan dengan nama page wireframe
+  * Tahapan di wire flow diganti dengan Lo-Fi design.
+[[https://www.figma.com/file/grpz4K8lX3EZjNxrc5Hspm/Cari-Hadis?node-id=6%3A4 | Contoh Wireframe]]
+-----
 ===== Lo-Fi =====
-Tujuan + Deskripsi + contoh
+  * Lo-Fi, Low Fidelity adalah proses menggabungkan semua user journey ke dalam 1 aktifitas.
+  * Pengerjaan Lo-Fi berdasarkan Paper Prototyping.
+  * Lo-fi dibuat dengan wifeframe, dalam figma disimpan dengan nama page wireframe
+[[tech:designlifecycle:prototyping|Prototyping - Lo-Fi]]
+-----
 ===== Hi-Fi =====
-Tujuan + Deskripsi + contoh
+  * Hi-Fi, High Fidelity adalah proses implementasi desain berdasarkan Product Brand Principle
+  * Hi-Fi dalam figma disimpan dengan nama page **designing v.1**
-===== Prototype =====
+[[tech:designlifecycle:prototyping|Prototyping - Hi-Fi]]
-Tujuan + Deskripsi + contoh
+-----
 ===== Template =====
-Tujuan + Deskripsi + contoh
+  * **Template** adalah proses implementasi dari Hi-Fi (web design) ke dalam code
+  * Implementasi Code bisa dalam berbagai jenis tergantung proyeknya, diantaranya:
+    * VueJS/NuxtJS
+    * HTML
+    * Laravel blade
+-----
+===== Handoff =====
+  * Handoff adalah proses dimana ketika proses hi-fi sudah disepakati bersama
+  * Handoff dalam figma disimpan dengan nama page **Handoff v.1**
+  * Developer mengimplementasikan design di page handoff
+-----
+===== Usability Testing =====
+  * Usability Testing adalah proses untuk mengukur kebergunaan & kenyamaan dari sebuah produk yang dibuat
+  * Usability Testing yang dilakukan biasanya mengukur keberhasilan pengguna mencapai tujuannya
+-----
+===== A/B Testing =====
+  * A/B Testing adalah proses untuk mengukur kebergunaan & kenyamaan dari 2 desain yang berbeda.
+  * A/B Testing prosesnya seperti Usability Testing
+  * A/B Testing bisa saja membandingkan 2 flow yang berbeda dengan tujuan yang sama.
+-----
 ===== Merchandise =====
-Tujuan + Deskripsi + contoh
+  * Merchandise atau Merchandising adalah perlengkapan untuk kebutuhan branding TLab
+  * Pemberian Merchandise biasanya untuk
+    * Peserta event TLab
+    * Peserta magang
+    * Kegitana kolaborasi TLab dengan pihak lain
+-----
 ===== Stasionery =====
-Tujuan + Deskripsi + contoh
+  * Stasionery adalah perlengkapan yang berhubungan dengan dokumen
+  * Stasionery biasanya terdiri dari
+    * Template google docs
+    * Amplop
+    * Map
+    * id card
+-----
-===== GSM =====
-Tujuan + Deskripsi + contoh
 ===== Brand Identity =====
-Tujuan + Deskripsi + contoh
+  * Brand Identity adalah aturan penggunaan Logo TLab
+  * Beberapa aturannya berkaitan dengan
+    * Penggunaan Logo berdasarkan jenisnya
+    * Pengunaan Logo berdasarkan latar dan posisinya
+    * Penggunaan warna identitas TLab
+    * Do & Don't

TLab Knowledge Center

User Tools

Site Tools

Differences

Page Tools