Aki
Design 1
This interface is intended for use on mobile devices with small screens. Because these screens are not intended for precise navigation, the interface is designed to have a very linear and straightforward progression. The two main tasks of finding a combo or sharing a combo are separated by an initial choice. To search for a task, the user types into a search box which autocompletes with character names, combo names, and actual combo button lists. Selecting a character opens a character page with a list of clickable combos, while selecting a combo goes directly to the combo's information page. The combo information page displays meta-data like rating, difficulty, damage, etc as well as both the text and graphical representation of the combo. The combo button presses can be viewed in sequence with video-viewer like controls.
Users can share combos through the second option on the main screen. The interface is similar to the combo viewer, but the information is editable through text-boxes and drop-down menus. The actual combo buttons can be inputted through a video-recording like interface with graphical buttons resembling a game controller.
Design 2
Design 3
Beth
Design 1
This design offers an easy way to casually browse the database of combos. It forces the user to filter by which character they want to play as, but afterwards, the user is free to browse generally or by narrowing down the scope of the search even more by specifying the difficulty of the combo they wish to learn. Each combo has a dedicated page which displays all relevant data about that combo, with the addition of an optional tutorial video for the combo and a discussion forum about that particular combo.
Design 2
This design is also geared towards the more casual users who wish to browse the combos at leisure, but with a smaller screen mobile interface in mind. This means that the information is less concentrated on the screen, and each screen is simpler to interact with. In this design, the interface forces you to filter by both character and combo difficulty before letting you browse freely. Additionally, this interface separates the discussion forum from the combo page itself for a cleaner interface overall.
Design 3
This design considers the class of users who also wish to create combos. They are given the option to create a combo for a particular character immediately on the home screen. Once all fields in the form are filled out, the combo is immediately added to the database, and the user is redirected to the same page that a browsing user would see -- except it is updated with the freshly submitted combo. For users who only wish to browse, they are also allowed to do so immediately off of the home screen. This time, they can search by any criteria that exists in the drop down menu. Once again, they gain all of the additional data by clicking on one of the combos in the list and being redirected to the combo's dedicated page.
