Te a m M e m b e r s : B. Cha P. Ejlali REDDIT J. Handcock S. Nikkhah C. Seong S. W ilsonREDESIGN PROJECT March 2011
WHAT IS REDDIT? Reddit is a source for whats new and popular on the web . Users like you provide all of the content and decide, through voting, whats good and whats junk . Links that receive community approval bubble up towards #1, so the front page is constantly in motion and (hopefully) filled with fresh, interesting links . Reddit allows users to create communities called "subreddits” There are two sets of reddit users, registered members and non members Being registered allows you to vote posts up or down and customize it’s view
Because it’s a userdriven site, redditgets it’s revenuefrom sponsoredlinks
And by sponsored adson the side of the page- homepage andsubreddit/communitypages
PAIN POINT Difficult for users to locate content Unless a registered member, one cannot customize for their homepage
MODIFYING REDDITWhat we want to change?Improving the navigation on the homepage
USABILIT Y ACTIVITIES Competitive Heuristic Analysis Reddit User Interviews Subreddit Card Sort Activity
COMPETITIVE HEURISTICS ANALYSISWhat we did Identified top five of reddit’s competitors as: digg, Y!buzz, delicious, newsvine, and mixx. Used Jakob Nielsen’s Design Guidelines associated with navigation and graphic design found in Homepage Usability and mapped it to one of his ten usability heuristics. Determined four heuristics and nine guidelines to be relevant to our research. Evaluated reddit and its competitors’ homepage navigations.
COMPETITIVE HEURISTICS ANALYSISWhat we found Reddit had the second lowest score for navigation design. Only one heuristic and five guidelines were met It is also the only site violating the guideline that the location of the navigation should not be horizontal above graphical treatment. It used made up words such as IMA. It does not have high contrast between text and the background.
INTERVIEWING REDDIT USERSWhat we did: Interviewed reddit users to understand how they use navigation elements High-level research questions: What are participants’ routines on reddit? How important is the content under each navigation element? Is there difficulty in finding content on reddit?
INTERVIEWING REDDIT USERSWhat we found: Developed insight into navigation habits Identified navigation issues: No filter for Safe-For-Work content Semantically ambiguous category labels
CARD SORTING ACTIVIT YWhat we did: An online open card-sort with 52 labels and paired descriptions Activity employed to gain an understanding of: Navigation organization Users’ mental models
CARD SORTING ACTIVIT YSub-redditdescriptions Default front page sub-reddits
CARD SORTING ACTIVIT YWhat we found: The majority of users accepted the creation of themed categories Nine common categories emerged: Entertainment, Science, Lifestyle, Special Interest, reddit, Debate, Technology, Politics, and News.
Recommendations:1. Remove the gray navigation bar2. Use contrasting colors for the main navigation for better visibility
Recommendations:1. Remove the gray navigation bar2. Use contrasting colors for the main navigation for better visibility3. Add a navigation bar with 9 categories underneath the main navigation
Recommendations:1. Remove the gray navigation bar2. Use contrasting colors for the main navigation for better visibility3. Add a navigation bar with 9 categories underneath the main navigation4. Hovering over each category will show a dropdown menu
Recommendations:1. Remove the gray navigation bar2. Use contrasting colors for the main navigation for better visibility3. Add a navigation bar with 9 categories underneath the main navigation4. Hovering over each category will show a dropdown menu5. Add a SFW (safe for work) option
Recommendations:1. Remove the gray navigation bar2. Use contrasting colors for the main navigation for better visibility3. Add a navigation bar with 9 categories underneath the main navigation4. Hovering over each category will show a dropdown menu5. Add a SFW (safe for work) option6. Allow members to have a “My reddits” menu
PARTICIPANT FEEDBACK Several participants liked the new design One participant said: “The redesign looks nice. I think the "safe for work" mode is a nice touch. I really like the new look and the color contrasting is really nice. The submenus look to be nicely organized as well .” Several participant suggested other ideas One participant said: “You have abandoned a flat navigation scheme for a hierarchical scheme. This sounds nice on paper, but in reality, this has faded (for the better) from this type of user interface design since the 90s.”
USER AND BUSINESS BENEFITSRecommended User Benefit Business Benefit CostDesign Changes1. High contrast Easier visibility, happier Improved user experience Very low cost user would result in user loyalty and referrals2, 3, and 4. Remove top Better representation Increased exploration of High cost on timenavigation and create of categories of content other sub sites would result and budgetan improved available will decrease in more adds being viewednavigational categories user confusion with and more profit for reddit navigational5. Not safe for work Users will spend more More time spent on Medium costfiltering time exploring at website means more activity on the site, more ads viewed, and more profit for reddit
FINAL ANALYSIS Competitive Heuristics Analysis www.reddit.com www.reddit.com (BEFORE) (AFTER) Heuristics Met 1 4 (Total Possible 4) Design Guidelines Met 5 9 (Total Possible 9)
2nd Design:1. Remove the gray navigation bar2. Add navigation label “my reddit” to the main navigation3. Allow members to edit what links (reddits) appear in the dropdown menu