HCI Presentation

331 views

Published on

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

Comments welcome.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
331
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HCI Presentation

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

×