SlideShare uma empresa Scribd logo
1 de 11
LaceyWalker
A. Baki Kocaballi
 Overview
 Aims of Field
 Usability
 Satisfy end user and client requirements
 Actors
 Designer
 Client
 End User
 Process
Create
Scenarios
Create
Measurable Goals
Launch
Prototype
Refine Website
Analyze
Results
Research Users
Inventory/Create
Content
Perform
Usability Testing
Create
Usability
Test
Plan
Analyze
Design
Test and
Refine
Develop
a plan
Evaluate Your
Current site
List Site
Requirements
Evaluate
Website
Task
Analysis
Develop Prototype
Website
Conduct Heuristic
Evaluation
Conduct
Test
 Description
 Aims
 Investigate
 Discover
 Understand
 Actors
 Participants
 Researcher
 Collaborators
 Reviewers
 Process
 Role of the Designer
 WUD
▪ Constricted
▪ De-emphasized
 DaR
▪ Reflective practitioner
▪ Flexible
 Outcomes of Design
 WUD
▪ Concrete (website)
▪ Satisfaction of client and end user
 DaR
▪ Knowledge
▪ Insights
 Process
 WUD
▪ Logical succession steps
▪ Concrete
 DaR
▪ Unique
▪ Flexible
Daniel Fallman, (2003) Design-oriented human-computer interaction, Proceedings of the SIGCHI conference on Human factors in computing systemDaniel Fallman, (2003) Design-oriented human-computer interaction, Proceedings of the SIGCHI conference on Human factors in computing system
*Fallman, Daniel. (2003) Design-oriented human-computer interaction, Proceedings
of the SIGCHI conference on Human factors in computing systems, USA.
*Fallman, Daniel. (2003) Design-oriented human-computer interaction,
Proceedings of the SIGCHI conference on Human factors in computing
systems, USA.
Website Usability Design Vs

Mais conteúdo relacionado

Mais procurados

How To Launch A Product No Matter Where You Work By PM From American Express
How To Launch A Product No Matter Where You Work By PM From American ExpressHow To Launch A Product No Matter Where You Work By PM From American Express
How To Launch A Product No Matter Where You Work By PM From American ExpressProduct School
 
Turning Clients into Creative Partners
Turning Clients into Creative PartnersTurning Clients into Creative Partners
Turning Clients into Creative PartnersinMotionNow
 
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!Ektron
 
Uber PM Talks: How To Crack A PM Interview
Uber PM Talks: How To Crack A PM InterviewUber PM Talks: How To Crack A PM Interview
Uber PM Talks: How To Crack A PM InterviewProduct School
 
Maximizing Website Conversion by Advisor Websites & Agendize
Maximizing Website Conversion by Advisor Websites & AgendizeMaximizing Website Conversion by Advisor Websites & Agendize
Maximizing Website Conversion by Advisor Websites & AgendizeBryn Evans
 
Redesign, Refresh or Responsive Retrofit: Choose Your Own Adventure
Redesign, Refresh or Responsive Retrofit: Choose Your Own AdventureRedesign, Refresh or Responsive Retrofit: Choose Your Own Adventure
Redesign, Refresh or Responsive Retrofit: Choose Your Own AdventureEve Simon
 
LoDo Web Internal SMB Presentation
LoDo Web Internal SMB PresentationLoDo Web Internal SMB Presentation
LoDo Web Internal SMB PresentationLoDo Web
 
Prioritization Method for Every Case by fmr Atlassian Principal PM
Prioritization Method for Every Case by fmr Atlassian Principal PMPrioritization Method for Every Case by fmr Atlassian Principal PM
Prioritization Method for Every Case by fmr Atlassian Principal PMProduct School
 
Ecommerce User Experience
Ecommerce User ExperienceEcommerce User Experience
Ecommerce User ExperienceStephen Pratley
 
Uncovering the World of Platform/Backend PM by Skyscanner Sr PM
Uncovering the World of Platform/Backend PM by Skyscanner Sr PMUncovering the World of Platform/Backend PM by Skyscanner Sr PM
Uncovering the World of Platform/Backend PM by Skyscanner Sr PMProduct School
 
Questions to ask any new eCommerce agency
Questions to ask any new eCommerce agencyQuestions to ask any new eCommerce agency
Questions to ask any new eCommerce agencyRachel Blackburn
 
5 Reason Why You Need a Responsive Website - Physio123
5 Reason Why You Need a Responsive Website - Physio1235 Reason Why You Need a Responsive Website - Physio123
5 Reason Why You Need a Responsive Website - Physio123Physio123UK
 
