Skip to content

Mockups for the Project CCMD

Jump to bottom
mbarsbey edited this page Apr 6, 2016 · 37 revisions

Below are the mockups for the Project CCMD. Please note that numbers provided in red are not part of the mockups but are there to provide connection between images.

###1. Home Screen

Home screen is the page that the user lands when she starts using the web site (here the view is presented after login). The topics that the user sees in the middle are a combination of popular topics and those recommended for the user. For example, see that the user is seeing "Women's Rights in the Workplace" and "Feminism" in the map, although they are not in the popular topics list (for a non-registered user, this screen just shows the popular topics, and the feed on the top just reports posts from popular users).

###2. Focusing on a Topic, Zoomed Out

Here sthe user clicked on one of the circles, "Women's Rights in the Workplace". Now this topic is in focus. See that this topic has come to the center of the screen. Now, more connections of this topic is seen. The user can also see the popular tags and number of posts & users under the topic name. With one more click, the user can zoom into the topic (Image 4).

###3. Moving on to Another Topic

The user clicked to a neighboring topic. Now the topic "Feminism" is in focus. More of its connections are seen, so are its most popular tags, and other statistics. Note that the user can go back to the previous topic, or visit any other topic.

###4. Focusing on a Topic, Zoomed In

The user now clicked once more onto the topic and now she is inside the topic and can see the posts, their grading, other users' rections etc. Notice that user can create a topic (Image 7), click 'zoom out' and go to the zoomed out version of the same topic (Image 2), do a search (Image 8), or click on a user name and go to the user page (Image 6)

###5. Create a Post

The user now decided to create a post to contribute to the discussion. User can finish the post, and click 'post' to join the discussion. Or she can use the functionalities described in heading 4.

###6. User Page

While navigating the discussions (or after some search), the user clicked on a user's profile.

###7. Create a Topic

The user decided to create a topic.

###8. Search

The user decided to search for a topic/post/user.

Home

Project Description

Milestone Reports (Fall 2016)

Group 11 Members

  • [Büşra Öziş](Büşra Öziş)
  • [Mehmet Özdemir](Mehmet Özdemir)
  • [Mustafa Doğukan Ocak](Mustafa Doğukan Ocak)
  • [Mustafa Erdoğan](Mustafa Erdoğan)
  • [Özgür Akyazı](Özgür Akyazı)
  • [Sinan Harputluoğlu](Sinan Harputluoğlu)
  • [Emrah Küçük](Emrah Küçük)
  • [Kaan Bulut Tekelioğlu](Kaan Bulut Tekelioğlu)

###Meeting Minutes (Fall 2016)

Customer Meetings (Fall 2016)

Milestone Reports (Spring 2016)

###Meeting Minutes (Spring 2016)

Customer Meetings (Spring 2016)

Internal Instruction Files

Documentation

Clone this wiki locally