User Interface in the Jungle

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

1 comments

Comments 1 - 1 of 1 previous next Post a comment

  • + samuraitheologian Daniel Beck 8 months ago
    I like the Ratatouille references. Nice touch!
Post a comment
Embed Video
Edit your comment Cancel

8 Favorites & 1 Group

User Interface in the Jungle - Presentation Transcript

  1. User Interface Design in the Jungle hlb, the designer of Handlino Inc. Handlino http://handlino.com
  2. Jungle ➔ /
  3. Jungle ➔ ☺
  4. • web site • web app • web application • web service Handlino http://handlino.com
  5. Hardware
  6. Software
  7. Webware
  8. making web UI *is* easy
  9. Anyone can cook!
  10. Save as Web Page
  11. WYSIWYG
  12. Handlino http://handlino.com
  13. • write HTML Handlino http://handlino.com
  14. • write HTML • draw images Handlino http://handlino.com
  15. • write HTML • draw images • borrow(copy) some javascript codes Handlino http://handlino.com
  16. • write HTML • draw images • borrow(copy) some javascript codes • and write some CSS (OMG!) Handlino http://handlino.com
  17. uncertainty
  18. devices
  19. 800 px 1024 px Resolutions MONITOR RESOLUTION 800 x 600 MONITOR RESOLUTION 1024 x 768 600 px 768 px 240 px 320 px 240 px 240 px MOBILE MOBILE PHONE MOBILE PHONE PHONE MOBILE 240 x 176 320 x 240 240 x 240 PHONE 176 px 240 x 320 240 px 240 px 320 px 320 px 320 px 480 px 480 px IPHONE WEB (H) IPHONE FULL (H) 480 x 268 480 x 320 IPHONE WEB (V) IPHONE FULL (V) 320 x 416 320 x 480 268 px 320 px 416 px 480 px
  20. We have browsers
  21. Browsers have abilities
  22. Browsers have disabilities
  23. Browsers have bugs
  24. Bugs even have their own names!
  25. WYSINWYW What You See Is Not What You Want Handlino http://handlino.com
  26. WYSIWGK What You See Is What God Knows Handlino http://handlino.com
  27. well, not that easy ☹
  28. Only the fearless can be great!
  29. Guideline?
  30. Pros: More than one way to do it. CPU/memory usage and response time are the only limits
  31. Cons: More than one way to do it.
  32. more: 2, 3
  33. motion blur http://www.flashden.net/item/horizontal-scroller-motion-blur/23377
  34. Pitfall think twice before doing
  35. 1 right mouse key
  36. 11 OS-like UI Canny Valley
  37. 111 Make it perfect keep changing and evolving
  38. Design Pattern
  39. accessibility
  40. best UI
  41. Web UI is not the best UI
  42. Best UI might be the API
  43. http://handlino.com/ hlb@handlino.com
  44. Thanks • http://www.flickr.com/photos/77922700@N00/121752716/ • http://www.flickr.com/photos/9052666@N05/1795564765/ Handlino http://handlino.com

+ Liang-Bin HsuehLiang-Bin Hsueh, 8 months ago

custom

1985 views, 8 favs, 5 embeds more stats

My talk for UI Gathering 2009/3/7.

More info about this document

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Go to text version

  • Total Views 1985
    • 1638 on SlideShare
    • 347 from embeds
  • Comments 1
  • Favorites 8
  • Downloads 108
Most viewed embeds
  • 295 views on http://hlb.yichi.org
  • 45 views on http://iamhlb.com
  • 5 views on http://static.slideshare.net
  • 1 views on http://iamhlb.local
  • 1 views on http://feeds.feedburner.com

more

All embeds
  • 295 views on http://hlb.yichi.org
  • 45 views on http://iamhlb.com
  • 5 views on http://static.slideshare.net
  • 1 views on http://iamhlb.local
  • 1 views on http://feeds.feedburner.com

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories

Groups / Events