For the main screen, the idea was to give users access to the main tabs in Quibb. When I do use the site, I prefer seeing the “All” tab, the part of the site that shows all the content posted by Quibb members. But after talking with Sandi MacPherson, Quibb’s founder, there were many more use cases to account for beyond my own.
Quibb is known for having a very austere visual presentation. Mainly black and white with almost no use of color. Here, I stayed consistent with the minimal color palette. I changed the app header to allow for the ability to change categories. As the user swipes left, they can see the other categories on the website, “Popular”, and “All”. Also, by moving the member portraits to the right, there is a greater feeling of emphasis on the news stories themselves, as opposed to the person that shared it.
Once the user taps an article, the page pans to the left and reveals the article beneath the main screen. As with the prior page, moving the member information below the article keeps the focus on content. The main controls for this page are vastly simplified to just likes and replying with comments. To go back, the user drags to the right to pull the main screen back from the left side of the screen.
To interact with comments, the user drags the comment to the left revealing additional controls for “Like”, “Reply”, and “View Profile”. Drag the comment to the right or just tap the comment to close.
Tapping the headline of the article will slide the detail page to the left and open the article. The Quibb toolbar is still there, allowing users to either go back to the previous page, or open the article in the user’s default browser. The icons here, are simplified and adhere to Quibb’s minimalist style.