Designing iPhone User Experience A User-Centered Approach to Sketching and Prototyping iPhone Apps.

Slides:



Advertisements
Similar presentations
Mobile at USC Common Solutions Group University of Minnesota, June 2011.
Advertisements

Roles of an Engineering Drawing. TOPICS Graphics language in Engineering Design Process Computer-Aided Drafting & Design (CADD)
© 2006 Autodesk1 A Passion to Serve Your Customers Melanie Allen GBU Technical Publications.
DiscoverDefineDesignDevelopDeliver PROCESS TM. Intelligaia Technology confidential & proprietary Discover Overview: Gather information, brainstorm, competitive.
The Fastest Growing Mobile Marketing Platform on the Planet!
Location Based Social Networking For All Presenter: Danny Swisher.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Prototyping Teppo Räisänen
Welcome to Travel Incorporated’s Concur ‘Experienced User’ Webinar.
First of all, some context MOBILE USER EXPERIENCE inspiring new ways of design and development Antony Ribot, CEO, Ribot.
Chapter 13: Designing the User Interface
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 1 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 1: Setting Project.
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.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
Team Crutch. Vision Statement Team crutch aims to develop portable, inexpensive, user-friendly software for the Android platform that mitigates communication.
To arrange an interview, please contact at or call SANJAY KUMAR DEY Cell: I am UI & Gui Designer,
CS378 - Mobile Computing App Project Overview. App Project Teams of 2 or 3 students Develop an Android application of your choosing subject to instructor.
What is Design? Why does it matter? David Vronay Research Manager Windows UI Strategy Microsoft, Inc.
Introduction CIS 136 Building Mobile Apps 1. What is a mobile app? 2  Computer program  Designed for small devices  Smartphones  Tablets  Other handhelds.
Copyright © 2003 Pearson Education, Inc. Chapter 8 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
DMS 546/446 INTERFACE DESIGN AL LARSEN – SPRING 2008 PAPER PROTOTYPING Lecture draws from multiple sources, including: Jakob Nielsen, Shawn Medero (
Output and User Interface Design
Game Interface Design by Brent Fox
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
1 Designing Gestural Interfaces Eduard Martorell A book by Dan Saffer 22/10/2010.
User-Centered Design Week 4. Agenda 5:30 – Team Stand Up 5:40 – User-Centered Design 6:15 – Activities: Usability Testing 7:25 – Ongoing Offsite Activities.
Heuristic evaluation Functionality: Visual Design: Efficiency:
TECH TALK & WORKSHOP 1 NAZMUL DEVELOPER IZABEL DESIGNER.
Graphical User Interface (GUI) Web site Team Matix Proposal GC 215: Web Publishing.

Mobile website designing is one of the latest emerging technologies which are capable to be fit for wide range of devices. Line Focus delivers highly.
中文通 ChinesePad Learn Chinese on iPad – Fun, Easy and Fast Frank Su Co-founder & CEO.
HCI Design Process CS774 Human-Computer Interaction Spring 2004.
MODUL 2: KEY POINTS IN DEVELOPING ANDROID APPS Studio Mobile Content Development IMTelkom 2012.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
Northwest ILL 2015 Ryan Litsey and Kenny Ketner BOOK RAIDER.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
Emotional Design Jim Foley February Problem! What don’t guidelines, styleguides, patterns address? ??????? UI Design - Georgia Tech2.
By David Rose. THE GENERALIST WHY UI ARTISTS ARE IMPORTANT Provide valuable information to the player Help carry the story-line/mood of the game UI can.
The New Pharmaceutical Audio & Video Player The interactive learning tool that is full of possibilities! from CMO Digital.
User-Centered Design Week 4. Agenda 5:30 – Team Stand Up 5:40 – User-Centered Design 6:10 – User Interface Research Activity 6:30 – Paper Prototyping.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
©2001 Southern Illinois University, Edwardsville All rights reserved. Today Wednesday Running A Paper Prototyping Session Paper Prototyping Video: Paper.
IWebKit Easy to use framework Available free for non- commercial use New version under development.
Desinging the User Interface Dr. Dania Bilal IS582 Spring 2008.
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
Meet Meetings with a purpose.. Meet: The Team Derin D. Dartis W. Lorena H.L. Peter W. Engineering UX/UI PM Engineering.
Group 3. Attention Nice animated graphic Creating out of the ordinary scenario (unfolding car in the house)
 Expensive, inconvenient, and it pollutes the environment.  And it is getting worse!
High Fidelity Prototype Presentation Red Team. Requirements.
If you are thinking about developing mobile application for your customer, this is an important aspect to consider the platform.
Sitecore. Compelling Web Experiences Page 1www.sitecore.net Patrick Schweizer Director of Sales Enablement 2013.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
Interaction Design Workshop BIME 591 Winter 2014.
INTRODUCING HYBRID APP KAU with MICT PARK IT COMPANIES Supported by KOICA
10 Mobile Application Framework Must Know to Launch New App.
© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.
User-Centered Design Services for MSU Web Teams Sarah J. Swierenga, Director Usability & Accessibility Center MSU Webmasters 402 Computer Center February.
User InsideView Beth Goldman Director of User Experience.
Your Personal Workout Coach
UI/UX Design and Implementation
Prototyping.
Principles of User Experience Design
Team Friendship Minmin, Santos, Andrés
ANDROID. There are so many applications that run well today on various android mobile devices and different-2 languages can be used for designing such.
UI, UX: Who Does What? A Designers guide to the tech industry.
Low-fi Prototyping & Pilot Usability Testing
User Interface Often overlooked.
Shane B., Esther K., Curtis S., Jennifer W.
Presentation transcript:

Designing iPhone User Experience A User-Centered Approach to Sketching and Prototyping iPhone Apps

REALTOR.com

Designed by Cliff Williams and his team. Open brain storming and continuous refinement of the proof of the concept app. creating a giant library of screenshot Challenge: presenting a breadth of choices at the expense of a crisp, simple workflow. Usability Tests to make it easy use.  Suggestions:  Learning bounds of API and Capabilities of the Platform.  If you’re not developing the app yourself, learn to speak the same language as the folks who are.  Reading Apple’s Human Interface Guide Lines.

Sonos

Designed by Rob Lambourne at Sonos. Identifying and understanding our customers. Sketched designs and made prototypes. Built a quick wireframe UI prototype in Adobe Flash and ran on a Nokia touchscreen device to get a sense of the flow of the inter-face. Challenge: presenting powerful functionality in a way that everyone in a home (not just the tech-savvy people) should be able to understand and use. Fat finger problems and confusing navigations Suggestion: Focus on simplicity and don’t try to overwhelm the users.

FlightTrack

Designed by Benjamin Kazez. Pencil sketches of various user interface possibilities and fitting flight summary on the screen by omitting data. Challenge: deciding information which is most prominent and animating other data around it.  Suggestions:  Getting external content to work with the iPhone.  Staying in Touch with customers.  Identifying and implementing widely requested features.

USA Today

Designed and Developed by Mercury Intermedia.  Challenges:  Making app look similar to Website and news paper.  Usability while employing nonstandard approaches.  Suggestions:  If the nonstandard approach doesn’t make the application easier to use or desired functionality quicker to access, it’s best to stick to the Human Interface Guidelines  Staying in touch with customers and taking their help when ever it is necessary.

Convertbot

Designed by Mark Jardine and developed by Poul Haddad at TapBots. Inspired by WALL-E movie and design resembles Eve from the movie. Designing by breaking app into interaction points like category, convert from, convert to, and value. Challenge: creating visually compelling app by diverging from the Human Interface Guidelines and getting it approved by AppStore.  Don’t diverge from HIG just for sake of it.