SlideShare a Scribd company logo
1 of 17
Download to read offline
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

More Related Content

What's hot

Mobile First Responsive Design
Mobile First Responsive DesignMobile First Responsive Design
Mobile First Responsive DesignJason Grigsby
 
The web phenomenon
The web phenomenonThe web phenomenon
The web phenomenonZool
 
The Mobile Platform World
The Mobile Platform WorldThe Mobile Platform World
The Mobile Platform WorldMatt Evans
 
IWE - Designing for everyone, anywhere, at anytime
IWE - Designing for everyone, anywhere, at anytimeIWE - Designing for everyone, anywhere, at anytime
IWE - Designing for everyone, anywhere, at anytimeAnna Dahlström
 
A Social Web Intro at the Internet Identity Workshop
A Social Web Intro at the Internet Identity WorkshopA Social Web Intro at the Internet Identity Workshop
A Social Web Intro at the Internet Identity WorkshopDavid Recordon
 
Web 2.0 Managerial Economics
Web 2.0 Managerial EconomicsWeb 2.0 Managerial Economics
Web 2.0 Managerial EconomicsAvinash Singh
 
Responsive Design & Mobile First
Responsive Design & Mobile FirstResponsive Design & Mobile First
Responsive Design & Mobile FirstLuke Brooker
 
Coworking 7th Floor
Coworking 7th FloorCoworking 7th Floor
Coworking 7th Floorfabiomasetti
 

What's hot (9)

Mobile First Responsive Design
Mobile First Responsive DesignMobile First Responsive Design
Mobile First Responsive Design
 
The web phenomenon
The web phenomenonThe web phenomenon
The web phenomenon
 
The Mobile Platform World
The Mobile Platform WorldThe Mobile Platform World
The Mobile Platform World
 
IWE - Designing for everyone, anywhere, at anytime
IWE - Designing for everyone, anywhere, at anytimeIWE - Designing for everyone, anywhere, at anytime
IWE - Designing for everyone, anywhere, at anytime
 
A Social Web Intro at the Internet Identity Workshop
A Social Web Intro at the Internet Identity WorkshopA Social Web Intro at the Internet Identity Workshop
A Social Web Intro at the Internet Identity Workshop
 
Web 2.0 Managerial Economics
Web 2.0 Managerial EconomicsWeb 2.0 Managerial Economics
Web 2.0 Managerial Economics
 
Responsive Design & Mobile First
Responsive Design & Mobile FirstResponsive Design & Mobile First
Responsive Design & Mobile First
 
ITP / SED Day 6
ITP / SED Day 6ITP / SED Day 6
ITP / SED Day 6
 
Coworking 7th Floor
Coworking 7th FloorCoworking 7th Floor
Coworking 7th Floor
 

Similar to Wiki Design Luke W

Designing for Web 2.0: The Visual Ecosystem
Designing for Web 2.0: The Visual EcosystemDesigning for Web 2.0: The Visual Ecosystem
Designing for Web 2.0: The Visual EcosystemLuke Wroblewski
 
Web 2.0 Government 2.0
Web 2.0 Government 2.0Web 2.0 Government 2.0
Web 2.0 Government 2.0Zoe Laycock
 
New Zealand Software Association
New Zealand Software AssociationNew Zealand Software Association
New Zealand Software AssociationChris Sparshott
 
UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)Ergosign GmbH
 
Clearspring Widgetsphere
Clearspring WidgetsphereClearspring Widgetsphere
Clearspring Widgetsphereeraz
 
Iptv Latino Von Mexico
Iptv Latino Von MexicoIptv Latino Von Mexico
Iptv Latino Von MexicoEd Pimentel
 
Developing the MIT Mobile Web
Developing the MIT Mobile WebDeveloping the MIT Mobile Web
Developing the MIT Mobile Webshu beta
 
Cohere: Towards Web 2.0 Argumentation
Cohere: Towards Web 2.0 ArgumentationCohere: Towards Web 2.0 Argumentation
Cohere: Towards Web 2.0 ArgumentationSimon Buckingham Shum
 
The Way Forward: What's next for content strategy
The Way Forward: What's next for content strategyThe Way Forward: What's next for content strategy
The Way Forward: What's next for content strategyKaren McGrane
 
Intranet 2.0 - Integrating Enterprise 2.0 into your corporate intranet
Intranet 2.0 - Integrating Enterprise 2.0 into your corporate intranetIntranet 2.0 - Integrating Enterprise 2.0 into your corporate intranet
Intranet 2.0 - Integrating Enterprise 2.0 into your corporate intranetJames Dellow
 
(by Joshua Porter) Web2.0 for the rest of us
(by Joshua Porter) Web2.0 for the rest of us(by Joshua Porter) Web2.0 for the rest of us
(by Joshua Porter) Web2.0 for the rest of usPhil Smirnov
 
Web3.0 seminar wipro-session3-flokloreofuserexperience
Web3.0 seminar wipro-session3-flokloreofuserexperienceWeb3.0 seminar wipro-session3-flokloreofuserexperience
Web3.0 seminar wipro-session3-flokloreofuserexperienceNagaraju Pappu
 
