Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Phase 2 powerpoint

265 views

Published on

a user centred design assignment to implement social networking sites onto the browser.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Phase 2 powerpoint

  1. 1. User Centred Design Project Phase 2: Scenarios and Storyboards By: Laura and Roxy
  2. 2. The Problem.... Yep you know it too well. When you have that assignment due that you really need to start… and finish…soon. But there is that siren call, yes I know you all hear it, that tempting call for you to login and read all about a friend-of-a-friend’s 21 st . You know you shouldn’t, because last time it ended badly. You say to your self, “just one, just one album” OR “ I just want to see if she has replied” And if just by magic “ poof” 3 hours have gone passed, where one album becomes another, one reply become 20, and your left with the word “introduction” written on that blank word document… And that damn paper clip laughs and mocks with glee…
  3. 3. <ul><li>You! </li></ul><ul><li>And all students (high school to tertiary) </li></ul><ul><li>May be utilised to a broader market. </li></ul><ul><li>Profiled: So who are we? </li></ul><ul><li>Naturally balance social life and study commitments </li></ul><ul><li>Heavy users of social networking sites </li></ul><ul><li>Eight out of ten students are on the internet for more than 3 hours a night* </li></ul><ul><li>Split their time on the internet roughly in half, with 36.25% spent on work/study and 48% of time spent for leisure.* </li></ul><ul><li>*according to user research </li></ul>So our users are....
  4. 4. Aim and goals <ul><li>To increase efficiency through the organisation of web functions activities that support student online and offline activities. </li></ul><ul><li>Our project will focus on: </li></ul><ul><li>T he integration of social media sites functions and user profiles on a specific browser platform. </li></ul><ul><li>Synchronise and separate displayed web functions/menus to match user’s web activities </li></ul><ul><li>The restructuring of current browser functions </li></ul><ul><li>To inturn support students in their learning by utilising functions appropriate to their time specific web needs. </li></ul>
  5. 5. So… How do we do that?
  6. 6. So what do your feel doing today? In our project users have the choice to choose from two ‘modes’: study and social mode. Our concept: The ‘mode’ factor Study Social
  7. 7. <ul><li>Study mode is activated when users wish to focus on work related tasks, and focus web activities around the task to be completed. Such activities include: </li></ul><ul><li>- Researching online catalogues and websites, </li></ul><ul><li>- Visiting core websites for task related information (e.g. university site) </li></ul><ul><li>- General Information searches, </li></ul><ul><li>- Use of Online Collaboration tools </li></ul><ul><li>- Open Office sites. </li></ul><ul><li>In study mode, users are greeted with a side menu bar that contains current browser functions plus specialised functions that assist the users work related tasks. </li></ul>Our Concept: Study mode Study
  8. 8. Figure 1: Study mode storyboard shot
  9. 9. And the first rule of study mode is… there are no social sites! Yes, in study mode, no social sites can be bookmarked or accessed. This forces your different online activities to be separated and prevents you from being tempted to go on these sites when you work. So, that means: - no status updates of you murdering teachers - no pictures of drunken escapades - and definitely no stalking!
  10. 10. Our Concept: Social mode Social <ul><li>Social mode is activated when users wish to focus on leisure activities rather than study/work related tasks, and focus web activities around social and personal interests. </li></ul><ul><li>In social mode, users are greeted with a side menu bar similar to study mode, but contains integrated social networking functions, e.g. photo sharing, to allow users to keep track of all their user profiles from the browser. </li></ul><ul><li>Social mode enables users to manage their online social profiles as well as organise their offline social events- with the browser created to become the users own “personal organiser” with a event function integrating calendar features with online social networking events. </li></ul>
  11. 11. Figure 2: Social mode storyboard shot
  12. 12. So how does this work? Lets talk to amie!
  13. 13. In Action: Add an Event
  14. 14. In Action: Add an Event
  15. 15. In Action: Add an Event
  16. 16. In Action: Manage My Profiles
  17. 17. In Action: Manage My Profiles
  18. 18. In Action: Manage My Profiles
  19. 19. In Action: Manage My Profiles
  20. 20. In Action: Manage My Profiles
  21. 21. In Action: View Contacts and Updates
  22. 22. In Action: View Contacts and Updates
  23. 23. In Action: View Contacts and Updates
  24. 24. The benefits: <ul><li>Different modes provide a different environment to work or play in, allowing the user to have control in which activities they want to focus on, without the temptation of the other. </li></ul><ul><li>Ability to have different function/sites nearby to suit different activities. E.g. able to have activity specific bookmarked icons in study mode and social mode that are not needed in the other- e.g. have world of war craft in social mode but it the icon is a hindrance for study activities, so is replaced by the uni website in study mode. </li></ul><ul><li>Different mode= different frame of mind </li></ul><ul><li>User becomes more focused on the task ahead. </li></ul><ul><li>Clean, simple and easy to use- very straight forward. </li></ul><ul><li>Does not incorporate tabs, all functions can be used on any page </li></ul><ul><li>the user is on. </li></ul><ul><li>Provides easy links the networks you like most, in relation to the function you want to perform. E.g. album button will link to the </li></ul><ul><li>album on the social site. </li></ul>
  25. 25. Have we convinced you yet…

×