Scott Robinson Vers 1.1 | 10.17.02 Craigslist Usability Evaluation Page 1 Introduction Craigslist.com wants to provide community info.

Slides:



Advertisements
Similar presentations
Looking At Other Digipacks/CD‘s
Advertisements

Welcome to the Skills-Based introduction to the ePARs Personal Evidence Database (PED) Keep clicking and this slideshow will take you through the system.
Click your mouse for next slide Dreamweaver – Introduction and Site Maps Dreamweaver is a state of the art web design program It will allow you to design.
ORGANIZING THE CONTENT Physical Structure
How To Start A Blog on Livejournal.com Navigation Creating an Account Naming Your Blog/Editing User Info Customizing Your Blog Updating Your Blog Adding.
CSS BASICS. CSS Rules Components of a CSS Rule  Selector: Part of the rule that targets an element to be styled  Declaration: Two or more parts: a.
Workforce Solutions for South Texas’ way to match great Texas employers with great employees. WorkInTexas.com.
Web design criteria University of Stellenbosch. What is on a web page? Navigational elements Text Graphics.
Tailoring Needs Chapter 3. Contents This presentation covers the following: – Design considerations for tailored data-entry screens – Design considerations.
Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.
COMP6703 : eScience Project III ArtServe on Rubens Emy Elyanee binti Mustapha Supervisor: Peter Stradzins Client: Professor Michael.
Web Design, Usability, and Aesthetics 3
Day 9 Navigation Heuristic evaluation. Objectives  Look at some simple rules on navigation  Introduction to Heuristic Evaluation.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)
Why planning? In order to make a successful project good communication is key! The process of planning and designing a project involves many people from.
Adobe Forms THE FORM ELEMENT PANEL. Creating a form using the Adobe FormsCentral is a quick and easy way to distribute a variety of forms including surveys.
Do’s and Don’t Of Web Design BY Julia Butterfield.
Scrap Book of Design Critiques by Rohit Maddipudi HF /03/2013 Bentley University 1.
Go to (County’s website address) and from the top menu put your cursor on Business Resources. Click on Government Procurement from.
Creating a Presentation
Web-designWeb-design. Web design What is it? Web-design features Before…
– Strategies for Effective Navigation Design & Prototype Phases.
Traveler Search Usability Test Results Conducted 4/2-9, 2013 Page 1 Traveler Search (Responsive Design) Usability Test Results Conducted by Jayne Schurick.
Introduction to the WebBoard Terry Dennis. The WebBoard - Our Connection The WebBoard URL is
SAMPLE HEURISTIC EVALUATION FOR 680NEWS.COM Glenn Teneycke.
Creating a PowerPoint Presentation
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
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.
Create Forms Lesson 5. Objectives Software Orientation The Forms group (below) is located on the Create tab in the Ribbon and can be used to create a.
CREATING A POWERPOINT PRESENTATION. Planning a presentation Create a presentation Rearrange and delete text and slides Add animations Add transitions.
How to read a scientific paper
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
 HTML is hypertext markup language. It is a way for people to display their information with more complex pictures and text displays. Before HTML, messages.
Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
1 Object-Oriented Programming (Java), Unit 24 Stand In Final Project Description Kirk Scott.
Websites with good heuristics Irene Wachirawutthichai.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
New Feature Summary New document type –Map: for adding map page for use in event location link for exampleMap –Two Generic Types: for use by types of pages.
By Lauren Mayer WEBSITE RESEARCH. NYLON MAGAZINE WEBSITE Header, this is the title of the website and should be the main attraction. This example had.
Basic Computer Skills For Today’s Job Seeker Presented by Scott Foster And the Valley Christian Center.
RULES TO AVOID BAD DESIGN 1. Don’t annoy your viewers. Don't use frames unless you have to! - Frames are annoying and cause people to lose their way when.
2004/051 >> Supply Chain Solutions That Deliver Users.
Do This file can be found at
Thetimes.co.uk Top level review of subscription & pay wall.
Inserting an Image Using the WordPress media manager, it’s extremely simple to insert, align and link your individual images and image galleries. To insert.
Successful Site Architecture Matt Bailey SiteLogic
Avaya.com Usability Test Findings and Recommendations March 22, 2002 Steve Ellis - Avaya.
HTML5 SEMANTICS TO OR NOT TO THAT IS THE QUESTION BY WILLIAM MURRAY.
MARK3030 Navigational Testing Navigation Design Basics all of the ways that users can move around a site and understand where to go revealed in the appearance.
WEB DESIGN CONCEPTS Brayden Burr. UNDERSTANDING THE CONTENT.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
How to use Drupal Awdhesh Kumar (Team Leader) Presentation Topic.
Reviewing websites DAVE MCDONALD UNIT 13 WEBSITE DEVELOPMENT.
Getting an account with WordPress.com
Job site An Inside Look…
Usability Testing and Web Design
Imran Hussain University of Management and Technology (UMT)
Web-design.
Year 7 E-Me Web design.
Content Best Practices
Creating & Managing for Teaching Purposes
Media Studies Evaluation James wain
Enhancing Student Learning and Retention with Community Partnerships
How to Maintain Your ARS Websites
Website Planning EIT, Author Gay Robertson, 2018.
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
Presentation transcript:

Scott Robinson Vers 1.1 | Craigslist Usability Evaluation Page 1 Introduction Craigslist.com wants to provide community info for the Web. This information includes classifieds, house sale;/rental offerings, community announcements, personal and for the focus of this evaluation, job postings. With some simple redesigned elements, Craigslist.com can increase it suability to is s.f. bay area job seekers. Site & Solutions At A Glance: Craigslist was originally designed with a relatively tech-savvy audience in mind. Because of that, the design is very clean, very Nielsen-like in its sparse and simple design. Due to this aesthetic, the textual display code is where substantial changes can be made for the greatest effect. The changes noted are themed around jobs, and also specifically around how a user understands Craigslist.com is organized. These are mainly grouping solutions, lowering the cognitive load on the user.

Scott Robinson Vers 1.1 | Craigslist Usability Evaluation Page 2 Some additional comments about the home page: Although grouping is done well overall, the title of the page, san francisco bay area, isn't visually attached to the rest of the content. With all of these blocks of text, it is hard to group them accordingly. This site may be for the benefit of tech-savvy users, but the use of a greater-than sign instead of "search" or "go" for the search submit button is unconventional. Also, the search text field is quite limiting due to it small width. One great element on this page is the user of red as a pop-out to show new content areas. Problems Lots of jobs to choose from. On the home page there are 24 groupings of jobs. Job seekers go straight to this section of the page. Once entering the pages of this section, users want to browse around the different job groupings. Since there are 24 of them, your ideal job might not fit into just one of these groupings. For example, would you put a human factors job under "internet engineering jobs", or "web design jobs" or "software jobs"?

Scott Robinson Vers 1.1 | Craigslist Usability Evaluation Page 3 Problems This is where you might get into trouble. There is no one-to-one matching of the original 24 job groupings on the home page, and the 24 job groupings provided in the drop-down menu displayed throughout the jobs section. This inconsistency in language shows a lack of visual momentum, requiring a higher cognitive load on the user to decide what action to take. Redesign The simplest redesign would be to match one on to the other, preferably to match the home page job groupings on to the drop-down menu.

Scott Robinson Vers 1.1 | Craigslist Usability Evaluation Page 4 Problems A job seeker will usually explore the locations of jobs. This step can be confusing due to a design choice. There is no clear hierarchy, on the home page or in the jobs section, of the difference between s.f. bayarea sub- regions (san francisco, south bay, etc.). Even on the top of the jobs pages, the structure, with pipes between each subgroup, is confusing and doesn't help me understand the hierarchy. (There's also too much going on between the breadcrumbs and the list of geographic regions.) Redesign By providing some visual hierarchy—with bold type and indentation—to these elements on the home page this clarification will be made when it is first presented. In addition, providing similar hierarchy in the jobs section (although not in the same vertical design, but still accomplishing the same purpose) it is reiterated and provides redundant information and valuable grouping of information to the user.

Scott Robinson Vers 1.1 | Craigslist Usability Evaluation Page 5 Problems The problem with the locations of jobs comes into play when a user is trying to post a resume. The site requires you to choose a sub-region of the s.f bayarea in order to get to the posting process (it's the first step, shown in the screen shot to the left). But what's the difference between these choices? What, for example, constitutes south bay and not peninsula? Without additional cues, mislabeling could run rampant. (This is especially true if they don't know that s.f. bayarea is the “uber-region” for all of these sub-regions). Redesign Provide a list of cities for reference for each of these sub- regions to help posters get through this process. In addition, a labeled map would help those not knowledgeable of the s.f. bayarea to help them understand the context of the site as a whole. (The map won't help in specific bordering areas unless it's detailed enough—thus the list of cities can help provide specific answers.)