the next generation of marketing technology platform
the next generation of marketing technology platformthe next generation of marketing technology platform
the next generation of marketing technology platformcleveg
 
What Is Web 2.0
What Is Web 2.0What Is Web 2.0
What Is Web 2.0Remi Otani
 
Building Killer Communities And Taking Confluence Social
Building Killer Communities And Taking Confluence SocialBuilding Killer Communities And Taking Confluence Social
Building Killer Communities And Taking Confluence SocialAtlassian
 
Reply Web20 University
Reply Web20 UniversityReply Web20 University
Reply Web20 Universityreply
 
10 Things You Probably Didn't Know About Plone
10 Things You Probably Didn't Know About Plone10 Things You Probably Didn't Know About Plone
10 Things You Probably Didn't Know About PloneJazkarta, Inc.
 

Similar to Wiki Design Luke W (20)

Wiki Design Considerations
Wiki Design ConsiderationsWiki Design Considerations
Wiki Design Considerations
 
Designing for Web 2.0: The Visual Ecosystem
Designing for Web 2.0: The Visual EcosystemDesigning for Web 2.0: The Visual Ecosystem
Designing for Web 2.0: The Visual Ecosystem
 
Web 2.0 Government 2.0
Web 2.0 Government 2.0Web 2.0 Government 2.0
Web 2.0 Government 2.0
 
New Zealand Software Association
New Zealand Software AssociationNew Zealand Software Association
New Zealand Software Association
 
UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)
 
Clearspring Widgetsphere
Clearspring WidgetsphereClearspring Widgetsphere
Clearspring Widgetsphere
 
Iptv Latino Von Mexico
Iptv Latino Von MexicoIptv Latino Von Mexico
Iptv Latino Von Mexico
 
Developing the MIT Mobile Web
Developing the MIT Mobile WebDeveloping the MIT Mobile Web
Developing the MIT Mobile Web
 
Cohere: Towards Web 2.0 Argumentation
Cohere: Towards Web 2.0 ArgumentationCohere: Towards Web 2.0 Argumentation
Cohere: Towards Web 2.0 Argumentation
 
Design Patterns Lw
Design Patterns LwDesign Patterns Lw
Design Patterns Lw
 
The Way Forward: What's next for content strategy
The Way Forward: What's next for content strategyThe Way Forward: What's next for content strategy
The Way Forward: What's next for content strategy
 
Intranet 2.0 - Integrating Enterprise 2.0 into your corporate intranet
Intranet 2.0 - Integrating Enterprise 2.0 into your corporate intranetIntranet 2.0 - Integrating Enterprise 2.0 into your corporate intranet
Intranet 2.0 - Integrating Enterprise 2.0 into your corporate intranet
 
Michaelklemen2009
Michaelklemen2009Michaelklemen2009
Michaelklemen2009
 
(by Joshua Porter) Web2.0 for the rest of us
(by Joshua Porter) Web2.0 for the rest of us(by Joshua Porter) Web2.0 for the rest of us
(by Joshua Porter) Web2.0 for the rest of us
 
Web3.0 seminar wipro-session3-flokloreofuserexperience
Web3.0 seminar wipro-session3-flokloreofuserexperienceWeb3.0 seminar wipro-session3-flokloreofuserexperience
Web3.0 seminar wipro-session3-flokloreofuserexperience
 
the next generation of marketing technology platform
the next generation of marketing technology platformthe next generation of marketing technology platform
the next generation of marketing technology platform
 
What Is Web 2.0
What Is Web 2.0What Is Web 2.0
What Is Web 2.0
 
Building Killer Communities And Taking Confluence Social
Building Killer Communities And Taking Confluence SocialBuilding Killer Communities And Taking Confluence Social
Building Killer Communities And Taking Confluence Social
 
Reply Web20 University
Reply Web20 UniversityReply Web20 University
Reply Web20 University
 
10 Things You Probably Didn't Know About Plone
10 Things You Probably Didn't Know About Plone10 Things You Probably Didn't Know About Plone
10 Things You Probably Didn't Know About Plone
 

More from Ross Lawley

Thinking Functionally In Ruby
Thinking Functionally In RubyThinking Functionally In Ruby
Thinking Functionally In RubyRoss Lawley
 
Kanban For Software Engineering Apr 242
Kanban For Software Engineering Apr 242Kanban For Software Engineering Apr 242
Kanban For Software Engineering Apr 242Ross Lawley
 
How To Fail With Agile
How To Fail With AgileHow To Fail With Agile
How To Fail With AgileRoss Lawley
 
Evolving From Scrum To Lean
Evolving From Scrum To LeanEvolving From Scrum To Lean
Evolving From Scrum To LeanRoss Lawley
 
Anti Patterns2008
Anti Patterns2008Anti Patterns2008
Anti Patterns2008Ross Lawley
 
Metaprogramming in Ruby
Metaprogramming in RubyMetaprogramming in Ruby
Metaprogramming in RubyRoss Lawley
 
Designing For Web2
Designing For Web2 Designing For Web2
Designing For Web2 Ross Lawley
 
