Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
UI Fundamentals for Programmers
Search
Juanda Zapata
September 24, 2015
Programming
0
170
UI Fundamentals for Programmers
UI fundamentals for programmers. Chilango Rails Mexico DF.
Juanda Zapata
September 24, 2015
Tweet
Share
More Decks by Juanda Zapata
See All by Juanda Zapata
Principles of Visual Design
juanzuluaga
0
61
Adapter Pattern
juanzuluaga
0
150
Maintainable CSS
juanzuluaga
0
74
Elixir 101 - The Erlang VM
juanzuluaga
5
310
UI fundamentals for programmers
juanzuluaga
0
340
Programming in paradise
juanzuluaga
1
130
Intro to Ruby
juanzuluaga
1
690
Other Decks in Programming
See All in Programming
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
1
140
『WordPressコミュニティで学ぶ』OSS貢献の多様性
ippey
0
310
TypeScriptのパフォーマンス改善
yajihum
14
5.4k
RaaP
ksss
0
170
How to improve maintainability and readability of your automated tests? ( #scrumniigata )
teyamagu
PRO
1
140
Documentation testsの恩恵 / Documentation testing benefits
ssssota
1
580
TypeScriptとGraphQLで実現する 型安全なAPI実装 / TSKaigi 2024
hokaccha
5
2.9k
JavaScript Closure
asoluka
0
2k
FoodGram
iseruuuuu
0
230
GitHub Actionsの痒いところを埋めるサードパーティーランナー
dora1998
2
310
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
75k
“Seeing Like a Programmer”—Resiliency, Limits, and Moral Hazards in Software Engineering (LambdaConf 2024)
chriskrycho
0
460
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.5k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.7k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
The Cost Of JavaScript in 2023
addyosmani
21
4k
Visualization
eitanlees
137
14k
Designing the Hi-DPI Web
ddemaree
276
33k
What the flash - Photography Introduction
edds
64
11k
Bash Introduction
62gerente
605
210k
Transcript
UI FUNDAMENTALS for programmers
@juanzuluaga
None
personal experiences and discussions
UI
is everywhere!
UI presentations
UI presentations emails
UI presentations emails television
UI presentations emails television software
UI presentations emails television software
UI is another layer of your software
None
database, etc
business rules database, etc
UI business rules database, etc
for some people, the UI is the software!
software is not about requirements
None
it's about people
mental models
[email protected]
***************
None
Your payment failed Your payment was successful
a mental model is a preconception
the user feels stressed when that preconception is not met
None
a stressed user means that you're losing money
least effective difference
1 2 3 4 5 6 7 8 9
1 2 3 4 5 6 7 8 9
less is more
None
fitt's law
the larger an item is, and the closer it is
to your cursor the easier it is to click on
None
stress
a stressed user means that you're losing money
None
None
None
None
fluxes
stop spiting your DB schema into the UI
stop for a minute and think
design actions, not screens
add a phone number
add a phone number delete a blog post
add a phone number delete a blog post view my
hostel bookings
break each action in three steps
1. how how do I get there? which sections take
me there?
None
2. what add a new contact into the platform
None
3. later what happens after I completed the action
None
color psychology
excitement energy fun increases heart rate stimulate appetite
None
calming lowers aggressiveness
men's favorite lowers appetite lowers heart rate increases productivity
eye tiring grabs attention quickly taxis and warning signs around
the world babies cry more in yellow rooms uncomfortable and stressful if used in excess
None
pure innocent doctors and hospitals
elegance power status
None
tools
bootstrap getbootstrap.com
coolors coolors.co
consume products with good UI
thanks!
questions?