• Save
HCI Presentation
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

HCI Presentation

on

  • 392 views

Presentation for 2nd year uni Human-Computer Interaction (HCI) Project.

Presentation for 2nd year uni Human-Computer Interaction (HCI) Project.

Comments welcome.

Statistics

Views

Total Views
392
Views on SlideShare
390
Embed Views
2

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 2

http://www.slideshare.net 2

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

HCI Presentation Presentation Transcript

  • 1. What is it? -Development of a website, African Spirit, for a sole trader-distributor of African functional art. Why is it important? -Owner wants to promote her products online. -Interactive process - study of HCI.
  • 2.
    • -Interview
    • -Surveys (business owner and potential users)
    • -Use case diagram
    • Flowchart
  • 3.
    • Card-based prototype
    • Paper-based screen layout
    • High-Fidelity Prototypes
    • Final system
  • 4.
    • Interview:
    • -Data collected, enabling establishment of system’s purpose, scope, products and categories and client values.
  • 5.
    • Online Survey:
    • -Website goal
    • -Major stakeholders
    • -Business description
    • -Activity
  • 6.
    • -Scope
    • -Future needs and details
    • -Required product information
  • 7.
    • -Diagrams (use case and flowchart)
    • -Confirmed key roles.
    • -Identified needs of major stakeholders.
    • -Confirmed compatibility between developer and client’s understanding.
  • 8.
    • Prototypes (card-based, paper-based)
    • -Client could view planned layout.
    • -Manipulate until satisfied with result.
  • 9.
    • -Potential users shown 3 sketches.
    • -Best one chosen.
  • 10.
    • -High-fidelity prototypes:
    • -More accurate links.
    • -Improved screen layout
    • -Text modification
  • 11.
    • -Form inclusion
    • -Slideshows
    • -Sitemap
    • -Terms and Conditions
  • 12.
    • Card-based prototype:
    • -Products grouped under type not range.
    • -Grouping of stockists simplified.
  • 13.
    • High-fidelity prototypes:
    • -Text too widely displayed. Use of tables to align.
    • -Inconsistency in link fonts. Modified to make consistent.
    • -Colours changed to reflect theme.
  • 14.
    • Final System:
    • -File names and relevant coding changed to allow for uploading.
  • 15.
    • http://africanspirit.com.au/
    • -Forms
    • -Products (slideshow)
    • -JavaScript implementation, help with link consistency.
  • 16.
    • Thanks for viewing my presentation