COMM1PCOMM1P This presentation © Gilbert Cockton 2001. For University of Sunderland students only. Permission is required for any other use of this material.

Slides:



Advertisements
Similar presentations
BLR’s Human Resources Training Presentations
Advertisements

Research Methods and Usability Guidelines for Ecommerce Web Sites Mary Czerwinski Microsoft Research Note: Many of these slides came from a Keynote address.
Who am I Mark Simpson - Researcher, De Montfort University User issues. Worked on Managed Learning Environment MLE Project. Available to all first year.
Easy to use Ability to attach policies/procedures to call types Ability to schedule calls in advance Officer safety alerts Robust search capabilities.
M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij.
Demonstrators: Mudasir Nazir(08-CS-41).  I am highly addicted to this field.  Working with W3C in research program(building CSS for creating web site.
SECOND MIDTERM REVIEW CS 580 Human Computer Interaction.
Introducing new web content management tools for Priority...
 Why should it be mobile?  What content should I make mobile?  What need do I serve by making my content available to mobile users?  What value does.
Contents Define Web Usability and Why Benefits of Usability Guiding Principles Web Standards, Accessibility and Usability connections Resources.
1 CS 430 / INFO 430 Information Retrieval Lecture 24 Usability 2.
Administrivia Turn in ranking sheets, we’ll have group assignments to you as soon as possible Homeworks Programming Assignment 1 due next Tuesday Group.
A Test of Usability By Shannon Johnson.  What is the site’s purpose? In their own words: “Barnes & Noble.com leverages the power of the Barnes & Noble.
- Travel Well Criteria.
English Word Origins Grade 3 Middle School (US 9 th Grade) Advanced English Pablo Sherman The etymology of language.
Marketing CH. 4 Notes.
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
Multimedia Project : Paris Metro Webquest
1. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “Usability Engineering” –Describe the various steps involved.
Unit 2 — Building Web Part B) Designing the Web. Phase 1: Planning a Web Site Like an architect designing a building, adequately planning your Web site.
AICT5 – eProject Project Planning for ICT. Process Centre receives Scenario Group Work Scenario on website in October Assessment Window Individual Work.
Lesson 4: Using HTML5 Markup.  The distinguishing characteristics of HTML5 syntax  The new HTML5 sectioning elements  Adding support for HTML5 elements.
Using Taxonomies Effectively in the Organization v. 2.0 KnowledgeNets 2001 Vivian Bliss Microsoft Knowledge Network Group
ITEC224 Database Programming
Put the Lesson Title Here A webquest for xth grade Designed by Put your You may include graphics, a movie, or sound to any of the slides. Introduction.
COMM1PCOMM1P This presentation © Gilbert Cockton For University of Sunderland students only. Permission is required for any other use of this material.
COMM1PCOMM1P Professor Gilbert Cockton, FRSA Leader, Human-Computer Systems Group, School of Computing, Engineering and Technology Project Director, Digital.
Assessing Program Quality with the Autism Program Environment Rating Scale.
COMM1PCOMM1P This presentation © Gilbert Cockton For University of Sunderland students only. Permission is required for any other use of this material.
Module Info Web Application and Development Digital Media Department Unit Credit Value : 4 Essential Learning time : 120 hours
COMM1PCOMM1P Professor Gilbert Cockton, FRSA Leader, Human-Computer Systems Group, School of Computing, Engineering and Technology Project Director, Digital.
Common Activities Activities and Tasks in the WBS.
Fall 2015ECEn 4901 Team work and Team Building. Fall 2015 ECEn Lecture 1 review Did you find the class website? Have you met with your team? Have.
Moodle (Course Management Systems). Managing Your class In this Lecture, we’ll cover course management, including understanding and using roles, arranging.
MULTIMEDIA DEFINITION OF MULTIMEDIA
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
Why Design Tips for Sakai? Small teams in higher ed means wearing many hats Not all teams have designers Meant to be a primer for developers doing design.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
COMP3615,5615 Capstone Projects Week Overview of the semester Website tour – XP and roles – Assessment – note especially the individual mark operating.
Searching the web Enormous amount of information –In 1994, 100 thousand pages indexed –In 1997, 100 million pages indexed –In June, 2000, 500 million pages.
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
INFO1408 Database Design Concepts Week 15: Introduction to Database Management Systems.
Jozef Goetz, Standards  Clear visible standards.  Students must have clear understandings learning standards in the areas of  learning goals,
Lecture : 5 Problem Identification And Problem solving.
COMM1PCOMM1P This presentation © Gilbert Cockton For University of Sunderland students only. Permission is required for any other use of this material.
User and Task Analysis © Ed Green Penn State University Penn State University All Rights Reserved All Rights Reserved 12/5/2015User and Task Analysis 1.
WEB 2.0 PATTERNS Carolina Marin. Content  Introduction  The Participation-Collaboration Pattern  The Collaborative Tagging Pattern.
Working Memory and Learning Underlying Website Structure
Jozef Goetz contribution, 2011 About You Introduce yourself to the class: -Your name, your major and concentration (and where you work - optional)
Structure and Function: IA for Web Applications. Innovate - For What’s Next™ ©1999 Scient, Proprietary and Confidential Page 2 Structure - IA with content.
Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.
Task Analysis Lecture # 8 Gabriel Spitz 1. Key Points  Task Analysis is a critical element of UI Design  It describes what is a user doing or will.
7 Digital Merchandising Strategies to Help You Sell More Cars Today! January 2016.
Chapter 4: Marketing on the Web. 2 How do you reach customers? Identify groups of potential customers Select the appropriate media Build the right message.
Topic-based Authoring and Structured Authoring TECM 5191 Dr. Lam.
Information Design Goal: identify methods for representing and arranging the objects and actions possible in a system in a way that facilitates perception.
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Project: Web Designer. Phase 1: The World Wide Web.
Copyright 2006 John Wiley & Sons, Inc Chapter 5 – Cognitive Engineering HCI: Developing Effective Organizational Information Systems Dov Te’eni Jane Carey.
Top Six Web Design Tips for eCommerce Website
Website Planning EIT, Author Gay Robertson, 2018.
Supporting Self Discovery Designing Effective Subject Pages
COMP444 Human Computer Interaction Usability Engineering
Standards learning goals - syllabus lecture notes – the current .ppt
Standards learning goals - syllabus lecture notes – the current .ppt
Introduction to Web Authoring Ellen Cushman cushmane
COMM 464 class 3 Agenda Marketplace news
Presentation transcript:

