Identify users/audiences
                                 Understand user needs & goals
                  Requirements
                    Analysis
                                 Understand client needs & goals
R e s e a r c h


                                 Technical requirements & limitations
                   Conceptual    Research previous versions
                     Design
                                 Research competition
                   Mockups &     Use cases
                   Prototypes
                                 Task analysis
                                 Information architecture
                   Production
                                 Mockup generation
                                 Mockup evaluation
                    Launch       Production
                                 Quality assurance
                                 User problem tracking
Identify users/audiences
                                 Understand user needs & goals
                  Requirements
                    Analysis
                                 Understand client needs & goals
R e s e a r c h


                                 Technical requirements & limitations
                   Conceptual    Research previous versions
                     Design
                                 Research competition
                   Mockups &     Use cases
                   Prototypes
                                 Task analysis
                                 Information architecture
                   Production
                                 Mockup generation
                                 Mockup evaluation
                    Launch       Production
                                 Quality assurance
                                 User problem tracking
Homepage Usability
Homepage goals
Communicate site purpose
Provide info about company/organization
Reveal site content - through examples
Show site structure & navigation
Enable site search
Establish identity & credibility - graphics
Communicate site purpose


Name             What site/
 &               company
Logo               does




                 High priority
Tag line
                    tasks
Communicate site purpose



Tag line


              Brief
              Descriptive
              To the point
                             !
              Catchy
Communicate site purpose


Name             What site/
 &               company
Logo               does




                 High priority
Tag line
                    tasks
Communicate site purpose


What site/
company         What can I do here?
  does




High priority
   tasks
                Where do I start?
Communicate site purpose


What site/
company         What can I do here?
  does


                    How?
High priority
   tasks
                Where do I start?
Affordance
                                                          !
     “the design aspect of an object which
     suggest how the object should be used; a
     visual clue to its function and use” - D.
     Norman
See: http://www.interaction-design.org/encyclopedia/affordances.html
 homepage usability
 homepage usability
 homepage usability

homepage usability

  • 1.
    Identify users/audiences Understand user needs & goals Requirements Analysis Understand client needs & goals R e s e a r c h Technical requirements & limitations Conceptual Research previous versions Design Research competition Mockups & Use cases Prototypes Task analysis Information architecture Production Mockup generation Mockup evaluation Launch Production Quality assurance User problem tracking
  • 2.
    Identify users/audiences Understand user needs & goals Requirements Analysis Understand client needs & goals R e s e a r c h Technical requirements & limitations Conceptual Research previous versions Design Research competition Mockups & Use cases Prototypes Task analysis Information architecture Production Mockup generation Mockup evaluation Launch Production Quality assurance User problem tracking
  • 3.
  • 5.
    Homepage goals Communicate sitepurpose Provide info about company/organization Reveal site content - through examples Show site structure & navigation Enable site search Establish identity & credibility - graphics
  • 6.
    Communicate site purpose Name What site/ & company Logo does High priority Tag line tasks
  • 7.
    Communicate site purpose Tagline Brief Descriptive To the point ! Catchy
  • 8.
    Communicate site purpose Name What site/ & company Logo does High priority Tag line tasks
  • 9.
    Communicate site purpose Whatsite/ company What can I do here? does High priority tasks Where do I start?
  • 10.
    Communicate site purpose Whatsite/ company What can I do here? does How? High priority tasks Where do I start?
  • 18.
    Affordance ! “the design aspect of an object which suggest how the object should be used; a visual clue to its function and use” - D. Norman See: http://www.interaction-design.org/encyclopedia/affordances.html