The making of rapid prototype a web love story

•

0 gefällt mir•987 views

Design and Developer collaboration technique. Introduction to web application a human body analogy. Free rapid prototyping tools

Design

The making of rapid
prototype: A Web love story
@anilbms75
UXCAMP,
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

“I’m glad we all agree then”
reference jeff patton

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
0 - 25 %

designers + engineers + empathy = greatness
reference Design + Engineer + Empathy = Greatness

Web Technologies - Human
Body Analogy
● HTML
● CSS
● Javascript

Web - tissues & cells
Patternlab by Brad Frost

Tools
Code cola
Perfect pixel
Snagit
Atomic

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.

Thank you
Follow on @anilbms75
Email anilbms75@gmail.com
Icon reference - thenounproject flaticon.com
anilbms

Weitere ähnliche Inhalte

Ähnlich wie The making of rapid prototype a web love story

2020 Chrome Dev Summit: Web Performance 101Tammy Everts

Responsive DesignDavid Hudson

Progressive Web Apps – the return of the web? Goto Berlin 2016Christian Heilmann

Jennifer Robbins: ARTIFACT Conference KeynoteJenRobbins

FID to INP: Mastering the New Core Web Vitals MetricAnton Shulke

Web Design - Innovation Hackathon Frances Coronel

Web design vs web development- This is all you need to knowsangerarayal

Getting design right with HTML prototypes for ClarksJonathan Brace

Responsive Web Design ProcessSteve Fisher

Front end-developerqaskhk

Ali CVAli Raza

Postmodern Web Appsmalteubl

Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann

Responsive Process HOW InteractiveSteve Fisher

Progressive Web Apps: The BreakdownUXDXConf

Cv aman gupta-uiuxamanprakash120103

HR DevFest - Web DesignFrances Coronel

Your API is not a Website!Apigee | Google Cloud

Website testingLewis Appleton

Breaking The Broken WebFITC

Ähnlich wie The making of rapid prototype a web love story (20)

2020 Chrome Dev Summit: Web Performance 101

Responsive Design

Progressive Web Apps – the return of the web? Goto Berlin 2016

Jennifer Robbins: ARTIFACT Conference Keynote

FID to INP: Mastering the New Core Web Vitals Metric

Web Design - Innovation Hackathon

Web design vs web development- This is all you need to know

Getting design right with HTML prototypes for Clarks

Responsive Web Design Process

Front end-developer

Ali CV

Postmodern Web Apps

Stapling and patching the web of now - ForwardJS3, San Francisco

Responsive Process HOW Interactive

Progressive Web Apps: The Breakdown

Cv aman gupta-uiux

HR DevFest - Web Design

Your API is not a Website!

Website testing

Breaking The Broken Web

Mehr von Anil Kumar Krishnashetty

Graphical interface to Voice interfaceAnil Kumar Krishnashetty

How can AI help to create Good IA & design?Anil Kumar Krishnashetty

Conversational UI is your ultimate MVPAnil Kumar Krishnashetty

Berlin lean prototyping 1st meetupAnil Kumar Krishnashetty

Challenge your team to build great productAnil Kumar Krishnashetty

Dubai gov jam 2014 Anil Kumar Krishnashetty

Introduction to Design ThinkingAnil Kumar Krishnashetty

Design Thinking Infographics Anil Kumar Krishnashetty

CSS3 transform and rotateAnil Kumar Krishnashetty

Introduction to web application – restaurant analogyAnil Kumar Krishnashetty

Introduction to web – human body analogyAnil Kumar Krishnashetty

Mehr von Anil Kumar Krishnashetty (12)

Graphical interface to Voice interface

How can AI help to create Good IA & design?

Conversational UI is your ultimate MVP

Berlin lean prototyping 1st meetup

Challenge your team to build great product

Dubai gov jam 2014

Introduction to Design Thinking

Design Thinking Infographics

CSS3 transform and rotate

Introduction to web application – restaurant analogy

Introduction to web – human body analogy

Kürzlich hochgeladen

Editorial design Magazine design project.pdftbatkhuu1

Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...home

Peaches App development presentation decktbatkhuu1

Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...Call Girls In Delhi Whatsup 9873940964 Enjoy Unlimited Pleasure

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Call Girls in Nagpur High Profile

B. Smith. (Architectural Portfolio.).pdfUniversity of Wisconsin-Milwaukee

VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor

Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile

SCRIP Lua HTTP PROGRACMACION PLC WECON CANestorGamez6

The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi

Presentation.pptx about blender what is blenderUbaidurrehman997675

VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...Suhani Kapoor

Cheap Rate ➥8448380779 ▻Call Girls In Huda City Centre GurgaonDelhi Call girls

Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy

Fashion trends before and after covid.pptxVanshNarang19

Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel

AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...BarusRa

(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat

Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonDelhi Call girls

CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girlsmodelanjalisharma4

Kürzlich hochgeladen (20)

Editorial design Magazine design project.pdf

Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...

Peaches App development presentation deck

Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...

B. Smith. (Architectural Portfolio.).pdf

VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130

Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...

SCRIP Lua HTTP PROGRACMACION PLC WECON CA

The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf

Presentation.pptx about blender what is blender

VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...

Cheap Rate ➥8448380779 ▻Call Girls In Huda City Centre Gurgaon

Chapter 19_DDA_TOD Policy_First Draft 2012.pdf

Fashion trends before and after covid.pptx

Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...

AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...

(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...

Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon

CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls

The making of rapid prototype a web love story

1. The making of rapid prototype: A Web love story @anilbms75 UXCAMP, 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

2. USER UX DESIGNER DEVELOPER

5. “I’m glad we all agree then” reference jeff patton

7. Business users, designers, and developers don’t see eye-to-eye when it comes to user experience and interface design. - Dave Shirk, CMO, Kony

8. Cost of fixing poorly designed apps 50 - 100 % 25 - 50 % reference - Developer VS Designer friction is ruining 0 - 25 %

10. designers + engineers + empathy = greatness reference Design + Engineer + Empathy = Greatness

11. “I’m glad we all agree then” reference jeff patton

12. Web Technologies - Human Body Analogy ● HTML ● CSS ● Javascript

13. Content

14. wirify demo

15. Content <HTML> </HTML>

16. HTML

17. X-ray goggles - Demo X-ray Goggles

18. No close tag

19. Organs

20. Web - Organs

21. Web - tissues & cells Patternlab by Brad Frost

22. CSS

23. CSS = Makeup

24. CSS makeup demo Baby girl makeup link

25. Javascript = Brain

26. Browser = Restaurant Table

27. Protocol request = Waiter

28. Server = Kitchen

29. Pregnancy Bookofspeed by Stoyan

30. Response

31. Evolution of Life & Web

32. Design = FORM + CONTENT

33. Tools Code cola Perfect pixel Snagit Atomic

34.

35.

36.

37.

38. 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.

39. 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.

40. Let's build better Web (human)

41. Thank you Follow on @anilbms75 Email anilbms75@gmail.com Icon reference - thenounproject flaticon.com anilbms

The making of rapid prototype a web love story

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie The making of rapid prototype a web love story

Ähnlich wie The making of rapid prototype a web love story (20)

Mehr von Anil Kumar Krishnashetty

Mehr von Anil Kumar Krishnashetty (12)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

The making of rapid prototype a web love story