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
210
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
72
Adapter Pattern
juanzuluaga
0
170
Maintainable CSS
juanzuluaga
0
82
Elixir 101 - The Erlang VM
juanzuluaga
5
330
UI fundamentals for programmers
juanzuluaga
0
390
Programming in paradise
juanzuluaga
1
140
Intro to Ruby
juanzuluaga
1
700
Other Decks in Programming
See All in Programming
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
18
8.6k
Migration to Signals, Resource API, and NgRx Signal Store
manfredsteyer
PRO
0
120
CSC509 Lecture 08
javiergs
PRO
0
250
Leading Effective Engineering Teams in the AI Era
addyosmani
7
610
AI Agent 時代的開發者生存指南
eddie
4
2.1k
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
190
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
1
130
Reactive Thinking with Signals and the Resource API
manfredsteyer
PRO
0
110
What's new in Spring Modulith?
olivergierke
1
170
TransformerからMCPまで(現代AIを理解するための羅針盤)
mickey_kubo
7
5.2k
Claude Agent SDK を使ってみよう
hyshu
0
1.4k
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
260
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
RailsConf 2023
tenderlove
30
1.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
A better future with KSS
kneath
239
18k
Bash Introduction
62gerente
615
210k
What's in a price? How to price your products and services
michaelherold
246
12k
Building an army of robots
kneath
305
46k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
890
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
The Cult of Friendly URLs
andyhume
79
6.6k
Unsuck your backbone
ammeep
671
58k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
610
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?