COMM1PCOMM1P This presentation © Gilbert Cockton For University of Sunderland students only. Permission is required for any other use of this material Information Architecture Activity Architecture Bridging from Context to Design Context and Structure 4

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 The Rule of HCI: Reminder 0905 Good Design … … demonstrably fits … … its context of use This lecture introduces a key form of “fit” between expected structures in the world and actual structures on a web-site for information and activity

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Part 1 Thinking about Structure

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 How Structure Fits In 0907 Evaluation Constrains  Informs  Tests Site structure fits Context Design Implies Information and activity architectures indicate expectations

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 The Role of Structure 0908 To distribute across a web-site To relate on a web-page C O N T E N T Information Digital Resources Activities

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Structure 0910 Generally, the sum of the relations between parts of a whole Relations between items Relations between groups of items For web, firstly, content relations between information concepts or digital resources Also, relations between activity phases and/or task steps

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Items and Relations 0912 attributes: products have prices, specifications, availability … orderings: you choose before you buy inclusion: 406 Estate is an estate car is a car is a vehicle is transport and many more take ideas from data modelling but remember this is information as presented to users!

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Content Structures for Information & Digital Resources 0914 Structure results from such relations The common types of structure are: a hierarchy of (sub)categories and members a network of related concepts and resources a discourse based on a linear narrative structure

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Linear Structure 0916 Simple tasks and narratives Easy to remember Enter Domain Name Check Domain Name Read Results Decide on purchase Purchase

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Tree Structure 0918 Hierarchically structured content Memorable if meets expectations DMN Non membersMembers JoinLoansBrokerageAdvice

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Network Structure 0920 Richly interconnected content hard to learn, unless organisation is clear Design Evaluation Context Stakeholders Activities Users Structure Categories Tasks

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 But! 0924 Users rarely learn structure Result in “Web Site Usability” So don’t claim that clear structures are automatically more memorable, but they should be more understandable

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Part 2 Structure, Design and Outcome

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Site/Page Structure and Navigation Design 0927 Navigation Design uses concrete design features... Page layout, link labels/graphics and positions, site maps, contents, indices, search, breadcrumbs … to render conceptual structures Navigation is concrete Structure is abstract

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 The Cost of Poor Structure 0930 Creative Good 56% of within site queries fail Zona 62% of shoppers gave up at least once 42% completed off the web

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Part 3 Researching Info Structure

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Research Tactics 0932 Business Goals How do you find out about structure? Bottom-up - find the basic information items and group them repeatedly into a structure Top-down - brainstorm top-level categories for information and activities, decompose them Gather evidence in the usual way watch, ask, study... make use of existing artefacts, especially competing products

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 A Research Method 0935 Card Sorts Open: group and name categories Closed: assign items to categories (or use speeded sentence verification)

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Break 0940 Back by 0955 Extra Monday Tutorial Slot Will be used for presentations only Hand in group sheets today Preferably now!

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Motives and goals on the web 0940 Your examples of both Motive: broad, pervasive, personal –example: become rich Goal: specific, contingent, instrumental –example: find share buying advice Discuss after the break

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Part 4 Activity Structures

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Activity Structure: Theory 0955 Action is goal driven, motive-constrained, with shifting levels of consciousness plans are conscious skills unconscious, triggered by environment breakdowns force reversion to planning Activities span hours to years and have multiple motives (sub)tasks span seconds to minutes and add additional instrumental goals

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Activity Structure 0958 From the biggest to the smallest Activities, phases/subactivities, tasks, subtasks, actions/operations “step-size” is determined by “chunkable” operations sub-task compilation closure occurs at completion of planned activities release of cognitive resources

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Motives and goals on the web 1001 Your examples of both Motive: broad, pervasive, personal –example: become rich Goal: specific, contingent, instrumental –example: find share buying advice Discuss now, 5 minutes Use in assignment?

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Activity: Web Examples 1006 Motives –popularity, success, personal growth, curiosity, solving a problem, planning something,... User Goals –Surfing, looking for specific information, buying products, downloading software,... Site Goals –Marketing services, selling goods, making information available to employees, customers and shareholders,...

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Part 5 High Level Site Design

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Integrating Structures 1009 Context research reveals more than one desirable structure organisational, users’, domain,... potentially conflicting Need to integrate different structures into the best compromise structure requires trade-offs needs clear picture of site priorities

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Evaluating A Structure 1012 Identify and Assess Knowledge Requirements e.g., need for specialist knowledge of categories, e.g., trip segments Will users have this knowledge? If not,... Test the compromise taxonomy/structure See if users can relate items/categories to higher level categories (both directions)

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Validating A Structure 1014 Completeness Does the final structure cover all the business goals and associated user needs? Taxonomic Quality One clear place for everything Nothing in two places But! –Redundancy may be OK, web isn’t a catalogue

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 From Structure to Navigation 1016 Even the compromise abstract model is only a preferred structure screen estate limitations may require changes so may accessibility –short menus for screen readers Models as sources for navigation aids indices maps contents search terms

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Content 1: Reminder 1018 Human-Computer Interaction for the Web Context Research Usability Evaluation èInformation Architecture èActivity Architecture Navigation Structures, Display Design, Media, Interaction

COMM1P4COMM1P4 SCET MSc EC/ECA © Gilbert Cockton 2001 Summary 1020 Structure is the main bridge between context and design Make full use of it Research Structure Identify Conflicts Manage trade-offs Assess final compromise structure(s)