Differences

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

--- tech:designguidence [2021/05/12 15:56]
agilbaka [Stasionery]
+++ 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 148: / Line 147: @@
 -----
 ===== Template =====
   * **Template** adalah proses implementasi dari Hi-Fi (web design) ke dalam code
-  * Code bisa dalam bentuk:
+  * Implementasi Code bisa dalam berbagai jenis tergantung proyeknya, diantaranya:
     * VueJS/NuxtJS
     * HTML
-    * Laravel
+    * 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.
 -----
@@ Line 176: / Line 190: @@
 -----
-===== 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