Step by-step guide to email campaign management
Step by-step guide to email campaign managementStep by-step guide to email campaign management
Step by-step guide to email campaign managementPriyanka Suragani
 
Measuring: Blogging Your Brand
Measuring: Blogging Your BrandMeasuring: Blogging Your Brand
Measuring: Blogging Your BrandHighRoad Solution
 
Top 10 reasons you need a custom website
Top 10 reasons you need a custom websiteTop 10 reasons you need a custom website
Top 10 reasons you need a custom websiteSid M
 

Mais procurados (18)

How To Launch A Product No Matter Where You Work By PM From American Express
How To Launch A Product No Matter Where You Work By PM From American ExpressHow To Launch A Product No Matter Where You Work By PM From American Express
How To Launch A Product No Matter Where You Work By PM From American Express
 
Turning Clients into Creative Partners
Turning Clients into Creative PartnersTurning Clients into Creative Partners
Turning Clients into Creative Partners
 
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!
Ektron Synergy 2014 - How to Create the Best Landing Pages Ever!
 
Uber PM Talks: How To Crack A PM Interview
Uber PM Talks: How To Crack A PM InterviewUber PM Talks: How To Crack A PM Interview
Uber PM Talks: How To Crack A PM Interview
 
Maximizing Website Conversion by Advisor Websites & Agendize
Maximizing Website Conversion by Advisor Websites & AgendizeMaximizing Website Conversion by Advisor Websites & Agendize
Maximizing Website Conversion by Advisor Websites & Agendize
 
Show Me the Money!
Show Me the Money!Show Me the Money!
Show Me the Money!
 
Redesign, Refresh or Responsive Retrofit: Choose Your Own Adventure
Redesign, Refresh or Responsive Retrofit: Choose Your Own AdventureRedesign, Refresh or Responsive Retrofit: Choose Your Own Adventure
Redesign, Refresh or Responsive Retrofit: Choose Your Own Adventure
 
LoDo Web Internal SMB Presentation
LoDo Web Internal SMB PresentationLoDo Web Internal SMB Presentation
LoDo Web Internal SMB Presentation
 
Prioritization Method for Every Case by fmr Atlassian Principal PM
Prioritization Method for Every Case by fmr Atlassian Principal PMPrioritization Method for Every Case by fmr Atlassian Principal PM
Prioritization Method for Every Case by fmr Atlassian Principal PM
 
Ecommerce User Experience
Ecommerce User ExperienceEcommerce User Experience
Ecommerce User Experience
 
Uncovering the World of Platform/Backend PM by Skyscanner Sr PM
Uncovering the World of Platform/Backend PM by Skyscanner Sr PMUncovering the World of Platform/Backend PM by Skyscanner Sr PM
Uncovering the World of Platform/Backend PM by Skyscanner Sr PM
 
Questions to ask any new eCommerce agency
Questions to ask any new eCommerce agencyQuestions to ask any new eCommerce agency
Questions to ask any new eCommerce agency
 
Does Your Website Stink?
Does Your Website Stink?Does Your Website Stink?
Does Your Website Stink?
 
5 Reason Why You Need a Responsive Website - Physio123
5 Reason Why You Need a Responsive Website - Physio1235 Reason Why You Need a Responsive Website - Physio123
5 Reason Why You Need a Responsive Website - Physio123
 
Step by-step guide to email campaign management
Step by-step guide to email campaign managementStep by-step guide to email campaign management
Step by-step guide to email campaign management
 
Quality Content - The game Maker
Quality Content  - The game Maker Quality Content  - The game Maker
Quality Content - The game Maker
 
Measuring: Blogging Your Brand
Measuring: Blogging Your BrandMeasuring: Blogging Your Brand
Measuring: Blogging Your Brand
 
Top 10 reasons you need a custom website
Top 10 reasons you need a custom websiteTop 10 reasons you need a custom website
Top 10 reasons you need a custom website
 

Semelhante a Website Usability Design Vs

Danforth Media Capabilities
Danforth Media CapabilitiesDanforth Media Capabilities
Danforth Media CapabilitiesDanforth
 
The Agile Drupalist - Methodologies & Techniques for Running Effective Drupal...
The Agile Drupalist - Methodologies & Techniques for Running Effective Drupal...The Agile Drupalist - Methodologies & Techniques for Running Effective Drupal...
The Agile Drupalist - Methodologies & Techniques for Running Effective Drupal...Adrian Jones
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Jeremy Johnson
 
Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13Robert Stribley
 
