© LINE Communications 2014 25 years of transforming business through learning innovation User Experience (UX) 29 th January 2014.

Slides:



Advertisements
Similar presentations
User Experience Krista Van Laan. Agenda What is User Experience? How does a User Experience team support the rest of the organization? What processes.
Advertisements

UX Portfolio Derek Smith. Overview Slides to walk through the UX activities of a sample project Present key design elements of the sample project Some.
Scott Robinson User Experience Designer Web & Software Development Presentation January 2005.
CMPT 275 Software Engineering
Webinar December 2012 Presentation by Ulul Ilmi Computer Education and Instructional Technology Fatih University Wireframing & Prototyping UX.
Copyright © 2014 ICT Inspires Ltd. All Rights Reserved. ICT (Computing) Subject Leader Course Session 2: Broader.
1 Design, Prototyping, and Evaluation in Developing Countries Jen Mankoff, Assistant Professor EECS.
A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
User Interface Gary Schneider IT Program Manager August 13,
© COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL 1 APAC IDEA ENGINEER POC PRIMER.
IndusInd Bank – My Account My Number
3.02E Designing and Development of Multimedia Titles 3.02 Demonstrate interactive multimedia presentations.
For a Good User Experience UX Design Goals, Methods, Tools & Tales William Washington | Washington Kevin Makice| Indiana Kuali Student UX.
Using Activity Descriptions to Generate User Interfaces for ERP Software 22 nd July 2009.
MIS 385/MBA 664 Systems Implementation with DBMS/ Database Management Dave Salisbury ( )
 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.
SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.
Web Design, Usability, and Aesthetics 2 Billboard Design 101 “Designing pages for scanning not reading” Notes from book “Don’t Make Me Think: by Steve.
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
The Software Product Life Cycle. Views of the Software Product Life Cycle  Management  Software engineering  Engineering design  Architectural design.
The database development process
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
Design process. Design briefs Investigating Designing Producing Analysing and evaluating Design process wall charts.
User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals Understand who are the users and what do they do Articulate how will users.
Enterprise Mobility ‘Mobile First’ strategy for your Business
Remedy, a BMC Software company Storyboarding the User Interface: Blueprint for an Application Shanaz Kanga | Michele Sarko Sr. UI Design Engineer | Manager,
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.
Design Problems  Limited Market  Too Many Other Devices  No Standard Design Among Devices.
User Interface Design Process Lecture # 6. CS Structure  Understand the User Interface  Design the User Interface  Evaluate the User Interface.
WOLFF OLINS Wolff Olins Technology February 2015 © Wolff Olins 2014.
DESIGNING FOR MOBILE Lunch & Learn Series | February 20, 2014.
4.5 Multimedia Production. Learning Outcome 1. Design the structure and user interface for a multimedia project. 2. Produce a successful multimedia project.
Introduction To Multimedia
User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals.
Information Architecture The science of figuring out what you want your Web site to do and then constructing a blueprint before you dive in and put the.
Design Quotes "The two most important tools an architect has are the eraser in the drawing room and the sledge hammer on the construction site." —Frank.
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
Android Design Patterns: Interaction Design Solutions for Developers Introduction Summary by Kirk Scott.
A Project Guide to UX Design:
Interacting with IT Systems Fundamentals of Information Technology Session 5.
Interaction Design Research to Industry Peter Reid.
Web Design with HTML & CSS Lesson 1. Planning Your Website   Good design comes from decisions that designers make in order to have a certain effect.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
Design Quotes  "The two most important tools an architect has are the eraser in the drawing room and the sledge hammer on the construction site." —Frank.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
UCD at PeopleSoft | Jeff English & Scott Robinson | User Experience, Supply Chain Management UCD at PeopleSoft ISE 298 Professional Seminar San Jose State.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
© COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL 1 APAC Idea Engineer POC Primer.
Design Quotes  "The two most important tools an architect has are the eraser in the drawing room and the sledge hammer on the construction site." —Frank.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
Web Development Process The Site Development Process Site Construction is one of the last steps.
A Blueprint for Successful Web Sites Information Architecture & Web Design Web June 18, 2003 Beth Bailey Kim Eke Elizabeth Pyatt.
DESIGNING FOR MOBILE EARLY STAGE UX DESIGN PROCESS.
Structure and Function: IA for Web Applications. Innovate - For What’s Next™ ©1999 Scient, Proprietary and Confidential Page 2 Structure - IA with content.
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Class Four.
UNIVERSITI TENAGA NASIONAL “Generates Professionals” MODULE 6 : Part 1 INTRODUCTION TO MULTIMEDIA.
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
IS3320 Developing and Using Management Information Systems Lecture 21: Usability, User Experience and Testing Rob Gleasure
1 2. DEFINING NURTURE. 2 Science of Nurture within Marketing Context Lead Create Response Generation RESPONSE NURTURE Lead Progress Lead Nurture Close.
Information Architecture. Information architecture  Information architecture is the science — some would insist art — of defining the design of organization.
If you joined the training via telephone, please select Telephone and enter your audio pin if you haven’t already. If you joined with a microphone and.
Melika sefidary DEVELOPMENT WITH(OUT) ARCHITECTURE.
Carbide.c++ for Symbian OS development Usability testing audience Novice C++ developers C++ developers experienced with Visual Studio and embedded tools.
The Systems Engineering Context
Driving Digital Business with SAP Digital Business Services
User Interface(UI) Developer Skills & Responsibilities.
Finding your way: The accessibility considerations for Digital Signage and Wayfinding November 2018.
Phases of Designing a Website
UI, UX: Who Does What? A Designers guide to the tech industry.
Visiting Deloitte’s Center for Innovation
Presentation transcript:

