1. HCI project--iNews Introduction (Yao Jie) Usage Scenario (Yao Jie) Design Evolution (Yao Jie) Summary of Evaluation (Jianfeng Yin) Modification (Jianfeng Yin) Conclusion (Jianfeng Yin)

2. Introduction Old System iNews User Population

3. Questions What is iNews? What’s its purpose?

4. Old System Network traffic Overwhelming hyperlinks and message Limited custom choices On-line

5. iNews collect daily news according to users’ interests automatic and periodical no network problem off-line Application easy extension to other area other than news

6. User population Who’s the user of iNews? Those people who need the most up-do-date news on the web

7. Scenario In the morning, you open your computer…

8. Scenario

12. Design evolution 3 iterations Evaluation stage

13. Iteration 1--first mock-up

14. Feedback for iteration 1 Too many buttons on the welcoming screen “delete news” function is redundant “edit” function is not necessary

15. Iteration 2—HTML prototype Improvements: Remove redundant buttons on the welcoming screen Remove “delete news” and “edit news” function Add news list

16. Prototype II—welcoming screen

17. Prototype II—main screen

18. Feedback for iteration 2 The position of the row of buttons below the news story News source News list Default category and news

19. Iteration 3 Improvements: Main screen: change the position of the buttons below the news story Added a new feature, through which a user can choose his own favorite websites. Removed the detailed news list in the directory tree. Provided the users with a default news category and news.

20. Prototype III—welcoming screen

21. Prototype III—main screen

22. Summary of the Evaluation zstrength: ywindows based directory yconstant visibility of system status zweakness: ymainly implementation problems, e.g. active folder yconceptual model, e.g. exit, websites

23. Main Modifications zrearrange the control buttons zdelete “forward” and “websites” buttons zadd a “preference” button for user customization zadd a “help” button zgive options for “save” and “print”

24. Main Screen

25. Save News

26. Delete News

27. Websites

28. Save and Print zwhen do “save” and “print”, users can choose what news to save or print now

29. Active folder zhighlight the active folder zno need for “delete” dialogue, i.e. the active folder will be delete

30. Add category zadd a category under the active folder zinteractive user input

31. Remind time zusers can define remind time interactively now zadd a “cancel” button

32. Prompt for empty folders zA prompt message will pop out, when a folder contains no news

33. Conclusion za personal news agent interface was developed zHCI issues considered and applied: yVisibility, Feedback, Match between system and the real world, Recognition rather than recall, help and document, etc. zFurther extension, e.g. academic paper search