Interface Analysis Report

Slides:



Advertisements
Similar presentations
3.02C Website Organization
Advertisements

3.01D Design Multimedia Presentations
Web Design and Multimedia Production Mrs. Brandt-White.
Human Computer Interface
Certificate in Digital Applications – Level 02 Creative Multimedia – DA202.
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.
3.02E Designing and Development of Multimedia Titles 3.02 Demonstrate interactive multimedia presentations.
PowerPoint Enhancements CMCE 1155 Prof. N Anderson.
Name: Group: Teacher: 1. Task 1 Task 2 Task 3 Task 4 Task 5 2.
Interaction Styles Course 6, CMC, 07/10/03 Direct Manipulation
Multimedia Design Guidelines General Guidelines for Multimedia Learning Design.
Dialog Styles. The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation.
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
Computer-Mediated Communication / Computercommunicatie A Master IK, CIW, MMI L.M. Bosveld-de Smet Hoorcollege 2; ma. 11 sept. 2006;
Copyright 2003 The McGraw-Hill Companies, Inc CHAPTER Application Software computing ESSENTIALS    
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
Unlocking Potential The Accessibility Features of Microsoft Windows Benevolent Bill The things Microsoft got right …
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
User Interface Theory & Design
211 Multimedia Web Design Lesson 1 – Web Functionality & Purpose.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
Web Development Life Cycle from Beginning to End…and BEYOND!
1 Lesson 6 Exploring Microsoft Office 2007 Computer Literacy BASICS: A Comprehensive Guide to IC 3, 3 rd Edition Morrison / Wells.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
IT3 Human Computer Interface [HCI] Human Computer Interfaces Factors that should be considered when designing a Computer Interface.
Unit 21 – Creating Computer Graphics. Logo Static ButtonRoll Over Button Advertising Banner Navigation Bar.
MERLOT’s Peer Review Report Composed from reports by at least two Peer Reviewers. Description Section Provides the pedagogical context (i.e. learning goals,
11.10 Human Computer Interface www. ICT-Teacher.com.
Multimedia Design 1. 2 Objectives By completion of this session, you will be able to: Organize your multimedia project Develop Flowcharts and Storyboards.
MULTIMEDIA DEFINITION OF MULTIMEDIA
Screen design Week - 7. Emphasis in Human-Computer Interaction Usability in Software Engineering Usability in Software Engineering User Interface User.
3.02C Website Organization 3.02 Develop webpages..
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
Copyright 2006 John Wiley & Sons, Inc. Chapter 1 - Introduction HCI: Designing Effective Organizational Systems Dov Te’eni Jane Carey Ping Zhang.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Multimedia and the Web.
Unit 11 Interactive Multimedia Products Task A Product Review –
Intro to Multimedia Unit 1.
Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Creating & Building the Web Site Week 8. Objectives Planning web site development Initiation of the project Analysis for web site development Designing.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Certificate in Digital Applications – Level 02 Multimedia Showcase – DA202.
Chapter 1 - Introduction
Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.
Cs413_design02.ppt GUI Design The User Controls Navigation Traditional GUI design the designer can control where the user can go gray out menu options.
Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Ms. Tracy MODULE 1- LESSON 7. BELL RINGER What are the primary functions of a word-processing program?
1 Multimedia Overview Unit A. 2 Reading Check Assignment What is multimedia? Define multimedia including the elements used in multimedia and the key features.
Learning Outcome LO2: Create interactive products containing multimedia components Unit R005: Creating an interactive product using multimedia components.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
GCSE ICT Task 1: Developing a Multimedia Website Gerard Duffy Principal Moderator Geoff Ewart Anita McGinn Peter Mitchell Assistant Principal Moderators.
Web Software Year 11.
Lesson 11 Exploring Microsoft Office 2007
Section 6.1 Section 6.2 Write Web text Use a mission statement
Chapter 10 Multimedia and the Web.
Investigating User Interfaces
Designing Information Systems Notes
Web Design and Development
Unit 02 – One World Scenario - DA202
3.02C Website Organization
Web and presentation software
Web Development Life Cycle from Beginning to End…and BEYOND!
Online Testing System Assessment Viewing Application (AVA)
Web Development Life Cycle from Beginning to End…and BEYOND!
4.01 Examine web page development and design.
Presentation transcript:

Interface Analysis Report Disney.com

Introduction/Overview Disney.com is an extensive, comprehensive web site employing state of the art graphics design, animation, multimedia video clips with sound and music to provide information, entertainment and educational opportunities. This site does a good job of providing a visual representation of the world of action in providing users with a transparent interface that allows them to accomplish tasks with ease.

Multifaceted Purpose As part of an integrated Disney network, users access the site for information on Disney vacations, for planning weddings and honeymoons, to purchase merchandise, to watch video clips, to play video games and educational games, to research career/educational goals, to access topics on family related themes.

Audience International in scope. Children of all ages, college students, young adults, parents A basic understanding of web surfing techniques would enhance and facilitate visits to the site.

Styles of Interaction Navigation is supported using three styles of interaction: Direct Manipulation Menus Form Fill-in

Direct Manipulation Users position the cursor over a graphic representation of an icon object and click causing the interface to change to a whole new page. Appropriate for a population of users who may not speak English, cannot read or who are novice in computer skills. Tasks are accomplished with ease.

Menus Menu bars, pull down menus, pop up menus, embedded links found in context. Linear sequence menus, tree structure menus, a-cyclic menus as a network that are reachable by more than one path, and cyclic menus which provide repeatable paths. Menus with buttons and embedded links allow for easy, rapid navigation.

Form Fill-in When users want to invoke a search feature, they type in a form fill-in. Used for log-ins to password protected portions Allows more experienced users rapid direct access to points of interest

Foley Van Dam Model Applying this model reveals some design flaws in the web site Conceptual Level: Because some screens contain Disney specific terminology (Zeether, ZoogDisney, Disney Blast), the gut reaction for these users may be uncertainty. Other screens without “Disney-ese” have good conceptual understanding.

Foley Van Dam Model Semantic Level: Overall meanings conveyed by most objects are clear, except when Disney specific terms are used. These may present problems in navigating to desired location.

Foley Van Dam Model Syntactical Level: Knowledge of specific syntax is not required for this site. However, the rule of acquiring the right target and clicking governs successful navigation. Lexical Level: Site visitors use the keyboard and the mouse to access information.

Improvements/Modifications The site assumes familiarity with Disney characters and terminology; more generic terms should be used: Zeether should be replaced by TV Productions, Disney-Blast should be changed to On-line Club and Playhouse could be labeled Pre-school Fun. To remove screen clutter, as some pages are too busy, some of the glitzy graphics could be simplified and streamlined removing excessive, unnecessary objects.

Key Features Highly structured, cohesive and consistent. Information chunking is employed as organization follows topical, thematic grouping. A noise is heard indicating correct positioning of cursor over target, helpful for children and novice users.

Key Features Sophisticated video games with high resolution graphics Standardized format throughout the site. Banner, logo with pull down menu, menu bar, menu map with graphical representation of objects, menu bar for navigation to service sites, pull down menu for rapid direct access to specific area of interest. Guest services and Help buttons provides site maps and assistance on every main page.