User Interface in the Jungle
Upcoming SlideShare
Loading in...5
×
 

User Interface in the Jungle

on

  • 4,910 views

My talk for UI Gathering 2009/3/7.

My talk for UI Gathering 2009/3/7.

Statistics

Views

Total Views
4,910
Views on SlideShare
4,503
Embed Views
407

Actions

Likes
8
Downloads
122
Comments
1

7 Embeds 407

http://hlb.yichi.org 346
http://iamhlb.com 48
http://static.slideshare.net 5
http://www.slideshare.net 4
http://coderwall.com 2
http://iamhlb.local 1
http://feeds.feedburner.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

User Interface in the Jungle User Interface in the Jungle Presentation Transcript

  • User Interface Design in the Jungle hlb, the designer of Handlino Inc. Handlino http://handlino.com
  • Jungle ➔ /
  • Jungle ➔ ☺
  • • web site • web app • web application • web service Handlino http://handlino.com
  • Hardware
  • Software
  • Webware
  • making web UI *is* easy
  • Anyone can cook!
  • Save as Web Page
  • WYSIWYG
  • Handlino http://handlino.com
  • • write HTML Handlino http://handlino.com
  • • write HTML • draw images Handlino http://handlino.com
  • • write HTML • draw images • borrow(copy) some javascript codes Handlino http://handlino.com
  • • write HTML • draw images • borrow(copy) some javascript codes • and write some CSS (OMG!) Handlino http://handlino.com
  • uncertainty
  • devices
  • 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
  • We have browsers
  • Browsers have abilities
  • Browsers have disabilities
  • Browsers have bugs
  • Bugs even have their own names!
  • WYSINWYW What You See Is Not What You Want Handlino http://handlino.com
  • WYSIWGK What You See Is What God Knows Handlino http://handlino.com
  • well, not that easy ☹
  • Only the fearless can be great!
  • Guideline?
  • Pros: More than one way to do it. CPU/memory usage and response time are the only limits
  • Cons: More than one way to do it.
  • more: 2, 3
  • motion blur http://www.flashden.net/item/horizontal-scroller-motion-blur/23377
  • Pitfall think twice before doing
  • 1 right mouse key
  • 11 OS-like UI Canny Valley
  • 111 Make it perfect keep changing and evolving
  • Design Pattern
  • accessibility
  • best UI
  • Web UI is not the best UI
  • Best UI might be the API
  • http://handlino.com/ hlb@handlino.com
  • Thanks • http://www.flickr.com/photos/77922700@N00/121752716/ • http://www.flickr.com/photos/9052666@N05/1795564765/ Handlino http://handlino.com