{"id":272,"date":"2012-05-04T23:47:01","date_gmt":"2012-05-04T23:47:01","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/orientexpress\/?p=272"},"modified":"2012-05-11T10:10:00","modified_gmt":"2012-05-11T10:10:00","slug":"mockups-and-ideas","status":"publish","type":"post","link":"https:\/\/blog.soton.ac.uk\/orientexpress\/2012\/05\/04\/mockups-and-ideas\/","title":{"rendered":"Mockups and Ideas"},"content":{"rendered":"<li>User provides his\/her registered email address and password to login to the app;<\/li>\n<li>User should sign up for the app when he\/she use it at first time.<\/li>\n<div id=\"attachment_471\" style=\"width: 217px\" class=\"wp-caption aligncenter\"><span class=\"frame-outer  size-medium wp-image-471\"><span><span><span><span><a href=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/16.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-471\" src=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/16-207x300.jpg\" alt=\"\" width=\"207\" height=\"300\" class=\"size-medium wp-image-471\" srcset=\"https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/16-207x300.jpg 207w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/16-708x1024.jpg 708w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/16.jpg 736w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/a><\/span><\/span><\/span><\/span><\/span><p id=\"caption-attachment-471\" class=\"wp-caption-text\">  <\/p><\/div>\n<hr \/>\n<li>User provides his\/her personal information including name, password and email address to sign up the app.<\/li>\n<div id=\"attachment_473\" style=\"width: 217px\" class=\"wp-caption aligncenter\"><span class=\"frame-outer  size-medium wp-image-473\"><span><span><span><span><a href=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/25.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-473\" src=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/25-207x300.jpg\" alt=\"\" width=\"207\" height=\"300\" class=\"size-medium wp-image-473\" srcset=\"https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/25-207x300.jpg 207w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/25-708x1024.jpg 708w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/25.jpg 736w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/a><\/span><\/span><\/span><\/span><\/span><p id=\"caption-attachment-473\" class=\"wp-caption-text\">  <\/p><\/div>\n<hr \/>\n<li>The app ranks the contacts automatically when user completes the login or registration.<\/li>\n<div id=\"attachment_275\" style=\"width: 217px\" class=\"wp-caption aligncenter\"><span class=\"frame-outer  size-medium wp-image-275\"><span><span><span><span><a href=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/31.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-275\" src=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/31-207x300.jpg\" alt=\"\" width=\"207\" height=\"300\" class=\"size-medium wp-image-275\" srcset=\"https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/31-207x300.jpg 207w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/31-708x1024.jpg 708w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/31.jpg 736w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/a><\/span><\/span><\/span><\/span><\/span><p id=\"caption-attachment-275\" class=\"wp-caption-text\">  <\/p><\/div>\n<hr \/>\n<li>User selects Contacts Ranking view, in which contacts are ranked by credits in descending order;<\/li>\n<li>User presses the gear tab to set the app;<\/li>\n<li>User searches a contact by inputting the contact\u2019s name in the search box;<\/li>\n<li>User enables the footprint to share his\/her current location with the corresponding contact;<\/li>\n<li>When a contact\u2019s social networks information has updated, a green mark appears behind the corresponding contact to notice the user with the updating;<\/li>\n<li>User selects one particular contact to view the contact\u2019s information.<\/li>\n<div id=\"attachment_566\" style=\"width: 217px\" class=\"wp-caption aligncenter\"><span class=\"frame-outer  size-medium wp-image-566\"><span><span><span><span><a href=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/410.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-566\" src=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/410-207x300.jpg\" alt=\"\" width=\"207\" height=\"300\" class=\"size-medium wp-image-566\" srcset=\"https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/410-207x300.jpg 207w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/410-708x1024.jpg 708w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/410.jpg 736w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/a><\/span><\/span><\/span><\/span><\/span><p id=\"caption-attachment-566\" class=\"wp-caption-text\">  <\/p><\/div>\n<hr \/>\n<li>User sets personal details, language, sound effects, push notification and the enabled social networks in the Setting view;<\/li>\n<li>User clicks the Logout tab to logout the app.<\/li>\n<div id=\"attachment_277\" style=\"width: 217px\" class=\"wp-caption aligncenter\"><span class=\"frame-outer  size-medium wp-image-277\"><span><span><span><span><a href=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/51.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-277\" src=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/51-207x300.jpg\" alt=\"\" width=\"207\" height=\"300\" class=\"size-medium wp-image-277\" srcset=\"https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/51-207x300.jpg 207w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/51-708x1024.jpg 708w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/51.jpg 736w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/a><\/span><\/span><\/span><\/span><\/span><p id=\"caption-attachment-277\" class=\"wp-caption-text\">  <\/p><\/div>\n<hr \/>\n<li>In Info view, there are three subsections: Profile, Statistics and Social;<\/li>\n<li>In Profile section,  user views the selected contact\u2019s current location (if the contact permits user to view it) on the map by press the refresh tab;<\/li>\n<li>User presses the edit tab to edit the contact\u2019s information;<\/li>\n<li>User presses the telephone numbers to call the contact;<\/li>\n<li>User presses the SMS tab to send messages to the contact;<\/li>\n<li>User presses the email address to send emails to the contact.<\/li>\n<div id=\"attachment_278\" style=\"width: 217px\" class=\"wp-caption aligncenter\"><span class=\"frame-outer  size-medium wp-image-278\"><span><span><span><span><a href=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/6.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-278\" src=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/6-207x300.jpg\" alt=\"\" width=\"207\" height=\"300\" class=\"size-medium wp-image-278\" srcset=\"https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/6-207x300.jpg 207w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/6-708x1024.jpg 708w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/6.jpg 736w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/a><\/span><\/span><\/span><\/span><\/span><p id=\"caption-attachment-278\" class=\"wp-caption-text\">  <\/p><\/div>\n<hr \/>\n<li>In Statistics section, user views the communication frequencies and records with the contact;<\/li>\n<li>User views the communication frequencies by selecting the aimed year and month;<\/li>\n<li>User views the communication frequencies in five categories: Overall, Calls, SMS, Video and Meet;<\/li>\n<li>User views the detail communication records with the user by time.<\/li>\n<div id=\"attachment_279\" style=\"width: 217px\" class=\"wp-caption aligncenter\"><span class=\"frame-outer  size-medium wp-image-279\"><span><span><span><span><a href=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/7.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-279\" src=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/7-207x300.jpg\" alt=\"\" width=\"207\" height=\"300\" class=\"size-medium wp-image-279\" srcset=\"https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/7-207x300.jpg 207w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/7-708x1024.jpg 708w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/7.jpg 736w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/a><\/span><\/span><\/span><\/span><\/span><p id=\"caption-attachment-279\" class=\"wp-caption-text\">  <\/p><\/div>\n<hr \/>\n<li>In Social Section, user slides on the top of the screen to select social network;<\/li>\n<li>User views the contact\u2019s information by categories including Photos, Status. News, Notes and Links.<\/li>\n<div id=\"attachment_280\" style=\"width: 217px\" class=\"wp-caption aligncenter\"><span class=\"frame-outer  size-medium wp-image-280\"><span><span><span><span><a href=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/8.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-280\" src=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/8-207x300.jpg\" alt=\"\" width=\"207\" height=\"300\" class=\"size-medium wp-image-280\" srcset=\"https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/8-207x300.jpg 207w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/8-708x1024.jpg 708w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/8.jpg 736w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/a><\/span><\/span><\/span><\/span><\/span><p id=\"caption-attachment-280\" class=\"wp-caption-text\">  <\/p><\/div>\n<hr \/>\n<li>User selects the Social Networks tab to enter the social networks view.<\/li>\n<div id=\"attachment_568\" style=\"width: 217px\" class=\"wp-caption aligncenter\"><span class=\"frame-outer  size-medium wp-image-568\"><span><span><span><span><a href=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/94.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-568\" src=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/94-207x300.jpg\" alt=\"\" width=\"207\" height=\"300\" class=\"size-medium wp-image-568\" srcset=\"https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/94-207x300.jpg 207w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/94-708x1024.jpg 708w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/94.jpg 736w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/a><\/span><\/span><\/span><\/span><\/span><p id=\"caption-attachment-568\" class=\"wp-caption-text\">  <\/p><\/div>\n<hr \/>\n<li>In Social Networks View, user slides on the top of the screen to select social network;<\/li>\n<li>User selects the information\u2019s ranking mode between RANK FIRST and Most recent;<\/li>\n<li>User views all the contact\u2019s information by categories including Photos, Status. News, Notes and Links.<\/li>\n<div id=\"attachment_282\" style=\"width: 217px\" class=\"wp-caption aligncenter\"><span class=\"frame-outer  size-medium wp-image-282\"><span><span><span><span><a href=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/10.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-282\" src=\"http:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/10-207x300.jpg\" alt=\"\" width=\"207\" height=\"300\" class=\"size-medium wp-image-282\" srcset=\"https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/10-207x300.jpg 207w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/10-708x1024.jpg 708w, https:\/\/blog.soton.ac.uk\/orientexpress\/files\/2012\/05\/10.jpg 736w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/a><\/span><\/span><\/span><\/span><\/span><p id=\"caption-attachment-282\" class=\"wp-caption-text\">  <\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>User provides his\/her registered email address and password to login to the app; User should sign up for the app when he\/she use it at first time. User provides his\/her personal information including name, password and email address to sign up the app. The app ranks the contacts automatically when user completes the login or [&hellip;]<\/p>\n","protected":false},"author":222,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27713],"tags":[7001],"class_list":["post-272","post","type-post","status-publish","format-standard","hentry","category-product-design","tag-mockups"],"_links":{"self":[{"href":"https:\/\/blog.soton.ac.uk\/orientexpress\/wp-json\/wp\/v2\/posts\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.soton.ac.uk\/orientexpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.soton.ac.uk\/orientexpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/orientexpress\/wp-json\/wp\/v2\/users\/222"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/orientexpress\/wp-json\/wp\/v2\/comments?post=272"}],"version-history":[{"count":25,"href":"https:\/\/blog.soton.ac.uk\/orientexpress\/wp-json\/wp\/v2\/posts\/272\/revisions"}],"predecessor-version":[{"id":699,"href":"https:\/\/blog.soton.ac.uk\/orientexpress\/wp-json\/wp\/v2\/posts\/272\/revisions\/699"}],"wp:attachment":[{"href":"https:\/\/blog.soton.ac.uk\/orientexpress\/wp-json\/wp\/v2\/media?parent=272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/orientexpress\/wp-json\/wp\/v2\/categories?post=272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/orientexpress\/wp-json\/wp\/v2\/tags?post=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}