• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Wiki Design Considerations
 

Wiki Design Considerations

on

  • 3,135 views

Luke Wroblewski talks about wikis.

Luke Wroblewski talks about wikis.

Statistics

Views

Total Views
3,135
Views on SlideShare
3,135
Embed Views
0

Actions

Likes
0
Downloads
17
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

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

    Wiki Design Considerations Wiki Design Considerations Document Transcript

    • WIKI DESIGN CONSIDERATIONS LUKE WROBLEWSKI SILICON VALLEY WEB BUILDER, SEPT. 2007 1 Luke Wroblewski Yahoo! Inc. • Senior Principal, Product Ideation & Design LukeW Interface Designs • Principal & Founder • Product design & strategy services Author • Site-Seeing: A Visual Approach to Web Usability (Wiley & Sons) • Upcoming: Best Practices for Form Design (Rosenfeld Media) • Functioning Form: Web applications, product strategy, & interface design articles Previously • eBay Inc., Lead Designer • University of Illinois, Instructor • NCSA, Senior Designer http://www.lukew.com 2 1
    • WAYS WE INTERACT WITH THE WORLD: • Locomotion • Conversation • Manipulation -TERRY WINOGRAD, STANFORD 3 Web Transitions 1. Locomotion to digital representations of physical entities • Directories & portals, Yahoo! • Company sites & brochure-ware 2. Digital manipulation of physical goods • E-commerce everywhere • Amazon, eBay 3. Digital services • Enable conversation & manipulation • Display surfaces • Content creation • Aggregation • Entertainment -Types of digital services: TOM CHI, YAHOO! 4 2
    • MEANINGFUL PACKAGING DESIGN SHOUTING FOR WEB BACK OF PACK APPLICATIONS UNPACKING EXPERIENCE 5 DIFFERENTIATE MEANINGFUL SHOUTING ATTRACT EMBODY THE BRAND 6 3
    • 7 8 4
    • SUPPORT THE STORY BACK OF PACK OUTLINE BENEFITS & FEATURES 9 10 5
    • 11 12 6
    • UNPACKING EXPERIENCE PHOTOS FROM FLICKR USERS KATIELIPS, PEALCO, AND *NATHAN 13 14 7
    • 15 16 8
    • 17 INVITATIONS RICH TRANSITIONS INTERATIONS FEEDBACK 18 9
    • Ajax Interface Design 19 20 BILL SCOTT, DESIGNING FOR AJAX 10
    • Drag and Drop. Drag and Drop Modules. In Page Editing. In Page Custom Editing. Direct State Editing. Grid Cell Editing. Inline Custom Editing. Inline Tag Editing. Popup Custom Editing. Slide-out Custom Editing. Inline Text Editing. Persistent Portals. Inline Reordering. Indication. Busy Indication. Cursor Busy. In Context Busy. In Context Progress. Inline Status. Auto Complete. Balloon Error Tip. Deferred Content Loading. Dynamic Goal. Narrowing Choices. Refining Search. Live Search. Dynamic Filter. Invitation. Cursor Invitation. Drop Invitation. Tool Tip Invitation. Hover Invitation. Detail Zoom. Opacity Focus. Configurable Module - Faceplate. Configurable Module - Flip It. Configurable Module - Inline Configure. Configurable Module - Slide Out Drawer. Slide Out. Flip. Opacity Fade. Endless Scrolling. Expandable Paging Boundary. Fresh Content. Hover Detail. In Place Drill Down. Inline Assistant. Inline Validation. Validate Then Suggest. On Demand Refresh. Periodic Refresh. Resizable Modules. Scrolling Modules. Auto Save. In Context Tools. Remembered Collection. Remembered Preferences. Auto Form Fill. Rating an Object. Transition. Brighten Transition. Cross Fade Transition. Dim Transition. Transition. Expand Transition. Fade In Transition. Fade Out Transition. Flip Transition. Move Transition. Self-Healing Transition. Collapse Transition. Slide Transition. Rich Internet Object. Available. Selected. 21 BILL SCOTT, DESIGNING FOR AJAX INVITATION TRANSITION FEEDBACK 22 11
    • 23 USER EMPOWERMENT, CONTENT NOT USER FRIENDLY CREATION VALUE CREATION 24 12
    • “What I hope I’m most remembered for is getting past the idea of user-friendly. I don’t think people want friendly computers. What they want is a sense of power to get their job done.” -Ben Schniederman 25 User Friendly 26 13
    • User Empowerment? 27 28 14
    • “Most user-created content is crappy. As we create better tools, we’ll increase the value of the output of those tools.” -Will Wright 29 30 15
    • Constraints Balance Systems • Quality Control • Lightweight interactions = lightweight content • “Burying the submit button [in community Web sites] encourages fewer, but better posts.” -Derek Powazek, Design for Community, 2001 • Barriers to Entry • quot;The best check on bad behavior is identity.” -Mark Zuckerburg, Facebook Founder 31 Wiki Design Considerations • Packaging Design for Web Applications • Meaningful Shouting • Back of Pack • Unpacking Experiences • Rich Interactions • Invitation, Transition, Feedback • Content Creation • Empowerment • Barriers to Entry • More… 32 16
    • For more information… Functioning Form www.lukew.com/ff/ Drop me a note luke@lukew.com 33 17