PAP

APPS :
VIGMA
ZEPLIN
INVISION
ADOBE XD
FLUIDUI

The non-designer Design Book (Robin William)
ABOUTFACE
Dont make me think (Steve Krug)
The Element of user Experience (James Gerrard)
Digital Desain Essential
Simple and Usable (Gilse for bon)
Designing Interfaces (Jenifer)
EVIL by design (7 deadly sins)

Prinsip dasar design :
Contrast (Sesuatu yang menarik)
Repetition (Pengulangan kembali dalam pemakaian komponen)
Alignment (Tata Letak Penulisan)
Proximity (Pengaturan Jarak)

Prinsip Dasar UI Desain (Larry Constantine dan Lucky Lockwood) :
The STRUCTURE principle : Konten terstruktur (Pada berita ada judul, isi,dll)
The SIMPLICITY principle : konten simple, sederhana, mudah dipakai
The VISIBILITY principle : Konten mudah dilihat user
The FEEDBACK principle : Konten memberi feedback
The TOLERANCE principle :
Konten harus fleksibel
Konten dapat diperbaiki ketika salah (ex : undo)
The REUSE principle :
Konten memiliki konsistensi (ex : ixon, tombol)
Mengurangi user untuk berfikir

UI Design Best Practice :
Simplicity
Accesibiility
Consistency
Responsiveness
Forgiveness
User Driven
Efficiency
Predictability
Recovery
etc.







Teknik Interaksi :
Command Line (DOS, cmd, terminal)
Key-model (e-line)
WIMP (Windows Icon Menu Pointer) (Word, PPT,dll)
Gesture (Instagram,dll)
Voice (Cortana, Siri, Google Assisten)
Web (Website)

Interface Pattern

Command Line Interface
Canvas Plus Palette
- Ditengahnya ada canvasnya, disekitarnya ada toolnya
Picture Manager (ACDSee, Adobe Lightroom, Photoshoot)
- Ada daftar gambar
- Dapat edit gambar secara sederhana
Explorer(nautilus, finder, ESFile)
- Menjelajah file
Single Task (Notepad, Browser)
- Hanya memiliki satu fungsi
Integrated (Ms Visual Studio, Android Studio, Unity, Eclipse, Netbeans)
- Biasanya dipakai untuk development
Wizard (Installing application, belanja online)
- Step by step
Many Workspace (Excel, Browser, Photoshop)
- Memiliki banyak lembar
Setting Editor (Control Panel, Setting di android, Facebook)
Media Player (Winamp, MKV, dll)
Messenger (WA, BBM)
- Ada halaman buat chat
- Ada contact
Voice Controlled App (Cortana, Google Assistant, Siri)
- Ada icon utnuk bicara
Feature, Search, Browse (Kaskus, Online Shop)
- Ada yang ditampilkan
Stream (Facebook, Path)
- Ada chronological order
Dashboard



Requirement Discovery
Analisis apa saja yang kita butuhkan
- Research : Pencarian
- Observe : Trend apa yang lagi booming
- Understand : Mengerti keinginan user, ex = user senang warna degradasi
- Analyze : Menganalisis data yang dikumpulkan


Conceptual Design
Architecture / Pattern (Menuangkan desain)
- Wireframe (Blueprint)
Menu yang dipakai seperti apa / gambaran kasar.
- Storyboard
Alur/Jalannya aplikasi
- Sketches
Sketsa pendukung aplikasi, ex = logo aplikasi.
- Diagram
Seperti buat flowchart, ex = membuat menu dalam bentuk tree.

COMMUNICATE, REVIEW, REFINE
- Komunikasikan dengan pemilik pekerjaan
- Kita review aplikasi
- Di buat lebih baik lagi.

DESIGN DEVELOPMENT

LOW-FI
	Bentuk wireframe diberi logo, belum difinishing, ex = gambar biru putih
HI-FI
	Sudah mendekati jadi , ex = gambar hp single orange






EVALUATION AND IMPROVEMENT

Usability Testing
ex = tes kemudahan pengguna dengan desain yang telah kita buat keapada responden atau user.
Expert Review
ex = minta psikolog review, apakah tampilan bikin orang marah
Performance Reasurement
ex = menguji performa, tampilan banyak gambar, loading lama ga. Langkah langkah membeli terlalu banyak atau ga.
Test Case
ex = buat skenario pengujian, misal masukin username salah, apa keluarnya.
A/B Testing (Membandingkan dua/lebih tampilan)
ex = Tes multivarian, ada lebih dari satu tampilan lalu diuji. Ada 2 tampilan, merah dan biru, lebih banyak mana yang dipilih.
UAT/Approval
ex = Yang menguji orang yang pemilik pekerjaan.

IMPLEMENTATION



Membuat Prototype lalu dicobakan ke user, entah dengan paper atau setengah jadi (digital), atau native (digital)
Load Lama atau tidak ?
Resolusi layar
Fungsi tiap icon berguna atau tidak
Menguji keamanan
Menguji feedback yang diberikan aplikasi
Kemudahan pengguna memakai aplikasi (Usability) dengan cara User disuruh mencoba, lalu mengisi beberapa pertanyaan, jika belum bagus, lakukan refine.
1 Saya sepertinya akan sering menggunakan aplikasi ini.
2 Saya melihat ada bagian fitur aplikasi ini yang cukup merepotkan, yang mestinya hal itu tidak perlu terjadi
3 Saya rasa aplikasi ini mudah digunakan
4 Saya sepertinya akan membutuhkan bantuan seorang teknisi agar bisa lancar menggunakan aplikasi ini.
5 Saya rasa fitur-fitur aplikasi ini sudah terintegrasi dengan baik satu sama lain
6 Saya menemukan terlalu banyak ketidak konsistenan dalam aplikasi ini
7 Saya pikir orang-orang akan sangat cepat bisa menggunakan aplikasi ini
8 Saya rasa aplikasi ini sangat sulit untuk digunakan
9 Saya merasa mantap menggunakan aplikasi ini
10 Saya mesti belajar banyak hal terlebih dahulu sebelum mulai menggunakan aplikasi ini


User Experience :
STRATEGY
SCOPE
STRUCTURE
SCELETON
SURFACE

4 strategy for simplicity :
Remove
Disederhanakan tapi tetap dapat digunakan.
Organize
Yang sering dipakai dijadikan satu
Hide
Displace