Informatics 132Project 6: RadioFlagThomas Chen, Derek Vo,William Yeh, Shawn Ridgeway

Project OverviewOur project is the evaluation of specific known interface issues that exist with the RadioFlag application.

RadioFlag is a Twitter-like mobile social network application focused on the radio listening experience.

Users listen to radio stations broadcasting over the internet and comment via a flagcasts.

The application is live; launched here at UCI two weeks ago.

Initial ImpressionsThe first impression many of us had was of the UI aesthetics. The application has a very modern look and feel.However, while navigating around the application it is easy to become lost and have to backtrack, drill-down.

The search function for the app has a conflict with user experience adaptation. Most users for mobile devices are used to typing in keywords and hitting return for search results (or just getting results like in Google Instant Search). Intuitively, the return button is often associated with an action, however, for RadioFlag's search function the return button does not function in this manner and instead closes the keyboard.

Project PurposeSee if our initial impressions are trueFind any other HCI issues that arise while users navigate the appMake design suggestions to remedy these issues and improve the overall usability of the app

Usability ProblemsWe were asked to make usability suggestions that would solve two identified issues with the current interface:

1. View Drill-downThe user interface has a complicated'drill-down' navigation: users can drill into a flagcast, to a flag detail page, to a user detail page, to another flagcast, and so on.Is there a better way to organize the interface to help make it more presentable?

2. Search PageMany users often type something, and do not intuit that they need to select a type of object to complete the search. Is there a clearer way to provide the searchfunctionality?

Drill Down

Usability ProblemsWe were asked to make usability suggestions that would solve two identified issues with the current interface:

1. View Drill-downThe user interface has a complicated'drill-down' navigation: users can drill into a flagcast, to a flag detail page, to a user detail page, to another flagcast, and so on.Is there a better way to organize the interface to help make it more presentable?

2. Search PageMany users often type something, and do not intuit that they need to select a type of object to complete the search. Is there a clearer way to provide the searchfunctionality?

Search

Methods of Testing1. Heuristic EvaluationWe decided to use heuristic evaluation as we already know our main two main focuses will be about the current 1.0 user interface.We will be using the HCI guideline to analyze the interface.The fact that Apple has its own guidelines also means that we will have to make sure our suggestions are within the acceptable application interface requirement set by Apple.For the drill-down issue we will measure the interface using Fitt's Law to determine its efficiency once the interface level goes down.

Methods of Testing2. Usability Testing

RadioFlag is designed to have many users, and with the diversity of users that is has indeed attracted we cannot be sure of the interface's universal usability. Thus we will also include a Usability Test of the system's identified issues.We aim to have 10 to 15 users test the system, though this may be ambitious.

Usability Testing For Search1) UsersTest 10-15 peopleNon ICS or Engineering majorsFriends and Students on Campus2) Start of TestWelcome the user and make them feel comfortableRead instructions to the userAsk user post-test questionsWhat phone do you use? Are you a frequent radio listener3) TestSearch for ___ in general or Search for ____ using the search icon4) Post-Test Questions

Usability Testing For Drill Down1) UsersTest 10-15 peopleNon ICS or Engineering majorsFriends and Students on Campus2) Start of TestWelcome the user and make them feel comfortableRead instructions to the userAsk user post-test questions 3) Test1st Iteration: Give specific tasks and measure drill use and depth. Is it useful, hindering, complex, intuitive?2nd Iteration: Test paper prototypes for proposed designs.4) Post-Test Questions Difficulty, Awareness of Drill-down, Impressions.

Measure UsabilityHow long did it take for the user to complete the test/taskHow many errors did the user encounter while performing the test/taskDid the user complete the task

TimelineWeek 01: Project AssignedWeek 02: Project IntroducedWeek 03: Project Issues IdentifiedWeek 04: Initial Presentation, Prepare HE(William,Thomas) and UT(Derek, Shaun)Week 05: Begin HE (William) and UT Drill Down (Shaun)Begin HE (Thomas) and UT Search (Derek)Week 06: Finish HE (William, Thomas) and UT (Derek, Shaun), Analyze findings (ALL)Week 07: Interim Presentation, Create Mockup (ALL), Begin HE (William, Thomas) and UT (Derek, Shaun)Week 08: Finish HE and UT, Begin Analyzing Results (ALL)Week 09: Finish Analyzing Results, Begin Final Report (ALL)Week 10: Final Presentation, Finish Final Report (ALL)Week 11: Final Report Due (ALL)

Thank you for listening!