Embed Size (px)
Citation preview
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)
Introduction
Old SystemiNewsUser Population
Questions
What is iNews?
What’s its purpose?
Old System
• Network traffic• Overwhelming hyperlinks and message• Limited custom choices• On-line
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
User population
Who’s the user of iNews?
Those people who need the most up-do-date news on the web
Scenario
In the morning, you open your computer…
Scenario
Scenario
Scenario
Scenario
Design evolution
3 iterations
Evaluation stage
Iteration 1--first mock-up
Feedback for iteration 1
• Too many buttons on the welcoming screen
• “delete news” function is redundant• “edit” function is not necessary
Iteration 2—HTML prototype
Improvements:• Remove redundant buttons on the
welcoming screen• Remove “delete news” and “edit news”
function• Add news list
Prototype II—welcoming screen
Prototype II—main screen
Feedback for iteration 2
• The position of the row of buttons below the news story
• News source• News list• Default category and news
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.
Prototype III—welcoming screen
Prototype III—main screen
Summary of the Evaluation
strength: windows based directory constant visibility of system status
weakness: mainly implementation problems, e.g. active
folder conceptual model, e.g. exit, websites
Main Modifications
rearrange the control buttonsdelete “forward” and “websites” buttonsadd a “preference” button for user
customizationadd a “help” buttongive options for “save” and “print”
Main Screen
Save News
Delete News
Websites
Save and Print
when do “save” and “print”, users can choose what news to save or print now
Active folder
highlight the active folder
no need for “delete” dialogue, i.e. the active folder will be delete
Add category
add a category under the active folder
interactive user input
Remind time
users can define remind time interactively now
add a “cancel” button
Prompt for empty folders
A prompt message will pop out, when a folder contains no news
Conclusion
a personal news agent interface was developed
HCI issues considered and applied: Visibility, Feedback, Match between system
and the real world, Recognition rather than recall, help and document, etc.
Further extension, e.g. academic paper search
