The making of rapid
prototype: A Web love story
@anilbms75UXCAMP,Hamburg,
15th August 2015
We’re going to Webtools! We’re leaving this native town for good. I will share you a prototype link.
coverpage
USER UX DESIGNER
DEVELOPER
Business users, designers, and developers don’t see eye-to-eye when it comes to user experience and interface design. - Dave Shirk, CMO, Kony
Cost of fixing poorly designed apps
50 - 100 % 25 - 50 %
reference - Developer VS Designer friction is ruining your ux
0 - 25 %
designers + engineers + empathy = greatness
reference Design + Engineer + Empathy = Greatness
Web Technologies - Human Body Analogy
● HTML● CSS● Javascript
Content
wirify demo
Content
<HTML>
</HTML>
HTML
X-ray goggles - Demo
X-ray Goggles
No close tag
Organs
Web - Organs
Web - tissues & cells
Patternlab by Brad Frost
CSS = Makeup
CSS makeup demo
Baby girl makeup link
Javascript = Brain
Browser = Restaurant Table
Protocol request = Waiter
Server = Kitchen
Pregnancy
Bookofspeedby Stoyan
Response
Evolution of Life & Web
Design = FORM + CONTENT
Tools
Code colaPerfect pixelSnagitAtomic
When I design, I work very hard to make the interface experience feel like there’s a human on the other end, not a computer.
Let’s think of our designs not as a facade for interaction, but as people with whom our audience can have an inspired conversation. Products are people, too.
Let's build better Web (human)
Thank you
Follow on @anilbms75
Email [email protected]
Icon reference - thenounproject flaticon.com
Icon reference - thenounproject flaticon.com
anilbms