{"id":171,"date":"2012-04-11T18:14:22","date_gmt":"2012-04-11T18:14:22","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/thenextbestthing\/?p=171"},"modified":"2012-05-11T14:40:56","modified_gmt":"2012-05-11T14:40:56","slug":"mockups-visualizing-3speech","status":"publish","type":"post","link":"https:\/\/blog.soton.ac.uk\/thenextbestthing\/2012\/04\/11\/mockups-visualizing-3speech\/","title":{"rendered":"Mockups \u2013 Visualizing 3speech"},"content":{"rendered":"<p>Based on design principles presented in the User Interface Considerations post, we created mockup screenshots of how 3speech will look and feel to users. Mockups are simple way to visualize core webpage elements and can have a great impact on resolving navigation issues. The figures below present what we came up and constitute a starting iteration point on our user interface design path. Figure 1 presents the login page for 3speech, while Figure 2 displays the user\u2019s projected timeline.<\/p>\n<div id=\"attachment_173\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/blog.soton.ac.uk\/thenextbestthing\/files\/2012\/05\/index.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-173\" src=\"http:\/\/blog.soton.ac.uk\/thenextbestthing\/files\/2012\/05\/index-300x218.png\" alt=\"3speech Login Page Screenshot\" width=\"300\" height=\"218\" class=\"size-medium wp-image-173\" srcset=\"https:\/\/blog.soton.ac.uk\/thenextbestthing\/files\/2012\/05\/index-300x218.png 300w, https:\/\/blog.soton.ac.uk\/thenextbestthing\/files\/2012\/05\/index.png 960w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-173\" class=\"wp-caption-text\">3speech -  Login Page<\/p><\/div>\n<div id=\"attachment_184\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/blog.soton.ac.uk\/thenextbestthing\/files\/2012\/05\/dashboard.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-184\" src=\"http:\/\/blog.soton.ac.uk\/thenextbestthing\/files\/2012\/05\/dashboard-300x186.jpg\" alt=\"3speech - Main page\" width=\"300\" height=\"186\" class=\"size-medium wp-image-184\" srcset=\"https:\/\/blog.soton.ac.uk\/thenextbestthing\/files\/2012\/05\/dashboard-300x186.jpg 300w, https:\/\/blog.soton.ac.uk\/thenextbestthing\/files\/2012\/05\/dashboard.jpg 957w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-184\" class=\"wp-caption-text\">Figure 2: 3speech - Dashboard of user's activity<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Based on design principles presented in the User Interface Considerations post, we created mockup screenshots of how 3speech will look and feel to users. Mockups are simple way to visualize core webpage elements and can have a great impact on resolving navigation issues. The figures below present what we came up and constitute a starting [&hellip;]<\/p>\n","protected":false},"author":243,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18622],"tags":[6502,236],"class_list":["post-171","post","type-post","status-publish","format-standard","hentry","category-front-end-design","tag-design","tag-ui"],"_links":{"self":[{"href":"https:\/\/blog.soton.ac.uk\/thenextbestthing\/wp-json\/wp\/v2\/posts\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.soton.ac.uk\/thenextbestthing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.soton.ac.uk\/thenextbestthing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/thenextbestthing\/wp-json\/wp\/v2\/users\/243"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/thenextbestthing\/wp-json\/wp\/v2\/comments?post=171"}],"version-history":[{"count":9,"href":"https:\/\/blog.soton.ac.uk\/thenextbestthing\/wp-json\/wp\/v2\/posts\/171\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/blog.soton.ac.uk\/thenextbestthing\/wp-json\/wp\/v2\/posts\/171\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/blog.soton.ac.uk\/thenextbestthing\/wp-json\/wp\/v2\/media?parent=171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/thenextbestthing\/wp-json\/wp\/v2\/categories?post=171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/thenextbestthing\/wp-json\/wp\/v2\/tags?post=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}