UX and UI.

Slides:



Advertisements
Similar presentations
Webinar December 2012 Presentation by Ulul Ilmi Computer Education and Instructional Technology Fatih University Wireframing & Prototyping UX.
Advertisements

User Interface design Teppo Räisänen
The Art of Interface Design Anne Morgan Spalter. Inter-related Components of Interface Design Task analysis and user testing Software engineering Functional.
Redesigning the Graphical Interface of the CreativeEDU Web Application By Ulysses Lamont Cannon & Hínár György Polczer INLS S ummer 2006.
Part 3: Design Days 15, 19, 21, 23 Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction.
Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.
Usability 2004 J T Burns1 Usability & Usability Engineering.
Principles and Methods
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 20, 2005.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 22, 2004.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 18, 2007.
What is HCI? CSE/ISE 323 Spring 2011 Tony Scarlatos.
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
1 Information Architecture Designing and Organising Digital Information Spaces Part VI. Users & Usability.
Software. Task Time (minutes)  1. Complete self assessment sheet Read through the chapter on software Work through the questions on the.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Interaction Design IxD. An Overview The field : Terms, influences, organizations, jobs. More on defining Interaction Design (IxD)? Principles Design activity.
Usability 2009 J T Burns1 Usability & Usability Engineering.
CS 235: User Interface Design February 17 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Introduction to Usability By : Sumathie Sundaresan.
Colin Clark, Fluid Project Technical Lead, Adaptive Technology Resource Centre, University of Toronto Bridging the Gap: Design & Development in Sakai.
CSCD 487/587 Human Computer Interface Winter 2013 Lecture 3 HCI and Interactive Design.
Usability. Definition of Usability Usability is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers.
What is interaction design? Eileen Kraemer CSCI 4800/6800 University of Georgia.
UI Style and Usability, User Experience Niteen Borge.
CS 235: User Interface Design October 8 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak
1 CP586 © Peter Lo 2003 Multimedia Communication Human Computer Interaction.
Interaction Design John Kelleher. Interaction Design “Designing interactive products to support people in their everyday and working lives” Software.
Windows User Interface and Web User Interface By E. Marlene Graham.
Interaction Design: Overview
The Thunder Down Under: Below the Fold #w2e #thunder.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
Introduction to Usability By : Sumathie Sundaresan.
USER INTERFACE DESIGN (UID). Introduction & Overview The interface is the way to communicate with a product Everything we interact with an interface Eg.
Interaction Design Chapter 1. Good design? Bad design?
What is Computer Software?. Hardware vs Software Got to have both to get the job done!
Design Phase intro & User Interface Design (Ch 8)
User-Centered Design September 14th, Doug Ward, The Centech Group Certified Advanced ColdFusion Developer
INTERACTION DESIGN A Heady Mix of Things SPEC INDIA.
Module: Software Engineering of Web Applications Dr. Samer Odeh Hanna 1.
What Do We Mean by Usability?
Interaction Design IxD
User InsideView Beth Goldman Director of User Experience.
Digital media & interaction design
Module: Software Engineering of Web Applications
User Interface Design and Usability Course Introduction
Interaction qualities
Good and Bad Interfaces
UI & UX DESIGN IS A CRUCIAL PART OF WEB DEVELOPMENT.
Top 5 UX Rules That Every Designer Should Be Aware Of SpencerKinney | Menomonie Web DevelopmentMenomonie Web Development.
CTI Contact Center For CustomerSoft ESP
Introduction to Human Computer Interaction
Introduction & Overview
Module: Software Engineering of Web Applications
Chapter 14 Moving from choosing components into design areas
Software Engineering D7025E
Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.
Fundamentals of Human Computer Interaction (HCI)
Readings 06 Upping Usability.
The Ergonomics of Programming
The User Interface Design Process
CS305, HW1, Spring 2008 Evaluation Assignment
Human Computer Interaction
Module: Software Engineering of Web Applications
10 Rules of Good UI Design to Follow On Every Web Design Project
UI, UX: Who Does What? A Designers guide to the tech industry.
USABILITY PART of UX.
Usability is not an add-on
Upping Usability Building a solid UI Rules for better interfaces
Software Usability and Design
Presentation transcript:

UX and UI

User Experience Meet the exact needs of the customer, without fuss or bother. Simple and elegant Produce products that are a joy to own, a joy to use. Goes beyond what a customer thinks he wants Seamless merging of the services of multiple disciplines

UX Is the overall experience you have when you are using or interacting with something A great user interface is so seamless that we don’t even think about it – we just use it, get what we need, and move on. Bad user experience is much more memorable than good UX The ISO definition for user experience states that user experience is “concerned with all aspects of the user’s experience when interacting with the product, service, environment or facility”. User-Centered Design User Interface (UI) or Graphical User Interface (GUI) Usability Human Factors & Ergonomics Human-Computer Interaction

Usability If something is usable – whether it’s a Web site, a remote control or a revolving door – it means A person of average (or even below average) ability and experience can figure out how to use the thing and accomplish something without it being more trouble than it’s worth. –Steve Krug

Usability Useful Does it do something people need? Usability is defined by 5 quality components: Useful Does it do something people need?

Usability Learnable Can people figure out how to use it? Usability is defined by 5 quality components: Useful Does it do something people need? Learnable Can people figure out how to use it?

Usability Memorable Do they have to relearn it each time they use it? Usability is defined by 5 quality components: Useful Does it do something people need? Learnable Can people figure out how to use it? Memorable Do they have to relearn it each time they use it?

Usability Effective Does it get the job done? Usability is defined by 5 quality components: Useful Does it do something people need? Learnable Can people figure out how to use it? Memorable Do they have to relearn it each time they use it? Effective Does it get the job done?

Usability Desirable Do people want it? Usability is defined by 5 quality components: Useful Does it do something people need? Learnable Can people figure out how to use it? Memorable Do they have to relearn it each time they use it? Effective Does it get the job done? Desirable Do people want it?

Usability And more recently Delightful Usability is defined by 5 quality components: Useful Does it do something people need? Learnable Can people figure out how to use it? Memorable Do they have to relearn it each time they use it? Effective Does it get the job done? Desirable Do people want it? And more recently Delightful Is using it enjoyable, or even fun?

Useful Definition of Utility = whether it provides the features you need. Definition of Usability = how easy & pleasant these features are to use. Definition of Useful = usability + utility.

UI – User Interface User interface (UI) design is the process of making interfaces in software or computerized devices with a focus on looks or style Designers aim to create designs users will find easy to use and pleasurable. Typically refers to graphical user interfaces but also includes others, such as voice- controlled ones. User interfaces are the access points where users interact with designs.

UI vs. UX Design Often confused with UX design, UI design is more concerned with the surface and overall feel of a design, whereas the latter covers the entire spectrum of the user experience. One analogy is to picture UX design as a vehicle with UI design as the driving console. In GUIs, you should create pleasing aesthetics and animations that convey your organization’s values and maximize usability.