SLIDE 1
10 Usability Epiphanies for your Open Source web app.
Sigurd Magnusson
twitter.com/sigurdmagnusson
10 Usability Epiphanies for your Open Source web app. Sigurd - - PowerPoint PPT Presentation
10 Usability Epiphanies for your Open Source web app. Sigurd - - PowerPoint PPT Presentation
10 Usability Epiphanies for your Open Source web app. Sigurd Magnusson twitter.com/sigurdmagnusson Why care? ROZO ROMEO T.C.O. Making FOSS accessible to the mainstream [through good usability] may be the difference between an uphill
SLIDE 2
SLIDE 3
SLIDE 4
SLIDE 5
T.C.O.
SLIDE 6
“Making FOSS accessible to the mainstream [through good usability] may be the difference between an uphill battle and a downhill battle against proprietary competitors”
SLIDE 7
http://www.google.com/googlebooks/chrome
SLIDE 8
SLIDE 9
Why are we here?
SLIDE 10
1885 Benz
SLIDE 11
- 1. Hot Mouseover
SLIDE 12
Affordance
- Suggest how an object may be interacted with
- en.wikipedia.org/wiki/Affordance
- class=”dangerous”
SLIDE 13
- 2. Button vs Link
SLIDE 14
- 3. Loading Spinners
webscriptlab.com
SLIDE 15
- 4. Drag & Drop
SLIDE 16
- 4. Drag & Drop
Explains feature, makes it available
- nly when wanted.
SLIDE 17
- 4. Drag & Drop
SLIDE 18
- 4. Drag & Drop
SLIDE 19
- 4. Drag & Drop
SLIDE 20
- 5. Iconitis
- Why icons?
- Windows 3.11 had them
SLIDE 21
SLIDE 22
SLIDE 23
- 6. Too many steps?
SLIDE 24
SLIDE 25
SLIDE 26
SLIDE 27
SLIDE 28
SLIDE 29
SLIDE 30
- 7. Choose your choices
SLIDE 31
http://developer.apple.com/documentation/UserExperience/Conceptual/AppleHIGuidelines/
SLIDE 32
SLIDE 33
- 8. Language
- Descriptive
- Succinct
- Necessary
- Edifying
SLIDE 34
- 9. Undo
SLIDE 35
- 10. Keyboard
- Focus cursor conveniently
- Allow Escape and Enter to cancel and proceed
- Shortcuts for common actions. E.g.: Ctrl-S to Save
SLIDE 36
challenge for communities
SLIDE 37
D7UX
- Still company-funded,
but is an open process.
- Aims to “fix D7” plus
create an ongoing culture of usability that doesn’t require Acquia’s sponsorship and leadership.
SLIDE 38
Creative Commons Image Use
www.flickr.com/photos/awiederhoeft/3268664372/ www.flickr.com/photos/daveseven/2820280348/ www.google.com/googlebooks/chrome www.flickr.com/photos/jbgoblin/3291302112
Further Reading
“The Inmates are Running The Asylym”, by Alan Cooper. developer.apple.com/documentation/UserExperience/Conceptual/AppleHIGuidelines/ mpt.net.nz/archive/2008/08/01/free-software-usability firstmonday.org/htbin/cgiwrap/bin/ojs/index.php/fm/article/view/1018/939
- penculture.cc/coding-to-community (Thesis by Brad Weikel.)
280slides.com Javascript libraries: cappuccino.org, extjs.com, jquery.com, developer.yahoo.com/yui/ d7ux.org
en.wikipedia.org/wiki/File:Benz_Patent_Motorwagen_1886_(Replica).jpg
SLIDE 39
Thanks!
Sigurd Magnusson
twitter.com/sigurdmagnusson