© LINE Communications years of transforming business through learning innovation User Experience (UX) 29 th January 2014

Today  The importance of UX  What is UXD?  Why UXD matters  The experience of users  Future thinking

© LINE Communications 2014 The importance of UX is growing © 2004 Scott Adams Inc. Today’s users demand more …

© LINE Communications 2014 The importance of UX is growing Today’s users demand more …  Digital applications have become hugely more complex as our industry’s technologies and methodologies progress.  What used to be a one-way static medium has evolved into a rich and interactive experience.  But today an application's success hinges on just one thing: how users feel about it © 2004 Scott Adams Inc.

© LINE Communications 2014 The importance of UX is growing  Digital devices have richer functionality  More form factors and screen sizes  Increasing need to access more complex data  Its about the holistic system

© LINE Communications 2014 How we used to work Before we and our clients understood the value of user- centered design, there was little or no science behind what designers did. We used to make design decisions based on:  what we thought looked good  what the client said they wanted

UX design Vs. Visual (UI) design

© LINE Communications 2014

Booking a flight… Well-known airline #1 Well-known airline #2 Great Experience is about Control: The worst feeling in the world is to feel out of control.

© LINE Communications 2014

UX Design is not…

…only concerned with visual design. UX Design is not…

© LINE Communications 2014 …about technology. UX Design is not…

© LINE Communications 2014 …just about the user. UX Design is not…

© LINE Communications 2014 …optional UX Design is not…

Why UXD matters

© LINE Communications 2014 “You can use an eraser on the drafting table or a sledge hammer on the construction site” Frank Lloyd Wright (a REAL architect)

© LINE Communications 2014 UX process Sketch flows and navigation maps define the UX Learning architecture define the whole experience Wireframes highlight layout and navigation UI Personas aid the learning design Use cases illuminate the system requirements

© LINE Communications 2014 Sketching out the UI

© LINE Communications 2014 Design – Lenses and outputsSKETCHSKETCH CONCEPTSCONCEPTS MAPMAP Rapid sketched, heavily iterated Storyboard or map the user journey Visual concepts based on brand Workshop to sketch Storyboards Personas User journeys Visual concepts

© LINE Communications 2014 What’s the value? Increased product quality Reduced maintenance and post launch bug fixes Avoids rework Reduced testing and quality assurance costs Risk Management: avoids costly errors Improve product value: Better products lead to greater market share Reduced training and maintenance costs Embedded product within the business, and spreads it’s value to others Satisfied Users

© LINE Communications Questions to ask about a UX project 1.What is the business goal? 2.What is the strategy? 3.Who are all of the audience groups? 4.What are your audience requirements? 5.What will success look like? 6.How does it make money? 7.How are you solving the end-user 'problem'? 8.What context will this be used in? 9.What mindset is the user in?

Personas & Use Cases

© LINE Communications 2014 Why do we need Use Cases?  Because there is less of …  And more of …

© LINE Communications 2014 Why do we need Use Cases?  Because the old order of content …  Is now replaced and context is king…

© LINE Communications 2014 Large screen, keyboard and mouse for input Seated, predictable environment

© LINE Communications 2014 UI takes up entire screen, difficult to multi-task. Variable context and environment

© LINE Communications 2014 Larger screen size, longer session time, more immersive tasks Variable context and environment

The experience of users

© LINE Communications 2014 User eXperience Design Is all about:  Knowing your audience  Understanding the barriers your audience will face  Knowing what will make your audience happy  Plotting how your solution maps to their journey “User experience isn’t a layer or component of a product or service. It’s really about the design of whole systems and their interconnections.” Andrew Hinton (Senior Information Architect at Vanguard)

© LINE Communications 2014 Know your audience Who they are? What do they need? What motivates them?

© LINE Communications 2014 Don’t make me think! Obvious Requires thought Click! “Is that a button?” “I can’t find what I need” Exits Interactivity Click!

Future thinking

© LINE Communications 2014 It won’t get easier… With new form factors and navigation modes

© LINE Communications 2014 Get in touch Steve Barden Lead Consultant Paul Thorpe Head of Visual & UX Design Stand 38