Author: Jakob Nielsen Presented by: Annam Abbasi.

Slides:



Advertisements
Similar presentations
Structured Design The Structured Design Approach (also called Layered Approach) focuses on the conceptual and physical level. As discussed earlier: Conceptual.
Advertisements

Basic Computer Skills Windows & the Internet.
Web Design and Multimedia Production Mrs. Brandt-White.
UI Best Practices Application Developer’s Intro School Week 1 Day 1.
Chapter 19 Design Model for WebApps
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
Sriram DRUPAL GCI What is a drop down menu? A drop down menu is a menu of options that appears when an item is selected with a mouse. The item.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Copyright Writing for the web A word to the wise web designer.
Chapter 7 Creating Complex Interactivity in an iPad Presentation.
Qoo10’s Website Evaluation
Small Displays Nicole Arksey Information Visualization December 5, 2005 My new kitty, Erwin.
Usability Information Systems 337 Prof. Harry Plantinga.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.
COMS E6125 WHIM Prof. Gail Kaiser Presented by Shuai Yue (sy2342)
Author: Jakob Nielsen Presenter: Chloe Kyung. Introduction The iPad has now been on the market for about a year and a half and sold almost 30 million.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Navigation Design. From the Brookfield Zoo, IL  (from Zoo)
Navigation & Interface Website Designs Dr. Bowie.
Bitrix® Site Manager 9.5 Fast to Create, Easy to Manage.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Unit 21 – Creating Computer Graphics. Logo Static ButtonRoll Over Button Advertising Banner Navigation Bar.
USER INTERFACE.
Marcel Casado NCAR/RAP WEATHER WARNING TOOL NCAR.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Lesson 2 – Editing a Document Microsoft Word
Point & Edit CMS An Introduction to Point & Edit.
Accessing Your “How To” Series – W&J Office of Communications.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Interface Design.
Chapter 6 Interface Design and Usability. Interactivity Interactivity:  A defining characteristic of multimedia interfaces  Implies both interaction.
L/O/G/O I phone Safari Application Name : Malak Saleh Al-Qahtani ID :
Graphical User Interface (GUI) Web site Team Matix Proposal GC 215: Web Publishing.
HTML Comprehensive Concepts and Techniques Second Edition.
Kingdom of Saudi Arabia Prince Norah bint Abdul Rahman University College of Computer Since and Information System NET201.
Windows User Interface and Web User Interface By E. Marlene Graham.
Inserting Media POWERPOINT 2013 Insert a Picture From a File  Click on the Insert tab.  In the Images group, click on the Pictures button.  Navigate.
Click your mouse to continue. More on Themes The Theme dialog box includes three options for changing the characteristics of the selected theme. Theme.
Principles of effective web design NOTES Flo Morris-Duffin.
Evaluating web graphics Unit 21 – AO1. Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one.
Web Usability A simple illustration. Example: WebVoyage Timeout Utility Lets an opac user know how much time is remaining in session (bottom bar) A pop-up.
By Dawid Wojtalewicz. In this PowerPoint I will show you how to use internet and what can you do in it.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Navigation & Interface Website Designs Electronic Writing & Publishing Dr. Bowie.
Interactive history. To provide a visually attractive and interactive timeline of the major scientific discoveries throughout history.
CMPF114 Computer Literacy Chapter 3 The Visual Basic Environment 1.
1 Cognitive Walkthrough C. Wharton, J. Rieman, C. Lewis and P. Polson, The Cognitive Walkthrough Method: A Practitioner’s Guide, in J. Nielsen and R. Mack.
Web Site Development - Process of planning and creating a website.
Web Interface Design Basic GUI and Web layouts Fig H.12: Basic Layouts of Web and Graphic User Interfaces.
Basic Internet Term Online Education Solutions© (773)
DOCUMENTATION REF: Essentials of IT (Hamilton et al) Chapter 1.
Designing for Usability OBJECTIVE: Learn “usability” principles related to design for interactive media.
Software Operating System Applications BIOS.
Section 6.1 Section 6.2 Write Web text Use a mission statement
Flipster App for iPad and iPhone
Website design Emma Purnell.
Web Design and Development
CIS 375Competitive Success/tutorialrank.com
CIS 375 Education for Service-- tutorialrank.com.
Web Programming– UFCFB Lecture 3
Lesson Objectives Lesson Outcomes
HCI and Hypermedia/WWW
Information Systems 337 Prof. Harry Plantinga Usability.
CIS 376 Bruce R. Maxim UM-Dearborn
Using and Viewing Homepage
Presentation transcript:

Author: Jakob Nielsen Presented by: Annam Abbasi

 iPad vs. iPhone  First Studies  Whacky Interfaces  Inconsistent Interaction design  Crushing Print Metaphor  Card Sharks vs. Holy Scrollers  Conclusion: Toward a Better iPad User Experience

 The tab bar is better on the iPhone,  iPhone users prefer applications over websites.  Read-tap asymmetry exists due to the fat finger.

 The usability of iPad applications was tested.  The participants were 7 iPhone users, one with previous iPad experience.  Popular applications tested include:  ABC Player  eBay  IMDb  Yahoo! Entertainment

 The first image map was created in  Any part of any picture is a user interface element.  There are standard Graphic User Interface (GUI) guidelines.  The iPad utilizes an “etched-screen aesthetic.”  Users do not know where to click  There is no visual distinction.

 Each application works differently.  iPads do not have an undo button (i.e. browser’s back button).

 Touching a picture  Nothing happens  Image is enlarged  User is taken to another page  Image flips to reveal other images  Navigation options pop up  Continuing to read  Scrolling down  Swiping left  Swiping up

 Electronic Media:  Users do not have a homepage to select from.  Users must swipe to move from article to article.

 Two hypertext models exist.  Card sharks: fixed canvas (iPad applications)  Holy Scrollers: infinite scrolling (the Web)  Users want scrolling.

 Will the iPad attract crowds other than the entertainment-oriented?  How can iPad usability be improved?  Create visual distinction  Apply consistent interaction techniques  Use standard navigation Questions?