GOF patterns in Ruby
GOF patterns in RubyGOF patterns in Ruby
GOF patterns in RubyRoss Lawley
 
User Experience Pain Free
User Experience Pain FreeUser Experience Pain Free
User Experience Pain FreeRoss Lawley
 
Rails Conf Europe 2007 Notes
Rails Conf  Europe 2007  NotesRails Conf  Europe 2007  Notes
Rails Conf Europe 2007 NotesRoss Lawley
 
Learning To Love Forms Webvisions 07 21033
Learning To Love Forms Webvisions 07 21033Learning To Love Forms Webvisions 07 21033
Learning To Love Forms Webvisions 07 21033Ross Lawley
 
When Interface Design Attacks
When Interface Design AttacksWhen Interface Design Attacks
When Interface Design AttacksRoss Lawley
 

More from Ross Lawley (19)

Thinking Functionally In Ruby
Thinking Functionally In RubyThinking Functionally In Ruby
Thinking Functionally In Ruby
 
Kanban For Software Engineering Apr 242
Kanban For Software Engineering Apr 242Kanban For Software Engineering Apr 242
Kanban For Software Engineering Apr 242
 
Kanban Vs Scrum
Kanban Vs ScrumKanban Vs Scrum
Kanban Vs Scrum
 
How To Fail With Agile
How To Fail With AgileHow To Fail With Agile
How To Fail With Agile
 
Evolving From Scrum To Lean
Evolving From Scrum To LeanEvolving From Scrum To Lean
Evolving From Scrum To Lean
 
Anti Patterns2008
Anti Patterns2008Anti Patterns2008
Anti Patterns2008
 
Couch Db
Couch DbCouch Db
Couch Db
 
Metaprogramming in Ruby
Metaprogramming in RubyMetaprogramming in Ruby
Metaprogramming in Ruby
 
Designing For Web2
Designing For Web2 Designing For Web2
Designing For Web2
 
Designing Web2
Designing Web2Designing Web2
Designing Web2
 
GOF patterns in Ruby
GOF patterns in RubyGOF patterns in Ruby
GOF patterns in Ruby
 
User Experience Pain Free
User Experience Pain FreeUser Experience Pain Free
User Experience Pain Free
 
L R U G - JRuby
L R U G - JRubyL R U G - JRuby
L R U G - JRuby
 
Juggling
JugglingJuggling
Juggling
 
Rails Conf Europe 2007 Notes
Rails Conf  Europe 2007  NotesRails Conf  Europe 2007  Notes
Rails Conf Europe 2007 Notes
 
Learning To Love Forms Webvisions 07 21033
Learning To Love Forms Webvisions 07 21033Learning To Love Forms Webvisions 07 21033
Learning To Love Forms Webvisions 07 21033
 
B D D Intro
B D D  IntroB D D  Intro
B D D Intro
 
Thesis Carohorn
Thesis CarohornThesis Carohorn
Thesis Carohorn
 
When Interface Design Attacks
When Interface Design AttacksWhen Interface Design Attacks
When Interface Design Attacks
 

Recently uploaded

Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum ComputingGDSC PJATK
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
GenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncGenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncObject Automation
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
Digital magic. A small project for controlling smart light bulbs.
Digital magic. A small project for controlling smart light bulbs.Digital magic. A small project for controlling smart light bulbs.
Digital magic. A small project for controlling smart light bulbs.francesco barbera
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIUdaiappa Ramachandran
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 

Recently uploaded (20)

Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum Computing
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
GenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncGenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation Inc
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
Digital magic. A small project for controlling smart light bulbs.
Digital magic. A small project for controlling smart light bulbs.Digital magic. A small project for controlling smart light bulbs.
Digital magic. A small project for controlling smart light bulbs.
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AI
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 

Wiki Design Luke W

  • 1. 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
  • 2. 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
  • 3. MEANINGFUL PACKAGING DESIGN SHOUTING FOR WEB BACK OF PACK APPLICATIONS UNPACKING EXPERIENCE 5 DIFFERENTIATE MEANINGFUL SHOUTING ATTRACT EMBODY THE BRAND 6 3
  • 4. 7 8 4
  • 5. SUPPORT THE STORY BACK OF PACK OUTLINE BENEFITS & FEATURES 9 10 5
  • 6. 11 12 6
  • 7. UNPACKING EXPERIENCE PHOTOS FROM FLICKR USERS KATIELIPS, PEALCO, AND *NATHAN 13 14 7
  • 8. 15 16 8
  • 9. 17 INVITATIONS RICH TRANSITIONS INTERATIONS FEEDBACK 18 9
  • 10. Ajax Interface Design 19 20 BILL SCOTT, DESIGNING FOR AJAX 10
  • 11. 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
  • 12. 23 USER EMPOWERMENT, CONTENT NOT USER FRIENDLY CREATION VALUE CREATION 24 12
  • 13. “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
  • 14. User Empowerment? 27 28 14
  • 15. “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
  • 16. 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
  • 17. For more information… Functioning Form www.lukew.com/ff/ Drop me a note luke@lukew.com 33 17