understanding ux as developer
TRANSCRIPT
Understanding UX as Developer
Faizal Rahman Hakim
https://dribbble.com/faizalrahman27
What is UX?First thing first
Sederhananya seperti ini..
Jika dianalogikan, berikut ini adalah suatu data/konten yang berguna untuk user..
dan meja makan adalah suatu platform yang menjadi wadah bagi user untuk mengaksesnya
Kemudian, diberikan kondisi seperti ini
Informational Architecture do ..Sendok
Pisau
PiringSerbetGarpu
Gelas
Use Experience do ..
UX =
Tampilan yang Cantik
/
UX = Tampilan (View)
+Performance
(Model, Controller, etc)
+
Usability
+
Etc.
Developer’s Touchpoint
“UX is intangible design of a strategy that brings us to a
solution”http://www.uxisnotui.com
UX adalah suatu cara menyampaikan manfaat yang dimiliki suatu platform kepada
user.
Bisa dikatakan..
Web Development Layer
User Interface
Technical Scope
User ExperienceBusiness Strategy
Feasibility
Desirability
Viability(Tech) (Business)
(Human)
UX
Design Thinking Approach
as a Solution
UX is about the Navigation
Good UX has Good Navigation
Good UX itu yang mudah digunakan
Yang mudah digunakan itu yang sudah biasa
Resistant to Innovation
Walaupun yang mudah digunakan itu
yang sudah biasa
Belum tentu yang tidak biasa itu tidak baik untuk user.
“UX never limit innovation”
Why UX important?
Developer spend 50% of their time fixing avoidable Issuehttp://vitamintalent.com/ux-statistic/
Every $1 invested in UX returns up to $100
http://vitamintalent.com/ux-statistic/
5 Guiding Principle for User Experience
— Whitney Hess
• Understand the problem • Don’t hurt anyone • Make things simple and intuitive • Acknowledge the user is not like you • Have empathy
7 Principles of Software Development
— David Hooker
• The Reason It All Exist • KISS (Keep It Simple Stup*d) • Maintain The Vision • What You Produce, Other Will Consume • Be Open to The Future • Plan ahead for Reuse • Think!
• Understand the problem • Don’t hurt anyone • Make things simple and intuitive • Acknowledge the user is not like you • Have empathy
• The Reason It All Exist • KISS (Keep It Simple Stup*d) • Maintain The Vision • What You Produce, Other Will
Consume • Be Open to The Future • Plan ahead for Reuse • Think!
Same objective in some case
Why UX not UI?
UX fitur, user flow, dan context
suatu product
Proses update status Facebook, Tweeting, Liking, Comment, Peletakan Shopping Cart, dll
UI visualisasi, content
Penentuan ukuran gambar, background, warna, judul, paragraf, dll
UI Estetika, Visualisasi
UX Konsep dasar dari suatu software yang menyangkut fitur, context, dan user flow
UX menentukan apa yang akan dihasilkan oleh UI
Wireframe Mockup
Tentunya, dalam menentukan sesuatu, UX harus mempertimbangkan Feasibility
secara Teknis
Data Flow Diagram, ERD, Usecase, Usecase Spesification, Software Requirment Document
Familiar with this?
Great UX understand development
process
Efficient UX have programming knowledge
So, how do we start?Developer with UX Knowledge
Change mindset
1
Bagaimana mengorganisasikan fitur ini untuk menghasilkan sistem yang efficient?
From
1
Bagaimana mengorganisasikan fitur ini agar efficient secara penggunaan?
To
1
• Don’t hurt anyone • Make things simple and intuitive
Know your users
2
• Have empathy
Do a lot prototyping
3
• Understand the problem • Acknowledge the user is not like you
Sketch
Build Adjust
Test
3
Prototyping
Low fidelity High fidelityMockup + ToolsWireframe + Tools
3
Common Tools3
Use Code
Non-Programming Tools
Offline Online
Free
3
marvelapp invisionappbalsamiq
Get startedChange mindset
Know your users
Sketch, Build, Test, Adjust
Happy users mean a happier you. Good UX mean happy users.
https://vitamintalent.com/ux-statistic