Introduction to Information Architecture & Design - SVA Workshop 02/15/14
Introduction to Information Architecture & Design - SVA Workshop 02/15/14Introduction to Information Architecture & Design - SVA Workshop 02/15/14
Introduction to Information Architecture & Design - SVA Workshop 02/15/14Robert Stribley
 
Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13Robert Stribley
 
Building a Solid Foundation: Usability & Information Architecture WIAD Tampa ...
Building a Solid Foundation: Usability & Information Architecture WIAD Tampa ...Building a Solid Foundation: Usability & Information Architecture WIAD Tampa ...
Building a Solid Foundation: Usability & Information Architecture WIAD Tampa ...Karen Bachmann
 
Introduction to Information Architecture & Design - SVA Workshop 12/07/13
Introduction to Information Architecture & Design - SVA Workshop 12/07/13Introduction to Information Architecture & Design - SVA Workshop 12/07/13
Introduction to Information Architecture & Design - SVA Workshop 12/07/13Robert Stribley
 
Andrew Russell Resume - Change Leadership (2016)
Andrew Russell Resume - Change Leadership (2016)Andrew Russell Resume - Change Leadership (2016)
Andrew Russell Resume - Change Leadership (2016)Andrew Russell
 
Integrating SEO into Development - Proseo
Integrating  SEO into Development - ProseoIntegrating  SEO into Development - Proseo
Integrating SEO into Development - ProseoAlex Craven
 
Audits and Inventories: How To Mise en Place Your University's Website Redesign
Audits and Inventories: How To Mise en Place Your University's Website RedesignAudits and Inventories: How To Mise en Place Your University's Website Redesign
Audits and Inventories: How To Mise en Place Your University's Website RedesignChristina Olivas
 
Information Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designerInformation Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designerAdam Polansky
 
Design i/o - Creating Visual Interfaces for Digital Systems
Design i/o - Creating Visual Interfaces for Digital SystemsDesign i/o - Creating Visual Interfaces for Digital Systems
Design i/o - Creating Visual Interfaces for Digital SystemsCantina
 
Web Site Redesign
Web Site RedesignWeb Site Redesign
Web Site RedesignNima Niakan
 
From the Trenches: Building the Accessible Web
From the Trenches: Building the Accessible WebFrom the Trenches: Building the Accessible Web
From the Trenches: Building the Accessible WebEffectiveUI
 
How to Integrate UX and Agile
How to Integrate UX and AgileHow to Integrate UX and Agile
How to Integrate UX and AgileUserZoom
 
How to Plan For and Manage a Successful Web Redesign Project
How to Plan For and Manage a Successful Web Redesign Project How to Plan For and Manage a Successful Web Redesign Project
How to Plan For and Manage a Successful Web Redesign Project Matt Herzberger
 
Sitecore’s Federated Experience Manager: Keeping the Customer at the Center o...
Sitecore’s Federated Experience Manager: Keeping the Customer at the Center o...Sitecore’s Federated Experience Manager: Keeping the Customer at the Center o...
Sitecore’s Federated Experience Manager: Keeping the Customer at the Center o...Connective DX
 
Unconference: How to Get Your Design Built the Way You Designed - Kevin Crawford
Unconference: How to Get Your Design Built the Way You Designed - Kevin CrawfordUnconference: How to Get Your Design Built the Way You Designed - Kevin Crawford
Unconference: How to Get Your Design Built the Way You Designed - Kevin CrawfordUXPA International
 

Semelhante a Website Usability Design Vs (20)

Danforth Media Capabilities
Danforth Media CapabilitiesDanforth Media Capabilities
Danforth Media Capabilities
 
The Agile Drupalist - Methodologies & Techniques for Running Effective Drupal...
The Agile Drupalist - Methodologies & Techniques for Running Effective Drupal...The Agile Drupalist - Methodologies & Techniques for Running Effective Drupal...
The Agile Drupalist - Methodologies & Techniques for Running Effective Drupal...
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*
 
Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13
 
Introduction to Information Architecture & Design - SVA Workshop 02/15/14
Introduction to Information Architecture & Design - SVA Workshop 02/15/14Introduction to Information Architecture & Design - SVA Workshop 02/15/14
Introduction to Information Architecture & Design - SVA Workshop 02/15/14
 
Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13
 
Building a Solid Foundation: Usability & Information Architecture WIAD Tampa ...
Building a Solid Foundation: Usability & Information Architecture WIAD Tampa ...Building a Solid Foundation: Usability & Information Architecture WIAD Tampa ...
Building a Solid Foundation: Usability & Information Architecture WIAD Tampa ...
 
