1 / 14

HCI and Graphical Interfaces

HCI and Graphical Interfaces. Presentation of Team 13. Module Lecturer: Dr. Daniela Romano Team Members: Gizdem Akdur, Paul Dilley, John Evans, George Oliver, Paul VonGyer. HCI TEAM 13. PA CTS Elements. People: A user group of age 17+ Mainly college and university students Activities:

gigi
Download Presentation

HCI and Graphical Interfaces

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HCI and Graphical Interfaces Presentation of Team 13 Module Lecturer: Dr. Daniela Romano Team Members: Gizdem Akdur, Paul Dilley, John Evans, George Oliver, Paul VonGyer

  2. HCI TEAM 13 PACTS Elements • People: • A user group of age 17+ • Mainly college and university students • Activities: • Login/Register • Calendar for events and birthdays • Adding/sharing albums • Adding/sharing videos • Updates of friends • Change settings • Search people, messages, calendar entries • Instant Messenger • Write on boards of people • View profiles • Add/Remove friends • Accept/Reject friend requests • Show notifications and reminders

  3. HCI TEAM 13 PACTS Elements • Context: • Web based so can be accessed from any computer/smart phone • Flexible to changes • Clear and simple layout, pages accessible easily • Quick register • “Remember Me” option for less time spent on login page • Technology: • Any product with a web browser, computer/phone • May support Flash/java • Success Factor: • Includes IM which can be minimised whilst browsing other pages • Any page is accessible from the side bar • Daily reminders shown on Updates page • Browsing through albums more efficient

  4. HCI TEAM 13 We created 3 different designs for the website and asked 8 people to rate them 2 1 3

  5. HCI TEAM 13 Here is the part of STATS document which shows the ratings given for each website design As it is shown below, the ranks are very close so we decided to use the best features of each design to create the fourth and final version.

  6. HCI TEAM 13 The final design of the website

  7. HCI TEAM 13 • Functionalities: • Login/Register Session • Search people, messages, calendar entries • Instant Messaging • Minimizing IM while browsing other pages • View profiles • View calendar • Add/Delete friend • Accept/Reject friend requests • Write on the "Board" • Show updates of the user • Show notifications and reminders • Create/edit/delete albums • Change settings • Logout • Add/view/delete videos • See updates of friends • Edit profile details

  8. HCI TEAM 13 Here is the web map of the website. The sidebar always stays at the right hand side of the page so browsing through pages is easy i.e. every page is connected to each other. The diagram shows the map between Login, Profile, Inbox, Calendar, IM and Friends pages

  9. HCI TEAM 13 Every section on the sidebar is accessible from any other section (apart from Logout – the user needs to Login again). When the user is on one of the pages, that section is highlighted. The user is currently on Profile Page 1 unread message in Inbox 2 Friend Requests The user is logged on Instant Messenger

  10. HCI TEAM 13 Here is the Hierarchical Task Analysis Diagram of Adding an event on the Calendar

  11. HCI TEAM 13 The following shows the stages of viewing and creating events on calendar

  12. HCI TEAM 13 A general XXM Model of Login/Logout that shows the transitions and states that occur during a login session

  13. HCI TEAM 13 The XXM Model of the side bar which shows the connection of every section within any page

  14. HCI TEAM 13

More Related