We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byKieran Sanburn
Modified over 2 years ago
© 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!
© 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
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
1 2. DEFINING NURTURE. 2 Science of Nurture within Marketing Context Lead Create Response Generation RESPONSE NURTURE Lead Progress Lead Nurture Close.
Webinar December 2012 Presentation by Ulul Ilmi Computer Education and Instructional Technology Fatih University Wireframing & Prototyping UX.
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.
© COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL 1 APAC Idea Engineer POC Primer.
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.
Structure and Function: IA for Web Applications. Innovate - For What’s Next™ ©1999 Scient, Proprietary and Confidential Page 2 Structure - IA with content.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
Module 6 Part 1 Introduction To Multimedia. Module Objectives At the end of the module, students should be able to: –Understand the fundamental concepts.
User Experience Krista Van Laan. Agenda What is User Experience? How does a User Experience team support the rest of the organization? What processes.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
1 CMPT 275 Software Engineering Phase: Design High level design activity.
For a Good User Experience UX Design Goals, Methods, Tools & Tales William Washington | Washington Kevin Makice| Indiana Kuali Student UX.
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.
Scott Robinson User Experience Designer Web & Software Development Presentation January 2005.
User Interface Design Process Lecture # 6. CS Structure Understand the User Interface Design the User Interface Evaluate the User Interface.
1 Design, Prototyping, and Evaluation in Developing Countries Jen Mankoff, Assistant Professor EECS.
UNIVERSITI TENAGA NASIONAL “Generates Professionals” MODULE 6 : Part 1 INTRODUCTION TO MULTIMEDIA.
Design process. Design briefs Investigating Designing Producing Analysing and evaluating Design process wall charts.
Copyright © 2014 ICT Inspires Ltd. All Rights Reserved. ICT (Computing) Subject Leader Course Session 2: Broader.
User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals.
DESIGNING FOR MOBILE EARLY STAGE UX DESIGN PROCESS.
Melika sefidary DEVELOPMENT WITH(OUT) ARCHITECTURE.
UCD at PeopleSoft | Jeff English & Scott Robinson | User Experience, Supply Chain Management UCD at PeopleSoft ISE 298 Professional Seminar San Jose State.
+ Privileged & Confidential Page 1 + Rich User Experience Documentation John Yesko.
Information Architecture. Information architecture Information architecture is the science — some would insist art — of defining the design of organization.
SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.
Carbide.c++ for Symbian OS development Usability testing audience Novice C++ developers C++ developers experienced with Visual Studio and embedded tools.
Enterprise Mobility ‘Mobile First’ strategy for your Business EMPOWERING BUSINESS TRANSFORMATION.
A Project Guide to UX Design: For User Experience Designers in the Field or in the Making Russ Unger Carolyn Chandler.
DESIGNING FOR MOBILE Lunch & Learn Series | February 20, 2014.
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Class Four.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
Design Problems Limited Market Too Many Other Devices No Standard Design Among Devices.
IS3320 Developing and Using Management Information Systems Lecture 21: Usability, User Experience and Testing Rob Gleasure
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
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.
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.
User Interface Gary Schneider IT Program Manager August 13,
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.
WOLFF OLINS Wolff Olins Technology February 2015 © Wolff Olins 2014.
IndusInd Bank – My Account My Number https://myaccount.indusind.com/
3.02E Designing and Development of Multimedia Titles 3.02 Demonstrate interactive multimedia presentations.
V v USABILITY 30 April UX Team of One Basic question: who are your core audience, what do they need, and what do they want to accomplish? Share.
A Blueprint for Successful Web Sites Information Architecture & Web Design Web June 18, 2003 Beth Bailey Kim Eke Elizabeth Pyatt.
© 2017 SlidePlayer.com Inc. All rights reserved.