This week I refined the information architecture once more, I began looking at more ways that I can chunk certain features and tools from the app together. I began taking my hand-drawn wireframes and transferred them into illustrator, experimenting with colours and visual elements. (I should note that the logo and branding of the app is in no way finalized, still working and refining it.)
I thought about the hierarchy of importance of features to determine what should be emphasized more on the app interface. For instance, the main menu of the app splits into two categories, ‘Filters’ and ‘Manager” (refer to information architecture PDF below). ‘Filters’ deals with anything relating to Filters, whether it be applying them, selecting them, adding or editing them. ‘Manager’ deals with all the groupings of contacts, websites, apps, NFC sticker data, etc. When users start the app, the ‘Filters’ category of tools would most likely be used more often than the ‘Manager’ category of tools. In this sense, it ranks higher in importance and should reflect in the menu screen through a larger emphasis put on ‘Filters’.
* Click on image to enlarge
This screenshot looks at how viewing the filters may play out within the app. The bottom bar allows you to view your filters by sorting them by ‘Category’ ‘Location’ ‘Time’ or ‘All.’ The left wireframe has all the filters stacked, the right wireframe indicates what it looks like if you were to view the details of one specific filter – it reveals a pull-down screen that you may then swipe left and right to display different sets of Filter Settings (contact blocklist, website blocklist, app blocklist, etc).
I would like to incorporate gestures to reveal hidden secondary information in order to de-clutter the amount of buttons. So an example would reflect the screenshot above. Tap on the Filter once to reveal the pull-down screen of the specs of the filter. Tap on the filter once more to apply it. Tap and hold to bring up the edit filter menu to alter the filter.
These look at how the app interface may look like through sorting the viewing options of the filter by ‘Category’ (frame on the left) and by ‘Location’ (Frame on the right). I am focusing on how the participant may need to search for filters in scenarios. In many cases, they may remember the filter name and simply search it alphabetically under the ‘Sort by All’ option. In other cases, they may be in a situation or involved in an activity and search filters based on the ‘Category’ that filter fits under. The app features a list of pre-set categories that the user can group their newly-created filters within. The ‘Sort by Category’ would allow the audience to easily find a filter based on their current activity. In a third case, they may search for a filter by ‘Location’ and associate certain filter phone settings with certain environments. Lastly, they may search for a filter based on their schedule, the ‘Sort by Time’ option allows them to recall on filters based on where they fit in their daily or weekly schedule (e.g. Tutoring session every Wednesday Nights activates a certain study mode filter).
* Click on links under images to download PDFs