Menu
Back to portfolio

Iota

Redesigning the mobile experience, mobile first

  • Role
  • UX/UI Designer

  • Organization
  • HCII Research under Nathan Hahn and Niki Kittur

  • Design Tools
  • Sketch, Illustrator

  • Research Methods
  • Literature review, competitive analysis, user studies

  • Duration
  • Sep 2016 - Present






PROBLEM STATEMENT

How can we help decrease the pain of dealing with tabs and design a system that augments the web browsing experience?

 

More coming soon -- this is ongoing work!


Personal Goals

When I joined the team, I realized how challenging surfacing abstract concepts and new experiences in the form of a user interface was. No one really had thought about mobile browing as more than just a pile of tabs, and it has been rewarding work trying to formulate these new mental models into an understandable, clean UI. As we phase to launch our first release in mid-March of 2017, I plan tighten up some of my interaction and visual work on Iota.


Task Groups Research

I performed a competitive audit on two types of competitors: 1) mobile browsers, 2) content managers that grouped items. To help my team understand what would be good design patterns to follow in our application, I put together a slideshow with screenshots and notes.


Select screenshots of visual audit presentation

This process of presenting and commenting helped streamline our team's expectations and also aligned with what visual style we wanted to aim for.


Design Process

Below details my design process for creating search tasks. A user first invokes a search, then is able to add similar or related searches to create a task group. I first created low-fidelity mockups to understand how nesting would look on a screen, and one of my main challenges was to have 3 layers of nested information.

Two iterations of task grouping and nesting searches


Once I understood how I could possible nest the information, I iterated on both list and card layouts to visualize what would be more effective for a user to perceive groups, which drove the ultimate decision to go with card groups.

Iterating on card and list layouts with different colors

Final task screen

More to come, including search results pages, branding, desktop viewing, and a launch page.


Concept Map

Due to the fast-paced nature of the project, I decided to create a concept map to help the team make decisions as to what features they wanted to prioritize. I held a collaborative concept mapping session with 4 others on the team and created visuals for the team to reference.