Designing the iPhone User Interfaces – Case Studies (1 – 6) Presenter: Tony Chiou.

Slides:



Advertisements
Similar presentations
2006 Adobe Systems Incorporated. All Rights Reserved. 1 End-user programming and Flash Jen deHaan Sr. Technical Writer April 23 rd 2006.
Advertisements

Chapter 5 Development and Evolution of User Interface
Design, prototyping and construction
To Make the Teachers Life Easier Gail Lanham Melanie Roberts KYSTE Conference 2013 FREE APPS & WEBSITES.
Whiteboard Content Sharing Audio Video PollsRecordingMeet Now Skype Integration MS Lync 2013 Tools & Tips for facilitators… Limitations Alternatives One.
By: Rachel Hall and Amy Austin.  Grade: All levels  Price  Host App: $24.99  Student App: free (allows up to 32 students)  Location: App Store 
Social Media.
Collaborating Using Health Sciences Classroom Technology David Kaus Howard Community College.
The New Charity Partner Music & Video Player The interactive event tool that is full of possibilities! from CMO Digital.
Whiteboard Content Sharing Audio Video Text Chat Polls & Recording Meet Now Skype Integration MS Lync 2013 Features, Tools & Tips for facilitators… Limitations.
Computing Fundamentals Module A © CCI Learning Solutions Inc. 1 Unit 1: Recognizing Computers Lesson Topic 1Computers All Around Us 2Elements of a Personal.
Remedy, a BMC Software company Storyboarding the User Interface: Blueprint for an Application Shanaz Kanga | Michele Sarko Sr. UI Design Engineer | Manager,
Starting AppInventor in the Classroom Dale CAS Conference June 2011.
MULTIMEDIA SYSTEM.
Design Problems  Limited Market  Too Many Other Devices  No Standard Design Among Devices.
Designing Lesson Plans Laying the Groundwork for a successful experience for all.
The App Store is a type of digital distribution platform for application software. Often provided as a component on a personal Mac computer, iPhone, iPad,
Eric Hamilton, Assistant Principal of Curriculum & Instruction Paul Wakefield, Network Engineer Alice Schmitz, Instructional Technologist S.T.A.R. = Name.
Said Achmiz, Alexander Gountras, Xinxin He. Problem Space Currently users in the home, performing a manually intensive task, do not have an easy and efficient.
The New Corporate Training Audio & Video Player The interactive learning tool that is full of possibilities! from CMO Digital.
The New Medical Device Audio & Video Player The interactive learning tool that is full of possibilities! from CMO Digital.
PDF Wikispaces Blogging PBWorks You are now ready to cut the red ribbon and unveil your project to your intended audience.
Designing and Producing a Website for a New Band Planning and Designing your production.
Introduction to Interactive Media 02. The Interactive Media Development Process.
Instructional Design Brian Newberry. Instructional Design Instructional Design is a systematic process for the creation of educational resources.
Building a Solid Marketing Foundation for Home Care Services Seven Basic Steps to Marketing Success Presented by….
TAKING CONTROL OF THE KNOWLEDGE FLOW BY USING SELF-SERVICE AND KCS - Rob Matheson.
User Centered Design Lesson 4. Check in Now you have survey results from ~20 people Share interesting results or trends from your surveys.
Safe Mobile Devices Designs Kristen Kuron JMA464; Dr. Gibbs Prototype A Prototype B.
Overview Prototyping and construction Conceptual design
Design, prototyping and construction CSSE371 Steve Chenoweth and Chandan Rupakheti (Chapter 11- Interaction Design Text)
Game Interface Design by Brent Fox
S556 SYSTEMS ANALYSIS & DESIGN Week 11. Creating a Vision (Solution) SLIS S556 2  Visioning:  Encourages you to think more systemically about your redesign.
DUE Introduction to the Android Platform Working Connections 2011.
What about Chapter 7?. What is the usability process? Tyldesley’s 22 possible Measurement Criteria Let’s focus on usability–A usability initiative needs.
Technovation Lesson: Effective Presentations Week 10.
MULTIMEDIA DEFINITION OF MULTIMEDIA
CHAPTER TEN AUTHORING.
SWE © Solomon Seifu ELABORATION. SWE © Solomon Seifu Lesson 10 Use Case Design.
Features of mobile apps. Introduction of mobile apps  FACEBOOK  Facebook is an online social networking service. Its name comes from a colloquialism.
New Media Research Methods- Part 1 Planning stage: Using Methods, Data and Tools to explore User’s Experience. How methods relate to research questions?
Software Design Experiences 2009, adapted from d.school.bootcamp.2008 DP 0 The Wallet Project.
CS2003 Usability Engineering Human-Centred Design Dr Steve Love.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
Marketing Development Block 4 Dr. Uma Kanjilal. Stages of a Multimedia Project  Planning and costing- infrastructure, time, skills etc.  Designing and.
CONFIDENTIAL mobile media fun!. CONFIDENTIAL The Team Anita Wilhelm MIMS UC Berkeley, May Graduate Researcher of camera phone based research (Prof.
Human Computer Interaction
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.
New Generation, New Technology, New Classroom Advancing the Use of Modern Technology in the Classroom.
Lesson 3-Multimedia Skills. Overview Members of a multimedia team. Roles and responsibilities in a multimedia team.
® Forging new generations of engineers. Design Process Review.
Design, prototyping and construction(Chapter 11).
Prototyping Creation of concrete but partial implementations of a system design to explore usability issues.
What exactly is PYP exhibition?. What? Culminating project in the final PYP year that allows students to apply learning from previous years An in-depth.
© Crown copyright 2006 Renewing the Frameworks Enriching and enhancing teaching and learning.
-28 million people harvest their crops on Farmville -Over 5 million people play over 45 hours a week of games -In the US, 9 out of 10 kids play video.
Scrum and TargetProcess
Identify and Meet a Market Need
Introduction to iPod Touch
Your Personal Workout Coach
Starting AppInventor in the Classroom
MeYou Health Ellen Cole | Business 550.
Walk-in-Work Answer in your Do-Now Log: Copy the sentence starter and finish the following sentence: People who have positive attitudes see the world as.
The Transportation Information Gateway An Open Source Web Platform for Collaboration in the Planning Process AMPO 2017 Annual Meeting Brian ten Siethoff,
DP The Wallet Project d.school.bootcamp.2008.
Design Brief.
Regional Conference on Migration
Inspiration/Kidspiration
Presentation transcript:

Designing the iPhone User Interfaces – Case Studies (1 – 6) Presenter: Tony Chiou

A Look of Designers’ Strategies and Approaches to Develop App. Designers’ inspiration to design apps Initial approach to the project. Effects of research impact initial design. Testing the apps to user and gather feedback. Testing that impacts final design. User Response to final product Other questions (Big lesson learned, How it works, etc.)

Approaches to Development Begin by researching user experiences. Create initial designs and show them to user for feed back. Create prototype and test them to users and gathered their response. Create final product based on feedback along with continuous support and updates.

Case Study 1 - WindSpire Measuring wind speeds in local area For people to decide if they can be benefitted by wind turbines. Ethonographic–style interviews: – Green Tribe and Easy – Eco Tribe. Develop a Prototype for both users – App to capture wind noise and convert to decibel rating that corresponding to wind speed. Test and fine tune app to users. – Incorporate messages to phone for instructions and encouragement to use turbines.

Case Study 2 - Aardvark A tool for asking questions to knowledgeable peers and get responses. Inspired for on-go-situations and popularity of iphone market. Start with product design with user studies – Recruit and interview users about mobile apps and their appeal – Create mock-up app design and core design for user reaction Goal to development : enable main functionality without concern of secondary features. – “Asking a question and get answers push notifications (pg 7)” Thorough iterated testing with each new updated version of the app and gathering feedback.

Case Study 3 - FoodSpotting A local visual guide that helps you seek dishes instead of restaurants. Inspired by a user designer who saw a users’ need for a food-focused dining guide. Pitch idea by showing concept posters to users. Testing possible user design interfaces using deck of sketch cards and show to users how the app works. – Provide scenarios to users and walk them through it to know what screens or components app might need for users. Challenges to development include technical issues, app becoming too generic ( straying away from idea: “tantalizing collection of the best foods and where to find them (pg 11)”).

Case Study 4 – Not for Tourists Guide for exploring city like a local Inspired by on-the-go situations with app features (gps, wireless connections) Always start with user-experience – Interviewing people (editors to readers) – Create personas and scenarios Design sketches of Apps screens and create flow charts of activities. Test App by giving to users and watch how they use it as well as asking questions on their experience. Big lesson learned in developing apps: That Apps are never finished because they get updated constantly.

Case Study 5 - MUSE A media player interface that shows your music track as dots and they all play simultaneously. Listen to each track by touching the dots and app will build tracks off the genre. Inspired by creativity of designing sophisticated interfaces with the idea of listening to songs on radio as you tune into a station. Incorporates a unique interface that separate itself from traditional interfaces. – Follow Design Pliability, which lets content control the interface. Approach to project is by designing prototypes and use them to emulate functionality and behavior. Main point: Developers can create unique interfaces that involves different functionality and activities. SDKs supports elements that may not fulfill your requirement for interaction.

Pictures of MUSE

Case Study 6 – Prototyping at Dan4 Inc. 3 Ways of Prototyping – Use in design process. Developers can create, research, communicate, and collect ideas. It helps them establish their concepts effectively as design progresses. – Use as test device. Given to users as a test and collect their feedback and reactions. Use the data to find problems or new discoveries. – Reused for future uses. Use as specification document in design process. Add value to marketing or use as demo.

Credits: Ginsburg, Suzanne. “Designing the iPhone User Experience: AUser-Centered Approach to Sketching and Prototyping iPhone AppsDesigning” September 11 th /casestudies/ _Ginsb urg_full-length_CaseStudies.pdf