{"id":428,"date":"2022-09-28T11:51:29","date_gmt":"2022-09-28T00:51:29","guid":{"rendered":"http:\/\/mobisoft.com.au\/?p=428"},"modified":"2022-08-29T13:25:43","modified_gmt":"2022-08-29T02:25:43","slug":"visual-testing","status":"publish","type":"post","link":"http:\/\/www.mobisoft.com.au\/?p=428","title":{"rendered":"Visual Testing"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-832 alignnone\" src=\"http:\/\/www.mobisoft.com.au\/wp-content\/uploads\/2013\/06\/HEX-COLOURS-149x375.jpg\" alt=\"HEX COLOURS\" width=\"149\" height=\"375\" srcset=\"http:\/\/www.mobisoft.com.au\/wp-content\/uploads\/2013\/06\/HEX-COLOURS-149x375.jpg 149w, http:\/\/www.mobisoft.com.au\/wp-content\/uploads\/2013\/06\/HEX-COLOURS.jpg 221w\" sizes=\"(max-width: 149px) 100vw, 149px\" \/><img decoding=\"async\" loading=\"lazy\" class=\" wp-image-664 size-medium alignright\" src=\"http:\/\/www.mobisoft.com.au\/wp-content\/uploads\/2014\/01\/Visual-Testing-Screen-500x285.jpg\" alt=\"Visual Testing - Screen\" width=\"500\" height=\"285\" srcset=\"http:\/\/www.mobisoft.com.au\/wp-content\/uploads\/2014\/01\/Visual-Testing-Screen-500x285.jpg 500w, http:\/\/www.mobisoft.com.au\/wp-content\/uploads\/2014\/01\/Visual-Testing-Screen.jpg 1000w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>What looks right or wrong is often a matter of subtle differences to the original creative layouts. So before your website or mobile app is published, it&#8217;s important to check that everything displays properly, such as;<\/p>\n<h5><strong>Screen<\/strong><\/h5>\n<ul>\n<li>Colour and shading are correct, and that gradients are consistent with <a href=\"http:\/\/mobisoft.com.au\/?p=568\">design comps<\/a>.<\/li>\n<li>Padding (white space) around the edges.<\/li>\n<li>Text, images, controls (buttons) don&#8217;t run into the edges of the screen.<\/li>\n<\/ul>\n<h5><strong>Controls<\/strong><\/h5>\n<ul>\n<li>Text, controls and images are aligned properly.<\/li>\n<li>Hover and selection states highlight correctly, and change colour.<\/li>\n<li>Clickable areas are suitably sized.<\/li>\n<\/ul>\n<h5><strong>Text<\/strong><\/h5>\n<ul>\n<li>Font sizes, style and colour are consistent for each type of text.<\/li>\n<li>Words are not cut off or left dangling<\/li>\n<li>Text scrolling displays correctly.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What looks right or wrong is often a matter of subtle differences to the original creative layouts. So before your website or mobile app is published, it&#8217;s important to check that everything displays properly, such as; Screen Colour and shading are correct, and that gradients are consistent with design comps. Padding (white space) around the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1064,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[24],"tags":[],"_links":{"self":[{"href":"http:\/\/www.mobisoft.com.au\/index.php?rest_route=\/wp\/v2\/posts\/428"}],"collection":[{"href":"http:\/\/www.mobisoft.com.au\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.mobisoft.com.au\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.mobisoft.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.mobisoft.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=428"}],"version-history":[{"count":26,"href":"http:\/\/www.mobisoft.com.au\/index.php?rest_route=\/wp\/v2\/posts\/428\/revisions"}],"predecessor-version":[{"id":1234,"href":"http:\/\/www.mobisoft.com.au\/index.php?rest_route=\/wp\/v2\/posts\/428\/revisions\/1234"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.mobisoft.com.au\/index.php?rest_route=\/wp\/v2\/media\/1064"}],"wp:attachment":[{"href":"http:\/\/www.mobisoft.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.mobisoft.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=428"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.mobisoft.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}