{"id":281,"date":"2015-04-28T21:11:37","date_gmt":"2015-04-28T21:11:37","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/socialeyes\/?p=281"},"modified":"2015-05-01T14:00:13","modified_gmt":"2015-05-01T14:00:13","slug":"mock-up-mobile-app","status":"publish","type":"post","link":"https:\/\/blog.soton.ac.uk\/socialeyes\/2015\/04\/28\/mock-up-mobile-app\/","title":{"rendered":"Mock up – Mobile app"},"content":{"rendered":"

Different mocks up were created for the main screens of the app such as: home page, search, leaderboard and profile.\u00a0In all of the mock ups there are some shared elements such as the menu at the top and bottom bar, the icon will change color depending on the screen that is active.<\/p>\n

The home screen is what the user is going to see once the app is launched. Here the user can check the trends for the different categories. Basically, what has been popular in the last few days or weeks. Some of the categories can be: restaurants, pubs, gigs or nightclubs; however, there can be many more categories or the user can define which categories are to be shown in the home screen according to their preferences.<\/p>\n

After the trends section there is going to be a map that shows the recently checked places around the user. The map will display with different colors (depending on the categories) what the people are doing.<\/p>\n

The next screenshots show the elements of this screen.<\/p>\n

 <\/p>\n

\"home<\/a>
Mobile – home screen<\/figcaption><\/figure>\n

 <\/p>\n

The next screen to cover is “Search”, the functionality of this screen is to specify different criteria to find places according to that. For example, the user wants to know where people with a high ranking for restaurants aged “25 – 30” eat Chinese food. The user will hit the search button and a map will be displayed below with the markers on the map and the list of the places that match the query.<\/p>\n

The next screenshot show the elements of this screen.<\/p>\n

\"Search<\/a>
Mobile – search screen<\/figcaption><\/figure>\n

The third screen is “Leaderboard”, where the user can check the different categories to see how the people are doing\u00a0per category and in which position the user stands. The second section of this screen is “Your ranking” where the user can visualize the level he\/she has in the different categories. More levels mean more\/better rewards.<\/p>\n

 <\/p>\n

\"Leaderboard<\/a>
Mobile – Leaderboard screen<\/figcaption><\/figure>\n

Finally, the last element of the menu is “Profile”, in this screen the user can check their details such as name, age and username, select different interests and review their activity. The following screenshot shows the elements of this screen.<\/p>\n

 <\/p>\n

\"Profile<\/a>
Mobile – Profile screen<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

Different mocks up were created for the main screens of the app such as: home page, search, leaderboard and profile.\u00a0In all of the mock ups there are some shared elements such as the menu at the top and bottom bar, the icon will change color depending on the screen that is active. The home screen is what the user is… Read more → <\/a><\/span><\/p>\n","protected":false},"author":97408,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[7024],"tags":[65454,996693,4219,996694],"class_list":["post-281","post","type-post","status-publish","format-standard","hentry","category-mock-up","tag-app","tag-design","tag-mobile","tag-mock-up"],"_links":{"self":[{"href":"https:\/\/blog.soton.ac.uk\/socialeyes\/wp-json\/wp\/v2\/posts\/281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.soton.ac.uk\/socialeyes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.soton.ac.uk\/socialeyes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/socialeyes\/wp-json\/wp\/v2\/users\/97408"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/socialeyes\/wp-json\/wp\/v2\/comments?post=281"}],"version-history":[{"count":3,"href":"https:\/\/blog.soton.ac.uk\/socialeyes\/wp-json\/wp\/v2\/posts\/281\/revisions"}],"predecessor-version":[{"id":322,"href":"https:\/\/blog.soton.ac.uk\/socialeyes\/wp-json\/wp\/v2\/posts\/281\/revisions\/322"}],"wp:attachment":[{"href":"https:\/\/blog.soton.ac.uk\/socialeyes\/wp-json\/wp\/v2\/media?parent=281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/socialeyes\/wp-json\/wp\/v2\/categories?post=281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/socialeyes\/wp-json\/wp\/v2\/tags?post=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}