Module 3 PPS

• Task Analysis


  1. The process of learning about ordinary users

  2. Identify the tasks that websites and applications must support
• Types of Task Analysis

  • Cognitive Task Analysis
  • Hierarchical Task Analysis
• How to Conduct a Task Analysis

  1. Identify the task to be analyzed

  2. Break the high-level task down into 4 to 8 subtasks

  3. Draw a layered task diagram of each subtask

  4. Produce a written account as well as the decomposition diagram

  5. Present the analysis to someone else
• User Testing
• User Testing purpose
• Design Techniques/Approaches


  Anthropomorphic Approach involves designing a user interface to possess human-like qualities, Cognitive Approach considers the abilities of the human brain and sensory-perception, Predictive Modeling Approach uses GOMS method to examine user experience components efficiently, Empirical Approach useful for comparing usability of multiple conceptual designs
• Affordances


  What a user can do with an object based on the user's capabilities
• Don Norman: '“When affordances are taken advantage of, the user knows what to do just by looking: no picture, label, or instruction needed.”'
• User Testing


  Is the process through which the interface and functions of a website, app, product, or service are tested by real users who perform specific tasks in realistic conditions. The purpose is to evaluate the usability and readiness for launch
• User testing is important to evaluate usability and readiness for launch
• Types of user testing


  • Usability testing
  • Surveys
  • A/B testing
  • Focus group
  • Beta testing
• How to do user testing

  1. Defining a goal

  2. Prepare the test object

  3. Write a test script

  4. Select the test method

  5. Evaluation and analysis

  6. Carry out a test run

  7. Prepare the site and infrastructure

  8. Recruit test subjects
• products from the moment he or she starts using it to the moment they stopUsability Testing
• Prototyping


  An experimental process where design teams implement ideas into tangible forms from paper to digital to refine and validate designs
• Prototyping is important for refining and validating designs
• Use case diagram
• Generating Designs


  1. Choosing Interface Elements

  2. Best Practices for Designing an Interface

  3. Apply techniques in designing user interface

  4. Design Considerations
• Interface elements


  • Input Controls: buttons, text fields, checkboxes, radio buttons, dropdown lists, list boxes, toggles, date field
  • Navigational Components: breadcrumb, slider, search field, pagination, slider, tags, icons
  • Informational Components: tooltips, icons, progress bar, notifications, message boxes, modal windows
  • Containers: accordion
• Best Practices for Designing an Interface

  • Keep the interface simple
  • Create consistency and use common UI elements
  • Be purposeful in page layout
  • Strategically use color and texture
  • Use typography to create hierarchy and clarity
  • Make sure that the system communicates what’s happening
  • Think about the defaults
• Design Considerations


  1. Visibility factors

  2. Acceptance factors

  3. Development factors
• Visible Language


  • Typography
  • Layout
  • Color and Texture
  • Imagery
  • Animation
  • Sequencing
  • Visual Identity
  • Sound