Introduction to Information Architecture & Design - SVA Workshop 12/07/13
Introduction to Information Architecture & Design - SVA Workshop 12/07/13Introduction to Information Architecture & Design - SVA Workshop 12/07/13
Introduction to Information Architecture & Design - SVA Workshop 12/07/13
 
Andrew Russell Resume - Change Leadership (2016)
Andrew Russell Resume - Change Leadership (2016)Andrew Russell Resume - Change Leadership (2016)
Andrew Russell Resume - Change Leadership (2016)
 
Integrating SEO into Development - Proseo
Integrating  SEO into Development - ProseoIntegrating  SEO into Development - Proseo
Integrating SEO into Development - Proseo
 
Audits and Inventories: How To Mise en Place Your University's Website Redesign
Audits and Inventories: How To Mise en Place Your University's Website RedesignAudits and Inventories: How To Mise en Place Your University's Website Redesign
Audits and Inventories: How To Mise en Place Your University's Website Redesign
 
Information Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designerInformation Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designer
 
Design i/o - Creating Visual Interfaces for Digital Systems
Design i/o - Creating Visual Interfaces for Digital SystemsDesign i/o - Creating Visual Interfaces for Digital Systems
Design i/o - Creating Visual Interfaces for Digital Systems
 
Web Site Redesign
Web Site RedesignWeb Site Redesign
Web Site Redesign
 
Quigley_primer
Quigley_primerQuigley_primer
Quigley_primer
 
From the Trenches: Building the Accessible Web
From the Trenches: Building the Accessible WebFrom the Trenches: Building the Accessible Web
From the Trenches: Building the Accessible Web
 
How to Integrate UX and Agile
How to Integrate UX and AgileHow to Integrate UX and Agile
How to Integrate UX and Agile
 
How to Plan For and Manage a Successful Web Redesign Project
How to Plan For and Manage a Successful Web Redesign Project How to Plan For and Manage a Successful Web Redesign Project
How to Plan For and Manage a Successful Web Redesign Project
 
Sitecore’s Federated Experience Manager: Keeping the Customer at the Center o...
Sitecore’s Federated Experience Manager: Keeping the Customer at the Center o...Sitecore’s Federated Experience Manager: Keeping the Customer at the Center o...
Sitecore’s Federated Experience Manager: Keeping the Customer at the Center o...
 
Unconference: How to Get Your Design Built the Way You Designed - Kevin Crawford
Unconference: How to Get Your Design Built the Way You Designed - Kevin CrawfordUnconference: How to Get Your Design Built the Way You Designed - Kevin Crawford
Unconference: How to Get Your Design Built the Way You Designed - Kevin Crawford
 

Website Usability Design Vs

  • 2.  Overview  Aims of Field  Usability  Satisfy end user and client requirements  Actors  Designer  Client  End User  Process
  • 3. Create Scenarios Create Measurable Goals Launch Prototype Refine Website Analyze Results Research Users Inventory/Create Content Perform Usability Testing Create Usability Test Plan Analyze Design Test and Refine Develop a plan Evaluate Your Current site List Site Requirements Evaluate Website Task Analysis Develop Prototype Website Conduct Heuristic Evaluation Conduct Test
  • 4.  Description  Aims  Investigate  Discover  Understand  Actors  Participants  Researcher  Collaborators  Reviewers  Process
  • 5.
  • 6.  Role of the Designer  WUD ▪ Constricted ▪ De-emphasized  DaR ▪ Reflective practitioner ▪ Flexible
  • 7.  Outcomes of Design  WUD ▪ Concrete (website) ▪ Satisfaction of client and end user  DaR ▪ Knowledge ▪ Insights
  • 8.  Process  WUD ▪ Logical succession steps ▪ Concrete  DaR ▪ Unique ▪ Flexible
  • 9. Daniel Fallman, (2003) Design-oriented human-computer interaction, Proceedings of the SIGCHI conference on Human factors in computing systemDaniel Fallman, (2003) Design-oriented human-computer interaction, Proceedings of the SIGCHI conference on Human factors in computing system *Fallman, Daniel. (2003) Design-oriented human-computer interaction, Proceedings of the SIGCHI conference on Human factors in computing systems, USA.
  • 10. *Fallman, Daniel. (2003) Design-oriented human-computer interaction, Proceedings of the SIGCHI conference on Human factors in computing systems, USA.

Notas do Editor

  1. Lacey Present
  2. Lacey
  3. Lacey
  4. Baki
  5. Baki
  6. Lacey
  7. Lacey, but Baki jump in at end of DaR comparison
  8. Lacey
  9. Baki
  10. Baki