Web

Dabble Website Mockup

Web

 


The website is the main environment of Dabble and where most users are expected to interact with the application. Here we see a sample page of Dabble News containing a user’s feed of the various categories they follow and that their friends are interacting with. On the top navigation are the other icons, including Home on the left, and Profile, Notifications, Chat, Settings, and Security on the right. Users can set their favorite categories to the top navigation next to the home button.

Within a story there will be the category icon in the upper left and the category color lining the left side. On the left side of the story block is the heading and introduction to the story and on the right is the featured image of the story. Below is comments and interactions with the story.

On the left side will be a list of categories, live ticker, trending stories, and/or recommended stories for the logged in user depending on what page they are on and their settings.