Redesign Craigslist

54
REDESIGNING CRAIGSLIST FOR OLDER ADULTS

description

 

Transcript of Redesign Craigslist

Page 1: Redesign Craigslist

REDESIGNING CRAIGSLIST FOR OLDER ADULTS

Page 2: Redesign Craigslist

ATTENTION AND FOCUS + WORKING MEMORY:USE BREADCRUMBS + EXPANDABLE MENUS

Page 3: Redesign Craigslist

VISUALIZING HIERARCHIESSHALLOW AND BROAD HIERARCHIES

✓✖

Page 4: Redesign Craigslist

INHIBITING TASK-IRRELEVANT STIMULIRESPONSIVENESS TO VISUAL HIGHLIGHTING CUES

REMOVE COMPETING AND DISTRACTING ELEMENTS ON PAGE

Page 5: Redesign Craigslist

ATTENTION AND FOCUS + WORKING MEMORY:REMINDERS OF CORE TASKS ON PAGES

Page 6: Redesign Craigslist

EXISTING SEMANTIC KNOWLEDGE BASE

Leverage Existing Metaphors

Page 7: Redesign Craigslist

VISUAL ACUITY

>= 14 pt Sans-Serif.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Frequent Text Breaks and Sub Headers.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Page 8: Redesign Craigslist

YELLOWING OF EYES

Page 9: Redesign Craigslist

COLOR DISCRIMINATIONCOLOR SENSITIVITY

Page 10: Redesign Craigslist

FINE MOTOR CONTROLDO NOT REQUIRE PRECISE MOVEMENT

KEEP TARGET SIZE LARGE

Page 11: Redesign Craigslist

HESITANCE TO ADOPT TECHNOLOGYMAKE BENEFITS OF TECHNOLOGIES CLEAR

Page 12: Redesign Craigslist

TASK-DRIVEN USAGE + HESITANCE TO EXPLORE LINKSUSE REPRESENTATIVE, ACTIVE LABELS

??

Page 13: Redesign Craigslist

FUNCTIONAL ACCESSIBILITY EVALUATOR

• Titles and Labels: Missing H1 tags, Frames lacking title attributes and missing Labels in Form elements.

Implication: Inaccurate parsing of logical divisions of the page by screen readers.

• Subheadings are not nested properly

Implication : Obfuscates the desired hierarchy and reading sequence

• Default Language: No default language specified

Implication: Problems with screen readers doing automated translations

Problem of change in accent in text-to-speech systems.

Page 14: Redesign Craigslist

FUNCTIONAL ACCESSIBILITY EVALUATOR

• Layout Tables: Tables used for formatting instead of <div>

Implication : Can make difficult to determine reading order and use customized styling

• Text Styling: use of discrete ‘font’, bold styling, and font position tags in the HTML

Implications : Decrease in customizability and flexibility

Alternative : Use Cascading Style Sheets

• Missing Metatags Specifying Character Encoding

Implications: creates problems for alternate rendering technology and screen readers

Page 15: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Page 16: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Page 17: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Page 18: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Page 19: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Page 20: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Page 21: Redesign Craigslist

??

FEEDBACK FROM FOCUS GROUP STUDY

Page 22: Redesign Craigslist

INITIAL MOCKUP AND FOCUS GROUP FEEDBACK

Page 23: Redesign Craigslist

INITIAL MOCKUP AND FOCUS GROUP FEEDBACK

Page 24: Redesign Craigslist

INITIAL MOCKUP AND FOCUS GROUP FEEDBACK

Improves Font LegibilityImproves Content OrganizationVisually Maps Icons to Categories

Page 25: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Page 26: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Page 27: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Prominent Search Filter

Page 28: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Page 29: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Page 30: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Filters Appear More ProminentlyClearer Demarcation of List Items

Page 31: Redesign Craigslist
Page 32: Redesign Craigslist

PROMINENT SEARCH FUNCTIONALITY

Page 33: Redesign Craigslist
Page 34: Redesign Craigslist

USE OF ACTIVE VOICE

Page 35: Redesign Craigslist
Page 36: Redesign Craigslist

ELIMINATE SECTION ‘GIGS’

Page 37: Redesign Craigslist
Page 38: Redesign Craigslist

REPOSITION EVENTS AND CALENDAR

Page 39: Redesign Craigslist
Page 40: Redesign Craigslist

TABBED INTERFACE OPTIONS

Page 41: Redesign Craigslist
Page 42: Redesign Craigslist

FONT SIZE CUSTOMIZATION

Page 43: Redesign Craigslist
Page 44: Redesign Craigslist
Page 45: Redesign Craigslist

SORTING

Page 46: Redesign Craigslist

SORTING

Page 47: Redesign Craigslist

FILTERS

Page 48: Redesign Craigslist

IMAGE PREVIEWS

Page 49: Redesign Craigslist

CONTEXT AWARE SEARCH

Page 50: Redesign Craigslist
Page 51: Redesign Craigslist

FEEDBACK FROM FOCUS GROUP STUDY

Page 52: Redesign Craigslist

BREADCRUMBS

Page 53: Redesign Craigslist

TRANSPARENT ACTIONS

Page 54: Redesign Craigslist

THANK YOU.