Principle of What is Interaction Design
Upcoming SlideShare
Loading in...5
×
 

Principle of What is Interaction Design

on

  • 482 views

 

Statistics

Views

Total Views
482
Views on SlideShare
482
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Principle of What is Interaction Design Principle of What is Interaction Design Presentation Transcript

  • • Principle of What is Interaction Design • Principle of What is Web Site Interaction Design • History of Web Site Design • How Interactive Design apply to Web Application? • Summary • The End COSC414 27 Sept 2002, by KKSIM
  • Principle : What is Interaction Design – “How should this product work?” – Art of effectively creating interesting and compelling experiences for others. COSC414 27 Sept 2002, by KKSIM
  • Principle : What is Web Site Interaction Design – What people can do on the site – What they can participate in – What the site does to address their needs, interests, goal, abilities and satisfaction. COSC414 27 Sept 2002, by KKSIM
  • History : Web Site Design Relation between human & computer has changed with rise of the web. Early Generation -Text-based data Today -Animation -Audio -Graphic Design -Movie COSC414 27 Sept 2002, by KKSIM
  • How Interaction Design apply to Web Application? 1. Consider who your users Determining whom the user is and what to achieve. Example : Looney Tunes: a web site for kids and people likes cartoon. COSC414 27 Sept 2002, by KKSIM
  • How Interaction Design apply to Web Application? 2. Browsers & Platforms Netscape and Microsoft Internet Explorer. Macintosh and Window. Example : COCS 414 project web site COSC414 27 Sept 2002, by KKSIM
  • How Interaction Design apply to Web Application? 3. Good Interface Design • Font Design : • Background Design : Resolution, size, contrast, Enliven and visual readability and simplicity, pleasing economy of space, and a clean look. • Categories Information • Efficience of use • Colour Design : • Memorability Rouse users emotion, • Satisfy the user and draw users • Minimize the error attention. COSC414 27 Sept 2002, by KKSIM
  • How Interaction Design apply to Web Application? 4. Unique Content Design a site different from "general sites" and rarely appeal to the "general public". Example : plumb design's visual thesaurus (an online, dynamic visual database of words and their synonyms) COSC414 27 Sept 2002, by KKSIM
  • How Interaction Design apply to Web Application? 5. Creativity & Productivity Creating experiences that allow the audience to do something or to make something at your site. Example : itch: ladybugs crawl randomly. COSC414 27 Sept 2002, by KKSIM
  • How Interaction Design apply to Web Application? 6. Animation & Audio Explain a message, grab user attention, decorate the web interface, looked fun and pleasing. 7. Alignment A good alignment makes page layout visual appealing, aids readability and looked professional. Example: Hotwired web site COSC414 27 Sept 2002, by KKSIM
  • How Interaction Design apply to Web Application? 8. Navigation Let user stay oriented and quickly access to the information they need 9. Consistency Careful: - structure - colour and font style Example : Yahoo! Mail COSC414 27 Sept 2002, by KKSIM
  • How Interaction Design apply to Web Application? 10. Avoid Confusion • Unclear links : • Design overkill : - No meaningful labels - Cool graphic design is - Do not underline at best confusing and the anything, which is not a functionality hard to find link. and use. • Lost in hyperspace : • Scrolling : - No clear indication - Crucial information should delivers immediately upon the visitor's arrival. COSC414 27 Sept 2002, by KKSIM
  • How Interaction Design apply to Web Application? 11. Bandwidth Goal to have between 30-70 KByte as the maximum per page. 12. Communication & Feedback Discussion groups, bulleting boards, IRC chat channels, feedback forms, email address allow to email you or each other and providing FAQ. COSC414 27 Sept 2002, by KKSIM
  • Summary COSC414 27 Sept 2002, by KKSIM
  • The End