HCI Group

1. 6 HCI Group AKA Six Appeal Group Ethic: Two heads are better than one Group Members: Alain Bates David Williams IreanaBavula Mark Warburton Samuel Royall

2. Week 1 Evaluation of existing solutions…. MOLE Like: Easily find out grades Dislike: Poor navigation (lack of links) It breaks often MySpace Like: Can be helpful to unsigned bands Good for sharing music Dislike: Difficult to leave Too customisable Poor layout Muse Webmail Like: Good spam filter Can be used to identify someone as a university member Dislike: Poor search function Difficult to organise Windows Live Messenger Like: Allows group communication/activities Dislike: Forces anti-virus scan ebay Like: Good search function Good interface (e.g. list of products with pictures) Dislike: Scam sellers High charges Facebook Like: Maintains consistent layout Easily share photos Dislike: Facebook chat not very easy to use Lots of useless applications

3. Week 2 MyFriends ideas and requirements… People Company Employees Could be people of any age Could be any number of employees Will be useful for communication between staff in different departments or at different locations Activities Emails Need to share documents Video and photo sharing Instant messaging Voice/video chat Success Factor Consistent layout tied in with company's style Users must be forced to use their real identity. Profiles tied to company IDs Good navigation Reliable/Robust Good search features Intuitive layout, keep things organised Context Users should be able to select their own privacy levels. Access rights should be equal ie. manager can't go through his employees private messages, as this would be a breach of privacy In a modern business, high-speed Internet facilities should be available In many offices, users will have own desk and will spend most of their time in one location Some users will often be on the move though and may require mobile access Technologies Basic workstations Internal network/Servers for storing data Headset/Microphone/Webcam would be optional devices for advanced communication methods Mostly chunky outputs would be used with the system ie. text, photos Some streamy outputs if video uploads or voice chat are utilised Ability to access system from smartphones/mobile devices

4. Week 3 MyFriends ideas and requirements… Rounded shapes for a clean youthful organic design blue and black for the male users - male colours, light so that they are clean and fresh pink and yellow colours for the girls innovative and unusual shapes to keep the user interested youthful font aimed at the target audience.

8. Week 4 MyFriends ideas and requirements… Changed : • Grouped Communications • Grouped Sharing • Added location tracker • Grouped photos and videos • Added calendar sharing • Added filter to the friends list

17. Week 5 Web Map

18. Hierarchical Task Analysis – Voice Chat

19. Hierarchical Task Analysis – Picture Upload

20. Week 6 Results Heuristic Evaluation In order to evaluate our prototype in a systematic manner, we felt Heuristic Evaluation method would be appropriate. Heuristic Evaluation is a popular inspection method, which is useful when trying to find usability problems. As part of an Iterative Design Process, the problems and errors found during the Heuristic Evaluation should be taken into account. Any other feedback and observations made during this process should provide inspiration for the next iteration of the design cycle.

29. Interactivity examples

34. Week 6 Potato Masher Evaluation • Questions: • How durable is it? • How good does it look? • How easy is it to use? • How lumpy will the potato be at the end • How comfortable is the handle • Is it too big to store easily? • How easy is it to clean? Masher 1 is the best, it is durable, comfortable, has a fine mashing mesh and is easy to use The other 3 mashers are all plastic and are much less durable. Number 3 is by far the worst, it is uncomfortable and very flimsy. Number 4 will make very lumpy mash as the mesh isn’t small enough.

35. Week 7 GOMS Evaluation Upload File: H (Hands to mouse) 0.4 P (Point to Photo + Video or File Sharing link) 1.10 B (Click mouse) 0.1 P (Point to Upload link) 1.10 B (Click mouse) 0.1 P (Point to file) 1.10 B (Click mouse) 0.1 P (Point to ok link) 1.10 B (Click mouse) 0.1 R(5) (File uploading) 5 Total Time: 10.2 seconds Start Video Conversation Request: H (Hands to mouse) 0.4 P (Point to contact on friends list) 1.10 B (Right click mouse) 0.1 P (Point to ‘Start Video Conversation’ link) 1.10 B (Click mouse) 0.1 Total Time: 2.8 seconds

36. … B (Click mouse) 0.1 H (Hands to keyboard) 0.4 K (Enter date in form dd/mm/yyyy) 2.52 (9 x 0.28) H (Hands to mouse) 0.4 P (Point to time text field) 1.10 B (Click mouse) 0.1 H (Hands to keyboard) 0.4 K (Enter date in form hh:mm) 1.4 (5 x 0.28) H (Hands to mouse) 0.4 P (Point to done) 1.10 M (Verify add) 1.35 B (Click mouse) 0.1 Total Time: 19.47 seconds Add Calendar Event: H (Hands to mouse) 0.4 P (Point to Calendar link) 1.10 B (Click mouse) 0.1 P (Point to Add New Meeting link) 1.10 B (Click mouse) 0.1 P (Point to Name text field) 1.10 B (Click mouse) 0.1 H (Hands to keyboard) 0.4 K (Enter name, average 15 characters) 4.2 (15 x 0.28) H (Hands to mouse) 0.4 P (Point to date text field) 1.10 …

37. Week 8 Home Page XXMs Messaging Page

38. Calendar Photo Upload