tag:blogger.com,1999:blog-86067442544576402042024-03-05T23:19:02.372-08:00WebShopHeroeswebshopherohttp://www.blogger.com/profile/04182173975478200408noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-8606744254457640204.post-89789313920873876452015-04-05T03:45:00.001-07:002015-04-07T03:56:24.529-07:00Aesthetic Redesign<span style="font-family: Verdana,sans-serif;">To make the functional redesign pleasing to the eye, a adaptation was made, namely the aesthetic redesign. Again, fist we present the old version then then new version:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEC_a16SPAfuj_ldJR-xsG3aIxJ1vUtvl2XwFtoJ5zv9w6BVphpNd-39fqF8dHHSa_tj4SYKLz1JggA1NTjiqOypFTrSw2WvgYpnhUKJkKTOnsnFTCX_T6PoVbXYhISA9JJWX-MJURI9z6/s1600/GROUP_R_Afuture1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEC_a16SPAfuj_ldJR-xsG3aIxJ1vUtvl2XwFtoJ5zv9w6BVphpNd-39fqF8dHHSa_tj4SYKLz1JggA1NTjiqOypFTrSw2WvgYpnhUKJkKTOnsnFTCX_T6PoVbXYhISA9JJWX-MJURI9z6/s1600/GROUP_R_Afuture1.png" height="180" width="320" /> </a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEGhQyA6oftLOMOpigWKSTryVtzp4ZizgCW5Q3IeFqtnHRO272NNMS0yNQGjQjJClQoKg4M_uMXb2u3LBfsM5H4_oi7CPW6rp-gv7mmzwwnz5WUZcIvjlJcmpI8folGUyraXrQIBAB-aLN/s1600/draft4+home-01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEGhQyA6oftLOMOpigWKSTryVtzp4ZizgCW5Q3IeFqtnHRO272NNMS0yNQGjQjJClQoKg4M_uMXb2u3LBfsM5H4_oi7CPW6rp-gv7mmzwwnz5WUZcIvjlJcmpI8folGUyraXrQIBAB-aLN/s1600/draft4+home-01.png" height="320" width="159" /></a></span></div>
<span style="font-family: Verdana,sans-serif;">[home page & redesign]</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieN1zftsdDgrxCqFhPvu5znRbYP-cNcXArTGh4hisno6dnWdQWBnWMyQ1wgP-i0SalU8nkNvLbbqWIWz7zEqTAwUNJn98XS5rJVdVMKihSG9hL4JTZTexr2M2XCsRaQMiEbjvMmTV1jOec/s1600/draft4+home-02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN53pGuxevGm0g-XWVoPonEffpih9C2x8tGmIk5xbWhPdt-82Jqo6QKJDkNgdSYm81cf50fa6zRN7AyviizqCS0aoeV_ZkVxMnLpjiiPtLCKWY1tD84w0TNlG1zZkLF-STHcQQEOqm4MzS/s1600/GROUP_R_Afuture2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN53pGuxevGm0g-XWVoPonEffpih9C2x8tGmIk5xbWhPdt-82Jqo6QKJDkNgdSYm81cf50fa6zRN7AyviizqCS0aoeV_ZkVxMnLpjiiPtLCKWY1tD84w0TNlG1zZkLF-STHcQQEOqm4MzS/s1600/GROUP_R_Afuture2.jpg" height="180" width="320" /></a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieN1zftsdDgrxCqFhPvu5znRbYP-cNcXArTGh4hisno6dnWdQWBnWMyQ1wgP-i0SalU8nkNvLbbqWIWz7zEqTAwUNJn98XS5rJVdVMKihSG9hL4JTZTexr2M2XCsRaQMiEbjvMmTV1jOec/s1600/draft4+home-02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieN1zftsdDgrxCqFhPvu5znRbYP-cNcXArTGh4hisno6dnWdQWBnWMyQ1wgP-i0SalU8nkNvLbbqWIWz7zEqTAwUNJn98XS5rJVdVMKihSG9hL4JTZTexr2M2XCsRaQMiEbjvMmTV1jOec/s1600/draft4+home-02.png" height="320" width="174" /></a></span></div>
<span style="font-family: Verdana,sans-serif;">[product page & redesign]</span><br />
<span style="font-family: Verdana,sans-serif;"><b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;"></b></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #cccccc;"><b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Logo</span></b></span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #cccccc;"><b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Based on the eye track results less than half of the respondents have looked intensely at the logo. As brand identity is important for a company to strive in a competitive industry, it’s crucial to get your name out there. The logo has therefore been enlarged in the functional redesign, to be more noticeable.</span><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br class="kix-line-break" /></span><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Based on the current logo design a new one has been developed, in which the orange pattern at the end of the brand has been brought to the beginning of the brand.</span></b></span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #cccccc;"><b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="49px;" src="https://lh6.googleusercontent.com/yoPCaBZhTLiu2CGfQA8r5lE6OBpeKGkwB_1WK2l6Jp2WlBAoZM5--c3v2v1V4hBhd3vGsiGJKXoVcnOO0Ypusbc-oVPTATrZHAJMvFaR0nrwKD4QrSOJdZ2N0oKUubB1R4DQKg8" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="291px;" /></span><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="60px;" src="https://lh6.googleusercontent.com/L7d45LRoWwyiS-6IjhrnnogAdrJoHJV6bniOIK8gP0OvBV9u3mOozC-PPmI7pXTbbpklZC0ZKP84Pp7Laokz89SGhHywvbJ1OsvJy5mt-Uk25rBlzCmXv92OJyze6nFlOjN2YJk" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="232px;" /></span></b></span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #cccccc;"><b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">This would call for more attention on the orange pattern that is used, because western people go through a website from left to right. This attentional guidance would mean that the orange icon in the logo will be perceived and noticed first, which is important because the icons will be used throughout the design of the website.</span></b></span></div>
<span style="color: #cccccc;"><b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;"><br /></b></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #cccccc;"><b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Template</span></b></span></div>
<span style="color: #cccccc;"><b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;">
</b></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #cccccc;"><b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">As Afuture works in the IT / multimedia industry, a look has been given at templates of well known companies that work in the same branch. During this research, it became clear that these company’s contain the same template elements. Most of the important elements have therefore been incorporated, because it already has proved that it works, this integration will make user recognise the industry and the interaction on that the website has.</span></b></span></div>
<span style="color: #cccccc;"><b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;">
</b></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #cccccc;"><b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="72px;" src="https://lh6.googleusercontent.com/4_6vlsGf8i0tDeQvIdQAQEy-ddj_eGqGcCIC5hqXk3s2ATemDB6vidGdQ7AupmJTl8o7GVLFLDaOUZu196OQNf_egHVQcsgW0xveMByEdFtve7ex0h6ywyi9o0AtW5N8-RLsmUs" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="595px;" /></span></b></span></div>
<b id="docs-internal-guid-75efca4f-9383-0af8-5969-0b05b132bf46" style="font-weight: normal;">
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Branding</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The website makes use of four main color codes: Orange, Gray, White and Black. As these colors define the house style of the website, a better look has been given at the colour palette. To enhance the visual pathway, the colour codes have been slightly adjusted to enhance the contrast of elements, which make the stand out. At the same time the colors create unity, because the continuously come back in different pages.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="40px;" src="https://lh3.googleusercontent.com/ps7glVKitO8EczdKq0YCh1c_FIzjWUn2ErLCZoS4pwRdcUMt5rNiqmmxePg2d4mxQAsqqq7knBjjY4gcxlaoRkKIuPODwU75fT6oo3RAAuUNn7GN6ULJGaDwc5elMH6V4lhIqBA" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="132px;" /></span><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="50px;" src="https://lh5.googleusercontent.com/4KejvZksKyqTmZYwnZBc_3vuSYdKBq73V8tKQFAYqFtjy3_Lp31zlcz9MUvanAi0dCyRp2l0dubG_JCKmDZppzmOSJJPmSwmClt6_cEVIhIGp6-cHlc041aPLaMu8-kF007lcPo" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="49px;" /></span><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="22px;" src="https://lh4.googleusercontent.com/LrHcRSGBw7KfeEP1rADeoNPBE5z8vVRxIKr2mg7OJ9tRP8sEt4UXkLelh8Vnt5hWXm43UtMlM6NaUNbiPcR5sc-4u7FH5FpA9xooou9DB15EVW5cCtKoc7NUV0_N7uZcZ4xXPm8" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="172px;" /></span><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="41px;" src="https://lh6.googleusercontent.com/rjg2YL4AY4gelOF5Wtru-dEEvIg84NAkKN1tFBKHM4_j02nXmIlGtueBC1no89NJjh_K1StemtZb5Q-hOjM70VmxBBg3MukAG2cXz3-o78403HZpx5tY77dYhdhI5wiHk0-kxm0" style="border: medium none; transform: rotate(0rad);" width="35px;" /></span></div>
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Buttons</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The buttons used on the website have derived from the icon on the logo that has been described earlier. To create harmony and unity, the colours and shape of the icon are being reused as buttons.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="50px;" src="https://lh5.googleusercontent.com/4KejvZksKyqTmZYwnZBc_3vuSYdKBq73V8tKQFAYqFtjy3_Lp31zlcz9MUvanAi0dCyRp2l0dubG_JCKmDZppzmOSJJPmSwmClt6_cEVIhIGp6-cHlc041aPLaMu8-kF007lcPo" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="49px;" /></span><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img height="40px;" src="https://lh3.googleusercontent.com/ps7glVKitO8EczdKq0YCh1c_FIzjWUn2ErLCZoS4pwRdcUMt5rNiqmmxePg2d4mxQAsqqq7knBjjY4gcxlaoRkKIuPODwU75fT6oo3RAAuUNn7GN6ULJGaDwc5elMH6V4lhIqBA" style="-webkit-transform: rotate(0.00rad); border: none; transform: rotate(0.00rad);" width="132px;" /></span></div>
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Product page</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The product page of Afuture contained very little visual feedback of the product. This option has been worked out in the redesign, making it possible to view more angles and picture of the product chosen.</span></div>
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">User interaction (Product page)</span></div>
<span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">To stand out in a competitive industry a new option has been given on product specification. People can now hover over a certain element of the product and will perceive a zoomed in product description on the specific element that has been hovered above. This new option, gives an new user experience and makes way for a new viewpoint on understanding products.</span></b>webshopherohttp://www.blogger.com/profile/04182173975478200408noreply@blogger.com0tag:blogger.com,1999:blog-8606744254457640204.post-64499861317160043672015-04-05T03:40:00.001-07:002015-04-07T04:04:48.800-07:00Functional Redesign<span style="color: #cccccc;">Considering what came out of the tests [eye tracker, visual search and change blindness], a functional redesign was made. First we show the old version, followed by the redesign:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #cccccc;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpBBvaPhFLxWaqci_9yEHaEPZ5vMniFCTJYAkicQTPDwaZSp0ZfOQO9VbH8O1F-eY89ma0rSQ0MOucXXYkyCcSJhSXmNhoJMosfvzAb3cZRWuWQiIvqsYgVqp3SnIJbKe2Aq-P4PEH9Che/s1600/GROUP_R_Afuture1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpBBvaPhFLxWaqci_9yEHaEPZ5vMniFCTJYAkicQTPDwaZSp0ZfOQO9VbH8O1F-eY89ma0rSQ0MOucXXYkyCcSJhSXmNhoJMosfvzAb3cZRWuWQiIvqsYgVqp3SnIJbKe2Aq-P4PEH9Che/s1600/GROUP_R_Afuture1.png" height="180" width="320" /></a></span></div>
<span style="color: #cccccc;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #cccccc;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoxaRZwoNcMV0Qi9gAN3UNEx9Smx7b_Mh70RiwarTpbyBSWuyjrGwEVO_khXThdLdjFSz34DHOuv8npsOrMPjYGy-f1Srb1d62ZfLF5nEUwA7hOZERQ3bMkVnNBrsCZkICfzoSfFSLGUkc/s1600/screen+home+edited+final.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoxaRZwoNcMV0Qi9gAN3UNEx9Smx7b_Mh70RiwarTpbyBSWuyjrGwEVO_khXThdLdjFSz34DHOuv8npsOrMPjYGy-f1Srb1d62ZfLF5nEUwA7hOZERQ3bMkVnNBrsCZkICfzoSfFSLGUkc/s1600/screen+home+edited+final.jpg" height="159" width="320" /></a></span></div>
<span style="color: #cccccc;">[home screen & version 2.0]</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #cccccc;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ZVxJajsDk12lUQE27x4t1beXTuhFie5vI_dOIzJnmMmMSdY_Yg4Y-JXSxaVoLdKd2WApybAWoXNyY3Zd7xfjWtYmtoAko6ZC3nkC5ps9Q6u7QznXFFRdSICMBhUrN_sZL5sHLZ9fiq4D/s1600/GROUP_R_Afuture2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ZVxJajsDk12lUQE27x4t1beXTuhFie5vI_dOIzJnmMmMSdY_Yg4Y-JXSxaVoLdKd2WApybAWoXNyY3Zd7xfjWtYmtoAko6ZC3nkC5ps9Q6u7QznXFFRdSICMBhUrN_sZL5sHLZ9fiq4D/s1600/GROUP_R_Afuture2.jpg" height="180" width="320" /></a></span></div>
<span style="color: #cccccc;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #cccccc;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXk5nHanvICJy3P3m7OC08UnHjX2z5ylFlDEu8l9jHkdzQ_QdgWPqq8rbf7qn_wPVCYjFnR1nf7_KSaOQ0Q7VR8lUENJmnC_8Tkj1VZjEgF8yvtGzkLDmq6hIaGueWcY5_JdA2WDguxL_o/s1600/product+page+edited+final.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXk5nHanvICJy3P3m7OC08UnHjX2z5ylFlDEu8l9jHkdzQ_QdgWPqq8rbf7qn_wPVCYjFnR1nf7_KSaOQ0Q7VR8lUENJmnC_8Tkj1VZjEgF8yvtGzkLDmq6hIaGueWcY5_JdA2WDguxL_o/s1600/product+page+edited+final.jpg" height="183" width="320" /></a></span></div>
<span style="color: #cccccc;">[product page & version 2.0]</span><br />
<span style="color: #cccccc;">This redesign was based on our previously done analyses:</span><br />
<span style="font-family: Verdana,sans-serif;"><span style="font-size: x-small;"><b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;"></b></span></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">As we find the search lens important, there should be improvement to make the lens more apparent to the visitors. </span></b></div>
<b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">With the visual search the elements that took longest were ones that are important to us. It was quite surprising that the logo took relatively long in the visual search while taking least time with the change blindness. Some redesign of the logo should be in order as it is an important element of a website.</span></b><br />
<span style="color: #cccccc;"><br /></span>webshopherohttp://www.blogger.com/profile/04182173975478200408noreply@blogger.com1tag:blogger.com,1999:blog-8606744254457640204.post-70779398871220784612015-04-02T04:17:00.002-07:002015-04-02T04:17:45.627-07:00Analysis of similar webshops<span style="font-size: large;">Home Page</span><b> </b><br />
<b><br /></b>
<b>Header</b><br />
The webshop's header always consists of the following:<br />
<ul>
<li>Logo of the website/company [left]</li>
<li>A search bar [middle]</li>
<li>A sign in element [right]</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgesvr5XKjibHkt7OrCH3GRN-985P88hSutIj3r9PBbZD5pUG7UIM7HnKWPL41gSOQv2bf3cLnjwAqkMOomR4P5jWGF_aSoohmnv_k2YDBGVAetCikt6lZtuRrb4Gbr7Ru5vmX8h6s-Seqm/s1600/headerz.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgesvr5XKjibHkt7OrCH3GRN-985P88hSutIj3r9PBbZD5pUG7UIM7HnKWPL41gSOQv2bf3cLnjwAqkMOomR4P5jWGF_aSoohmnv_k2YDBGVAetCikt6lZtuRrb4Gbr7Ru5vmX8h6s-Seqm/s1600/headerz.PNG" height="43" width="320" /></a></div>
<b><span style="font-size: small;">Sub header - menu bar</span></b><br />
Underneath the header, most websites have a bar containing all different categories of which the webshop supplies goods.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvXDo40Y7LDEfq7PvzC92cECMQptJ7wmZWSGDhMJOPg_1SAfGgACMIvI3OYItKgzI4fxVPSadRKac-2f_LVaWZ6A5PxJqe5TFtOGm8m1lv_WvaA6q3yTHBHaAkZUKFz1Ibfbsd4NoZBwzZ/s1600/balkies.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvXDo40Y7LDEfq7PvzC92cECMQptJ7wmZWSGDhMJOPg_1SAfGgACMIvI3OYItKgzI4fxVPSadRKac-2f_LVaWZ6A5PxJqe5TFtOGm8m1lv_WvaA6q3yTHBHaAkZUKFz1Ibfbsd4NoZBwzZ/s1600/balkies.PNG" height="30" width="320" /></a></div>
<b>Banner</b><br />
Subsequently underneath the menu bar online shoppers always find a banner displaying new or sale products.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUxTXgTBEaj0uAI-GGeOwqwdzZ-c3B55sZGgGPOmXkSu-t2B9XCV2dVcMNaJcaxZJYtPwEjbB-LnFFIobXKmzWxOcbMlMLh_bJjoyfcdbC5o4TFslmx7dNV1NP3xFbdNcW_YyBxx1WSORa/s1600/banners.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUxTXgTBEaj0uAI-GGeOwqwdzZ-c3B55sZGgGPOmXkSu-t2B9XCV2dVcMNaJcaxZJYtPwEjbB-LnFFIobXKmzWxOcbMlMLh_bJjoyfcdbC5o4TFslmx7dNV1NP3xFbdNcW_YyBxx1WSORa/s1600/banners.PNG" height="174" width="320" /></a></div>
<br />
<b>Promotions - suggestions</b><br />
The lions' part of the home screen contains products with short to no descriptions.<b> </b>These serve to entice visitors with for instance special deals or suggestions based on their online behavior. <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Y9zCOou9xQqp8F70ehyphenhyphenvmjraTX09Yz9fBmLI57s6z6EZya4VTkOjURTnT0_KJgSIaX1d_yK264hYqB0qvGX0YPrH5QXewiOftxRsq2CoH3xJm6UQfcauqcrN9S3NEXHZEDBlHztvt88E/s1600/deals.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Y9zCOou9xQqp8F70ehyphenhyphenvmjraTX09Yz9fBmLI57s6z6EZya4VTkOjURTnT0_KJgSIaX1d_yK264hYqB0qvGX0YPrH5QXewiOftxRsq2CoH3xJm6UQfcauqcrN9S3NEXHZEDBlHztvt88E/s1600/deals.PNG" height="186" width="320" /></a></div>
<br />
<br />
<br />
<br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Product Page</span><br />
<br />
<b>Displaying the product</b><br />
With many pictures of multiple angles the product is presented to the viewers.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzkl6jySh5S1yRMIYspzWHufR6kbj4Xnw0DXrZYO_u2Qar8eXSrD_RSdLaEyntyzx2UJqIKpJ-3i7KbAGlpzFqrzJZaozCbaAMM41Ab4nspEbNXLVSKvNBX86M9hgl3cDV1IFMvjFbqXRX/s1600/ipd.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzkl6jySh5S1yRMIYspzWHufR6kbj4Xnw0DXrZYO_u2Qar8eXSrD_RSdLaEyntyzx2UJqIKpJ-3i7KbAGlpzFqrzJZaozCbaAMM41Ab4nspEbNXLVSKvNBX86M9hgl3cDV1IFMvjFbqXRX/s1600/ipd.PNG" /></a></div>
<b>Product description</b><br />
On the right side of the product a short summation of the most important specifications is placed. Underneath this information the price is placed showing the price it "used to be", e.g. "from <strike>1.589,-</strike> for only 999,-". The 'order now' button is placed right under the price.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaswELCsXMMucnbS-9QhoEqhO929ouTZCHB-KLk_dISGFS-o3SwWvMT0h9g5gRJ0VpqlQ1wA46Y2fANUjbm2mgUo3ypDSdQFlQLOI7JzaKlql1jI84prYKReXh-AQIXl7-gQJy6EZVb5aU/s1600/specs.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaswELCsXMMucnbS-9QhoEqhO929ouTZCHB-KLk_dISGFS-o3SwWvMT0h9g5gRJ0VpqlQ1wA46Y2fANUjbm2mgUo3ypDSdQFlQLOI7JzaKlql1jI84prYKReXh-AQIXl7-gQJy6EZVb5aU/s1600/specs.PNG" height="137" width="320" /></a></div>
<b>Detailed description</b>If the visitor require more information about the product, on the lower part of the page the full description is placed. The Mediamarkt has a slightly different approach by making the specifications responsive.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtfWvCwlu9pJTVsgmoI0-tGC5l-MKomUPvymavMxecCIKkA0UURCqiVzq7zQqm4eRrh3lZN2YSGFXXfi9Ld4Rf9vRV0KezDxdggdxgYBK4Oa5dD5-6qJ9isgDoYmuChAGGrhZa1v_npgza/s1600/spcs2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtfWvCwlu9pJTVsgmoI0-tGC5l-MKomUPvymavMxecCIKkA0UURCqiVzq7zQqm4eRrh3lZN2YSGFXXfi9Ld4Rf9vRV0KezDxdggdxgYBK4Oa5dD5-6qJ9isgDoYmuChAGGrhZa1v_npgza/s1600/spcs2.PNG" height="192" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNObJr8mwvQ2TAS3Q7Q47O5o5ArgXd5algJdfpOHoOYTjCYIkANAL0mRQXsp11Up2bluGgKkgDooDN0BjOINnjttLdbUNr3dRJP0HZRffslknHeA3FJ-pQhmFG_rVGtEqZPVJw5-Pq4_MC/s1600/smsng.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNObJr8mwvQ2TAS3Q7Q47O5o5ArgXd5algJdfpOHoOYTjCYIkANAL0mRQXsp11Up2bluGgKkgDooDN0BjOINnjttLdbUNr3dRJP0HZRffslknHeA3FJ-pQhmFG_rVGtEqZPVJw5-Pq4_MC/s1600/smsng.PNG" height="208" width="320" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
webshopherohttp://www.blogger.com/profile/04182173975478200408noreply@blogger.com0tag:blogger.com,1999:blog-8606744254457640204.post-4858926509136728322015-03-30T16:24:00.000-07:002015-04-05T03:23:53.227-07:00Change Blindness and Visual Search Results<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-8916-a2ec-6176-e7152b23d521" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Test 1: Change Blindness</span></b></span></span></div>
<span style="font-family: Verdana,sans-serif;"><b id="docs-internal-guid-8ed87fd3-8916-a2ec-6176-e7152b23d521" style="font-weight: normal;">
</b></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: Verdana,sans-serif;"><b id="docs-internal-guid-8ed87fd3-8916-a2ec-6176-e7152b23d521" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Test description</span></b></span></div>
<span style="font-family: Verdana,sans-serif;"><b id="docs-internal-guid-8ed87fd3-8916-a2ec-6176-e7152b23d521" style="font-weight: normal;">
</b></span>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: Verdana,sans-serif;"><b id="docs-internal-guid-8ed87fd3-8916-a2ec-6176-e7152b23d521" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">A pre-written program was delivered to us in order to conduct the change blindness test. The goal of this test is to test how people can see the difference between two identical pictures with a small element missing. The program shows first the complete picture then a grey screen then the second picture with one missing element, all within an interval of seconds. For this test we asked some fellow students who also follow the same course (VCD), but in order to avoid some biased results, we also asked other students from other faculties.</span></b></span></div>
<span style="font-family: Verdana,sans-serif;"><b id="docs-internal-guid-8ed87fd3-8916-a2ec-6176-e7152b23d521" style="font-weight: normal;">
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-size: 15px; font-style: italic; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Preparing</span></div>
<span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The element selected to be tested during this test are a mix between elements discussed in the list before (previous post) and elements that aren’t. We think that by selecting the elements this way we will get an idea if the viewers can easily find the elements we think that are important easily, and if they think that other elements are important and we missed that.</span></b></span><span style="color: #eeeeee;"><b><span style="font-size: small;"><span style="font-weight: normal;"><br /></span></span></b></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #eeeeee;"><b><span style="font-size: small;"><span style="font-weight: normal;"><span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Home</span></span></span></b></span></div>
<span style="color: #eeeeee;"><span style="font-size: small;"><b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;">
</b></span></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #eeeeee;"><span style="font-size: small;"><b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;"><span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Participant’s results varied greatly.</span></b></span></span></div>
<span style="color: #eeeeee;"><span style="font-size: small;"><b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;">
</b></span></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #eeeeee;"><span style="font-size: small;"><b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;"><span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The logo was fastest to be found.</span></b></span></span></div>
<span style="color: #eeeeee;"><span style="font-size: small;"><b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;">
</b></span></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #eeeeee;"><span style="font-size: small;"><b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;"><span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The star rating and the search lens were hard to find.</span></b></span></span></div>
<span style="color: #eeeeee;"><span style="font-size: small;"><b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;">
</b></span></span>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #eeeeee;"><span style="font-size: small;"><b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;"><span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Considering the importance we attribute to it, the account button takes relatively long to be noticed.</span></b></span></span></div>
<span style="font-family: Verdana,sans-serif;"><span style="color: #eeeeee;"><span style="font-size: small;"><b id="docs-internal-guid-09a265c0-6cfe-ad26-0af9-ea9e3106e86a" style="font-weight: normal;">
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Product</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The picture of the product was by far found quickest.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Again the star rating and the search lens proved to be hard to find.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Other elements took similar time to be found.</span></div>
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: italic; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Visual search</span></div>
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Home</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Taking relatively long were the logo, the ‘welcome’ text and the banner. These three are regarded as being important to us.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The product tab and the search lens were relatively timely noticed while also having priority.</span></div>
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Product</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The price and the picture of the product were no trouble for the participants to find.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The search lens on the other hand stood out by being by far hardest to notice. </span></div>
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: italic; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Overall Conclusions</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">As we find the search lens important, there should be improvement to make the lens more apparent to the visitors. </span></div>
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">With the visual search the elements that took longest were ones that are important to us. It was quite surprising that the logo took relatively long in the visual search while taking least time with the change blindness. Some redesign of the logo should be in order as it is an important element of a website.</span></b></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_XzGU-A79Y9T9OBlhf3goN4kNoK66ULecmRlNwx19WobGrXqI1Tdlj_zT0-0laRSJNn4cE_BpNNzguOwLEFleAydLaU73TSEw2O97lL94B6wGcKEqiWrFdEPhP0Fx6M5Yqz096EVC0hM5/s1600/change+blindness.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_XzGU-A79Y9T9OBlhf3goN4kNoK66ULecmRlNwx19WobGrXqI1Tdlj_zT0-0laRSJNn4cE_BpNNzguOwLEFleAydLaU73TSEw2O97lL94B6wGcKEqiWrFdEPhP0Fx6M5Yqz096EVC0hM5/s1600/change+blindness.jpg" height="105" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLqDVV3OjgNkgbdnIYOdP-77vQw3gWhSMh7tC9Vtv2Ym3GEVVOEvTymUUFWbgLytI97LbIJHFh-cfFiQ1r5WbIT8n9-o0i5XA7PTLAheIod_O75ruPztNlToRj8eJqohTAe8qXe49RBZan/s1600/visual+search.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLqDVV3OjgNkgbdnIYOdP-77vQw3gWhSMh7tC9Vtv2Ym3GEVVOEvTymUUFWbgLytI97LbIJHFh-cfFiQ1r5WbIT8n9-o0i5XA7PTLAheIod_O75ruPztNlToRj8eJqohTAe8qXe49RBZan/s1600/visual+search.jpg" height="128" width="320" /></a></div>
webshopherohttp://www.blogger.com/profile/04182173975478200408noreply@blogger.com0tag:blogger.com,1999:blog-8606744254457640204.post-8951117105406590452015-03-30T15:01:00.001-07:002015-04-05T03:23:40.701-07:00Eye tracker results<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: inherit;"><span style="color: #f3f3f3; font-size: small;"><b id="docs-internal-guid-09a265c0-6cb2-1d1e-f79d-0d42f5027ba3" style="font-weight: normal;"><span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Results</span></b></span></span></div>
<span style="font-family: inherit;"><span style="color: #f3f3f3; font-size: small;"><b id="docs-internal-guid-09a265c0-6cb2-1d1e-f79d-0d42f5027ba3" style="font-weight: normal;"><br /></b></span></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: inherit;"><span style="color: #f3f3f3; font-size: small;"><b id="docs-internal-guid-09a265c0-6cb2-1d1e-f79d-0d42f5027ba3" style="font-weight: normal;"><span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Home</span></b></span></span></div>
<span style="font-family: inherit;"><span style="color: #f3f3f3; font-size: small;"><b id="docs-internal-guid-09a265c0-6cb2-1d1e-f79d-0d42f5027ba3" style="font-weight: normal;">
</b></span></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: inherit;"><span style="color: #f3f3f3; font-size: small;"><b id="docs-internal-guid-09a265c0-6cb2-1d1e-f79d-0d42f5027ba3" style="font-weight: normal;"><span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Less than half of the participants have intensely looked at the logo.</span></b></span></span></div>
<span style="font-family: inherit;"><span style="color: #f3f3f3; font-size: small;"><b id="docs-internal-guid-09a265c0-6cb2-1d1e-f79d-0d42f5027ba3" style="font-weight: normal;">
</b></span></span>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: inherit;"><span style="color: #f3f3f3; font-size: small;"><b id="docs-internal-guid-09a265c0-6cb2-1d1e-f79d-0d42f5027ba3" style="font-weight: normal;"><span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The account button was only noticed by half off the participants.</span></b></span></span></div>
<span style="font-family: inherit;"><span style="color: #f3f3f3; font-size: small;"><b id="docs-internal-guid-09a265c0-6cb2-1d1e-f79d-0d42f5027ba3" style="font-weight: normal;">
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Seven of the participants have intensely looked at the banners at the right.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The “welkom” message was perceived by everyone.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The footer was rarely looked at.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Search bar was perceived by everyone.</span></div>
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Product</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Product picture was everyone’s first target.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Price was intensely looked at by everyone.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Half of the participants looked at the specifications</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Half of the participants looked at the product information</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Category list was perceived by everyone.</span></div>
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Conclusion</span></div>
<span style="background-color: transparent; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Account button had a high importance rate. Only half noticed this button. This element should draw the attention from the viewer. Important elements such as the job offer and the certification mark were perceived by seven of the participants. This could be an opportunity for making the account button more noticeable. All other elements rated as important were perceived by everyone. For the home page, the order in which the participants looked at the elements seems to be completely random. There seems to be no fixed pattern in which the eyes flow. The product page does seem to have an element which draws the eyes’ attention. In all cases the eyes seem to go near the product image first.</span></b></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><b id="docs-internal-guid-09a265c0-6cb2-1d1e-f79d-0d42f5027ba3" style="font-weight: normal;"><span style="background-color: transparent; color: black; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></b><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3KcQ72cDag-obVfcCXoyH6m72t9X-A00kQ1MojRYntXdOiVwPFHWho-NchyphenhyphendQfmtzRumrc2guHKxkVYHdyn-r3YHYdGS5PEIFbY0AodaHu6eurdXQsp_6cwlWkuGd-NMq2XVZu4QMs_B1/s1600/home+andreas.jpg" height="200" width="320" /></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTCid_o-pneTzkcw3oqeYEwsoWnVSoeenZmIEjVH95ExnRU7QwMa_O_edu32aRJNiXcXUyXZZ6d2ce9aaN669XTzgvAKaO6Ht8tpquE79n-HOHEj5ahCkjP5v1rTcUm7Otn3NLBku-4o3/s1600/home+attila.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTCid_o-pneTzkcw3oqeYEwsoWnVSoeenZmIEjVH95ExnRU7QwMa_O_edu32aRJNiXcXUyXZZ6d2ce9aaN669XTzgvAKaO6Ht8tpquE79n-HOHEj5ahCkjP5v1rTcUm7Otn3NLBku-4o3/s1600/home+attila.jpg" height="199" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv5y2GW-pOc8cz81i6DF3cHS88wf453JIJGX7Rm_PkT5Zy7qYA3z_pkMG7bDDcIz1gYk_PmmPI4anTI80jdXiKI3Fsgh9JUv8ZusIKUFd7oWbj4JKnjHE74ya9mlcFZqZ6SlwaO5GXF1HH/s1600/home+felipe.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv5y2GW-pOc8cz81i6DF3cHS88wf453JIJGX7Rm_PkT5Zy7qYA3z_pkMG7bDDcIz1gYk_PmmPI4anTI80jdXiKI3Fsgh9JUv8ZusIKUFd7oWbj4JKnjHE74ya9mlcFZqZ6SlwaO5GXF1HH/s1600/home+felipe.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQjorxK3g4sdn5fLKU8ZgAA5MfFl3zKQztU5jGhr0Yxw9VaIwmcJFX-XaxWiCRTKxP43Jjoiz2YTKbnsoKlOtGhEjXoHIR-KFlMhPEIrE61jnIWR8IFMuHvnQ0GbMxciWLrGvsBBdPDyeY/s1600/home+joric.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQjorxK3g4sdn5fLKU8ZgAA5MfFl3zKQztU5jGhr0Yxw9VaIwmcJFX-XaxWiCRTKxP43Jjoiz2YTKbnsoKlOtGhEjXoHIR-KFlMhPEIrE61jnIWR8IFMuHvnQ0GbMxciWLrGvsBBdPDyeY/s1600/home+joric.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5D2lIiDEyNDoal659Wt_JY5mREy6HsGYgnag06DTzfB-P-63ebwq3rmHCzoLfLbpfIQN8c7QLhrFTPbUUedACXZ14iiWw94mhyzq9EK5KVWrtw7Z5y3ln8Mm_7W_HkrnwyAq5oBcCvFb/s1600/home+kisten.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5D2lIiDEyNDoal659Wt_JY5mREy6HsGYgnag06DTzfB-P-63ebwq3rmHCzoLfLbpfIQN8c7QLhrFTPbUUedACXZ14iiWw94mhyzq9EK5KVWrtw7Z5y3ln8Mm_7W_HkrnwyAq5oBcCvFb/s1600/home+kisten.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTT8U82nimpBHVk3KpSVVqoIlajP8CIzVulxURriBIW-ji4s6yHlEEr3RxMsN-2OfOYQuqbueM9oesV-GOM2NBSU5FElNI4Ks0xo5HzZuwy7r36JoLkqMTcFhwNqACU3mCHHT5hQzieAyQ/s1600/home+kristel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTT8U82nimpBHVk3KpSVVqoIlajP8CIzVulxURriBIW-ji4s6yHlEEr3RxMsN-2OfOYQuqbueM9oesV-GOM2NBSU5FElNI4Ks0xo5HzZuwy7r36JoLkqMTcFhwNqACU3mCHHT5hQzieAyQ/s1600/home+kristel.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRrOijv-6ntuDs6Qen4yrAp1OIN6aqbvCTVXFSJRkU1OHYfAq4816KSrH_5ax-p_bnbv-5uEd6jKDCk8fQcLu2LJA-eeNeoV4utdsGDswhwDYFBAsLkJ9fRddl6PcG7hWxyJffeNj8wixt/s1600/home+laura.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRrOijv-6ntuDs6Qen4yrAp1OIN6aqbvCTVXFSJRkU1OHYfAq4816KSrH_5ax-p_bnbv-5uEd6jKDCk8fQcLu2LJA-eeNeoV4utdsGDswhwDYFBAsLkJ9fRddl6PcG7hWxyJffeNj8wixt/s1600/home+laura.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9DNojCwsL4eP53OJPWXzyRpeL-o9Zdryv7ZE5a_g60-Mnbpznfgz6ZcDprYjkU_KrQpXcw2ikEZQ58wuRpVMhFgOVCeFz52VV3VhE5zuwAzGNvaftZIc2nivRlfgmETkmrApXoGvjx4ZF/s1600/home+maaike.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9DNojCwsL4eP53OJPWXzyRpeL-o9Zdryv7ZE5a_g60-Mnbpznfgz6ZcDprYjkU_KrQpXcw2ikEZQ58wuRpVMhFgOVCeFz52VV3VhE5zuwAzGNvaftZIc2nivRlfgmETkmrApXoGvjx4ZF/s1600/home+maaike.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1QtGE_Gem1Xj6o2wGMxJQBrR7fKob5xdFWeGoIHIExiZ8_sLxk17yi69sYJqioXgsS7OaCgWIKN4sR1OE2EaE9UZBfHqvOOqjlVv4XfH17HnAxEb6HU5cNiYUTBOasyeOd9hmPboro7_4/s1600/home+yvonne.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1QtGE_Gem1Xj6o2wGMxJQBrR7fKob5xdFWeGoIHIExiZ8_sLxk17yi69sYJqioXgsS7OaCgWIKN4sR1OE2EaE9UZBfHqvOOqjlVv4XfH17HnAxEb6HU5cNiYUTBOasyeOd9hmPboro7_4/s1600/home+yvonne.jpg" height="199" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsnbWa1odrqt-QRF_tEN2iOzu4Tg3YYiHNKBf1xjJ27a_P8o5xn5GSvGTjBgLw488LgWyTADdndZg4mcqYu86T032cullRNOvm5ucl0G1EKwj5hfF3tSWm8mc1xZ0Uwik6Gqfrk_h1sdas/s1600/home+zoe.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsnbWa1odrqt-QRF_tEN2iOzu4Tg3YYiHNKBf1xjJ27a_P8o5xn5GSvGTjBgLw488LgWyTADdndZg4mcqYu86T032cullRNOvm5ucl0G1EKwj5hfF3tSWm8mc1xZ0Uwik6Gqfrk_h1sdas/s1600/home+zoe.jpg" height="199" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhREIkNaB6cv7DQkmhe166oUiMFPZzXjuYdy6pJnkqe7aE-tdgbTqOhBFx_KfJqaAPw4FFYjpXxomLTYmnKUJMMtRxP33jbWw46zAmMnVo41uF1hkvCr_A5HSoWbacgFJbujxr68EXSRAwc/s1600/product+andreas.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhREIkNaB6cv7DQkmhe166oUiMFPZzXjuYdy6pJnkqe7aE-tdgbTqOhBFx_KfJqaAPw4FFYjpXxomLTYmnKUJMMtRxP33jbWw46zAmMnVo41uF1hkvCr_A5HSoWbacgFJbujxr68EXSRAwc/s1600/product+andreas.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1_tEaby04DSqYedy1RQkZvwksQOrTCHWASq1vQzK2NWV9LEUx32ao6xIzK4fTfdgQvvcNrGu9ZiWRGERzTeHs8DdRx1fhDmzOdAvUeG2faOyzB3a623LSBE0OT0y0yYFFktdHAx0WzzB5/s1600/product+attila.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1_tEaby04DSqYedy1RQkZvwksQOrTCHWASq1vQzK2NWV9LEUx32ao6xIzK4fTfdgQvvcNrGu9ZiWRGERzTeHs8DdRx1fhDmzOdAvUeG2faOyzB3a623LSBE0OT0y0yYFFktdHAx0WzzB5/s1600/product+attila.jpg" height="199" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_ZmFyb8W93EXXhnYGqTGzhxFW2MdUsXNvjgE0JBRXbfybK9GPzpslVzjobE3is4jd7kjQyMZOOI3lUH865IwSswf_28pHMI4fbKBMbkm9t7EkeLR6DmaAYnK9eq4P6neSbSZxXiXtJ2e/s1600/product+felipe.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_ZmFyb8W93EXXhnYGqTGzhxFW2MdUsXNvjgE0JBRXbfybK9GPzpslVzjobE3is4jd7kjQyMZOOI3lUH865IwSswf_28pHMI4fbKBMbkm9t7EkeLR6DmaAYnK9eq4P6neSbSZxXiXtJ2e/s1600/product+felipe.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTUb5rMDkkU78nNh7lRaedFYo9bkQSG6VLbxasp5XGflVIiyH1X9Surm_TEghs8OZMdML44iPg-AO5o0Qi4mHBz2AhVxoX1MiRNaIctSxi6Bg-x2MO3qZFaqL2lU2ZKMy3_S6abzJ4EAJA/s1600/product+joric.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTUb5rMDkkU78nNh7lRaedFYo9bkQSG6VLbxasp5XGflVIiyH1X9Surm_TEghs8OZMdML44iPg-AO5o0Qi4mHBz2AhVxoX1MiRNaIctSxi6Bg-x2MO3qZFaqL2lU2ZKMy3_S6abzJ4EAJA/s1600/product+joric.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRaVBW1-wremPSNREqshPj278fV6TQDb_D6fTvlrkHFRCspnW6KhZvGFYuSTypguhhkk7BvIEhsTbDhgzLMon-ONwUJKdqxAkJDwKl-AW_Hl5tdtoUjbeqrooofTj6NwcDEWnJfGrVVZNZ/s1600/product+kirsten.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRaVBW1-wremPSNREqshPj278fV6TQDb_D6fTvlrkHFRCspnW6KhZvGFYuSTypguhhkk7BvIEhsTbDhgzLMon-ONwUJKdqxAkJDwKl-AW_Hl5tdtoUjbeqrooofTj6NwcDEWnJfGrVVZNZ/s1600/product+kirsten.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVTCmzj7ogti_ydiLTWXeymuCB0lvG7Ge6ojwoJhyVYSd20hJXNAF37aRlpYfQNq8xu-ZVwNCiI_hMQJsW893VbaEMSosAB3ylTHQ2SalM1o2ADEI8-zXFuNxfiSkk-MyX5VbPDAdSfWy6/s1600/product+kristel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVTCmzj7ogti_ydiLTWXeymuCB0lvG7Ge6ojwoJhyVYSd20hJXNAF37aRlpYfQNq8xu-ZVwNCiI_hMQJsW893VbaEMSosAB3ylTHQ2SalM1o2ADEI8-zXFuNxfiSkk-MyX5VbPDAdSfWy6/s1600/product+kristel.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjayBq9qUVerYPm7NMWbgWoPB9kCsruRO1GGlOoVITUFeAyY2yF5ITbno52gUFEvjfSOwOg4sRzntYNGOnzBVNAiZuq9-7KkAedhnjzzzoOnP7HMF3tfkiL1xOO-ZcXTeAmAH_h56vIE1iW/s1600/product+laura.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjayBq9qUVerYPm7NMWbgWoPB9kCsruRO1GGlOoVITUFeAyY2yF5ITbno52gUFEvjfSOwOg4sRzntYNGOnzBVNAiZuq9-7KkAedhnjzzzoOnP7HMF3tfkiL1xOO-ZcXTeAmAH_h56vIE1iW/s1600/product+laura.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gFHb_9t2tGfzh5Gbe6GzFLPUghyphenhyphenvshVhHxRhDXRKIKfAUffh5USd6TYmQyiw_KY4l0sKPUZhTs5gaRbyUGTbVbLcSnGZabs21_NDmpW5PXJBTxDw7JSU8L1IKlehpPPDZ4kG36oRluCS/s1600/product+maaike.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gFHb_9t2tGfzh5Gbe6GzFLPUghyphenhyphenvshVhHxRhDXRKIKfAUffh5USd6TYmQyiw_KY4l0sKPUZhTs5gaRbyUGTbVbLcSnGZabs21_NDmpW5PXJBTxDw7JSU8L1IKlehpPPDZ4kG36oRluCS/s1600/product+maaike.jpg" height="200" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaqqfXLunE62QZQ0p0M6HjiGG05Zq07VT6WFP4eqwE0saVShC0LgwpJ6-5-DyFOwuZG-fxJ2cE6Y9PqxejI38VsqhAsvVwiP8FbiJHDvBgmTHct_BMOrL27F5Rm3lVnT417Ebs_fWw0mEa/s1600/product+yvonne.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaqqfXLunE62QZQ0p0M6HjiGG05Zq07VT6WFP4eqwE0saVShC0LgwpJ6-5-DyFOwuZG-fxJ2cE6Y9PqxejI38VsqhAsvVwiP8FbiJHDvBgmTHct_BMOrL27F5Rm3lVnT417Ebs_fWw0mEa/s1600/product+yvonne.jpg" height="199" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNN0MiFmsTEHpxt73_nsoEwZ5MhOxGR0S_qJbnwBe-_etaTWqkUua8H-K9YTzt-MYDzD3y-RvXp2kUSuNLjYlLE3K_B01fkWJd6154J9Cuxcbf5BYxwaAv1yIMQHAQRSBUmVvvA3Ix9a3Q/s1600/product+zoe.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNN0MiFmsTEHpxt73_nsoEwZ5MhOxGR0S_qJbnwBe-_etaTWqkUua8H-K9YTzt-MYDzD3y-RvXp2kUSuNLjYlLE3K_B01fkWJd6154J9Cuxcbf5BYxwaAv1yIMQHAQRSBUmVvvA3Ix9a3Q/s1600/product+zoe.jpg" height="199" width="320" /></a></span></div>
<span style="font-size: small;"><br /></span>webshopherohttp://www.blogger.com/profile/04182173975478200408noreply@blogger.com0tag:blogger.com,1999:blog-8606744254457640204.post-76587143254113580772015-03-21T12:45:00.003-07:002015-03-21T12:45:54.522-07:00Tracking eye, please hold still<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-49WTymEKmwYHE-kfhB6Oq8XrQMoWVayyMmrHgiJbml8DNTkX7Vc7YRuwg4drdc8kPxtnnjJ4xd-0qG4GYPrvi3-tR7fJ9vkrgkhvlde47kJgqM2UclCANhLeUz4SinstMvgjKVhmnJw/s1600/WP_20150310_17_08_40_Pro.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-49WTymEKmwYHE-kfhB6Oq8XrQMoWVayyMmrHgiJbml8DNTkX7Vc7YRuwg4drdc8kPxtnnjJ4xd-0qG4GYPrvi3-tR7fJ9vkrgkhvlde47kJgqM2UclCANhLeUz4SinstMvgjKVhmnJw/s1600/WP_20150310_17_08_40_Pro.jpg" height="180" width="320" /></a></div>
<br />webshopherohttp://www.blogger.com/profile/04182173975478200408noreply@blogger.com3tag:blogger.com,1999:blog-8606744254457640204.post-56917232947291280602015-03-03T03:55:00.003-08:002015-04-07T04:43:26.853-07:00What!? What is it you guys want to show?<span style="color: #cccccc;"></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #cccccc;"><b id="docs-internal-guid-4ecdb90a-93ae-c062-c8d0-3fc8254f2fdb" style="font-weight: normal;"><span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Page 1 - Home Page</span></b></span></div>
<span style="color: #cccccc;"><b id="docs-internal-guid-4ecdb90a-93ae-c062-c8d0-3fc8254f2fdb" style="font-weight: normal;">
<br /><div dir="ltr" style="margin-left: 0pt;">
<table style="border-collapse: collapse; border: none;"><colgroup><col width="71"></col><col width="154"></col><col width="93"></col><col width="202"></col></colgroup><tbody>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Number</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt; text-indent: -18pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><b> </b> Product of Elements</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Importance</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Why?</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">1 </span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt; text-indent: -18pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span><span style="background-color: transparent; font-family: 'Times New Roman'; font-size: 9px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><b> </b> </span><span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Logo (home button)</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">4</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The logo is the image of the company</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">2</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Search balk</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">5</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The visitors should be able to search easily and quickly for a specific product.</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">3</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: 'Times New Roman'; font-size: 9px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span><span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Information button</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">1</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><br /></td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">4</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Contact Button</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">2</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><br /></td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">5</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Account button</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">4</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Loyal visitors should access their accounts easily, and also by emphasizing it, new “loyal” visitors may be attracted.</span></div>
</td></tr>
<tr style="height: 67px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">6</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Category list </span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">5</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The division of the different categories make it easier for the visitor to find the needed object.</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">7</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Shopping chart</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">1</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><br /></td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">8</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Welcome text</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">5</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">This text is the introducing message and should communicate more about the site.</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">9</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Certification mark </span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">2</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><br /></td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">10</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Advertisement </span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">4</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Advertisement for several products is important in order to reach more audience.</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">11</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Job offer</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">1</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><br /></td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">12</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Footer </span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">1</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><br /></td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">13</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Background</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">4</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The background influences the perception and the experience of the visitor.</span></div>
</td></tr>
</tbody></table>
</div>
<br /><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Page 2 - Product Page</span></div>
<br /><div dir="ltr" style="margin-left: 0pt;">
<table style="border-collapse: collapse; border: none;"><colgroup><col width="70"></col><col width="157"></col><col width="97"></col><col width="197"></col></colgroup><tbody>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Number</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt; text-indent: -18pt;">
<span style="background-color: transparent; font-family: 'Times New Roman'; font-size: 9px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span><span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> Product of Elements</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Importance</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Why?</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">14</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Product title</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">5</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The title is the given name and by which potential buyers and users define it.</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">15</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Product picture</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">5</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The overall preview of the object plays a big role in making a decision (either to buy it or not)</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">16</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Price</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">5</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The price is one of the important elements consumers looks for before buying.</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">17</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Order</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">4</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Once the decision is made, the visitor should be in state to order it directly.</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">18</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Product Information</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">3</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">More informations about the product can help the visitors make decisions, but sometime they already have an idea about it. So it should be made available.</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">19</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Product Specification</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">3</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Extra specification is always handy for a well-knowledgeable visitor, but it shouldn’t be the most important thing as some visitors come already knowing the product they want.</span></div>
</td></tr>
<tr style="height: 0px;"><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">20</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Logistic Information</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">3</span></div>
</td><td style="border-bottom: solid #000000 1px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-top: solid #000000 1px; padding: 7px 7px 7px 7px; vertical-align: top;"><br /></td></tr>
</tbody></table>
</div>
</b></span>webshopherohttp://www.blogger.com/profile/04182173975478200408noreply@blogger.com1tag:blogger.com,1999:blog-8606744254457640204.post-85729245943970531322015-03-03T02:40:00.001-08:002015-04-05T03:23:07.071-07:00Afuture's amazing Websop<span style="font-family: inherit;"><span style="color: #eeeeee;">To illustrate how much this site is in need of redesigning we chose the following two pages to redesign: home page and product description page.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="color: #eeeeee;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9faOrJMmzbp9LdzlLJ8uBnb99DC_Q6xmr2UW8oip5AfydYm5ktHDgFzbDBnSePlWJ7wCtcb-EjpZIwq7dI5Ecbw39Qeh641tPdN7nIZa8ufTyZGfA_rApPAfctRSef4h8sb2uPMG_Qfx5/s1600/screen+home.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9faOrJMmzbp9LdzlLJ8uBnb99DC_Q6xmr2UW8oip5AfydYm5ktHDgFzbDBnSePlWJ7wCtcb-EjpZIwq7dI5Ecbw39Qeh641tPdN7nIZa8ufTyZGfA_rApPAfctRSef4h8sb2uPMG_Qfx5/s1600/screen+home.PNG" height="159" width="320" /></a></span></span></div>
<span style="font-family: inherit;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-890e-15cf-b336-c45aa12bf94c" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The home page contains a welcome message saying only: “Welkom” which means literally welcome. By visiting the webshop, without prior knowledge of what the webshop is for, it is really difficult to tell what it is selling or what is it about. </span></b></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="color: #eeeeee;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DpN_V2ToUzdYcH7sW3-NIDZKSfsJ5ArkdSFQpUaYTktdZ9nxQNl08SW6VXmTj566pN0kdwbiOIWltbAwn8AmVqBW_VLpAak1c-1nXjwTitXeBku-eCWEdCFkH-LUX1Ru4RA-E9eOVRdY/s1600/product+page.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DpN_V2ToUzdYcH7sW3-NIDZKSfsJ5ArkdSFQpUaYTktdZ9nxQNl08SW6VXmTj566pN0kdwbiOIWltbAwn8AmVqBW_VLpAak1c-1nXjwTitXeBku-eCWEdCFkH-LUX1Ru4RA-E9eOVRdY/s1600/product+page.PNG" height="163" width="320" /></a></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="color: #eeeeee;">[product page first half]</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="color: #eeeeee;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG7ut_qW7P2JkBi-_MtHVPFQJH91Xlsgv1PxlHHLpTRSVBemZ-ao05HwVl_XEtGnHV0PAdJnQJz5Zb3vUbl03LnccpVQNWSaq1DVqDDe9TfPmea4FTLltFHy9ZIyltFhmKfqAhsxaLCcND/s1600/product+page+2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG7ut_qW7P2JkBi-_MtHVPFQJH91Xlsgv1PxlHHLpTRSVBemZ-ao05HwVl_XEtGnHV0PAdJnQJz5Zb3vUbl03LnccpVQNWSaq1DVqDDe9TfPmea4FTLltFHy9ZIyltFhmKfqAhsxaLCcND/s1600/product+page+2.PNG" height="164" width="320" /></a></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="color: #eeeeee;">[product page second half]</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-890e-4926-3104-ed6361200591" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The second page is a product specific page. This webpage shows the information the buyer might be interested in, but with too much details at first. As you can see, it contains a long specification list that didn’t fit in one print screen, the reason why we have two.</span></b></span></span> </div>
<span style="font-family: inherit;"><span style="color: #eeeeee;"><br /></span></span>webshopherohttp://www.blogger.com/profile/04182173975478200408noreply@blogger.com1tag:blogger.com,1999:blog-8606744254457640204.post-51814672492908983962015-03-03T02:35:00.000-08:002015-04-07T03:58:34.089-07:00And our Web Shop in need is...<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: inherit;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-890b-a2d7-9397-80f249bc964c" style="font-weight: normal;"><b id="docs-internal-guid-8ed87fd3-890b-c09b-2fee-99b8136a3f3a" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Assignment</span></b></b></span></span></div>
<span style="font-family: inherit;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-890b-a2d7-9397-80f249bc964c" style="font-weight: normal;"><b id="docs-internal-guid-8ed87fd3-890b-c09b-2fee-99b8136a3f3a" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The assignment 1 is about redesigning a webshop based on different analysis about the visual perception of the visitors. We first will choose a webshop - that we think needs a redesign-, then we will identify the important elements of the webshop, afterwards, three different tests (Visual search, Change blindness & Eye tracker) will be conducted with different participants. Once the tests are done, the results will be analyzed and a two redesigns will be made: a functional and an esthetic one.</span></b> </b></span></span><br />
<span style="font-family: inherit;"><span style="color: #eeeeee;"><br /></span></span>
<span style="font-family: inherit;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-890b-a2d7-9397-80f249bc964c" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><b id="docs-internal-guid-8ed87fd3-890b-e849-0b5c-26c3ebfcead5" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">And our webshop in need...</span></b></span></b></span></span><br />
<span style="font-family: inherit;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-890b-a2d7-9397-80f249bc964c" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><b id="docs-internal-guid-8ed87fd3-890b-e849-0b5c-26c3ebfcead5" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></b> </span></b></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-890b-a2d7-9397-80f249bc964c" style="font-weight: normal;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFq0okJ6rxyvlTgM5zajADxwwC5zZbO9g0utKf2RvukWBXpbu2zHhnJzl6tH1NZhBS9A0E3TpFQHmPyaT0XuGZ-ZUuGxb6ieua15scEi2yYwrW29L8I-unm76sp1X-HfrZk5GswbfOyKf2/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFq0okJ6rxyvlTgM5zajADxwwC5zZbO9g0utKf2RvukWBXpbu2zHhnJzl6tH1NZhBS9A0E3TpFQHmPyaT0XuGZ-ZUuGxb6ieua15scEi2yYwrW29L8I-unm76sp1X-HfrZk5GswbfOyKf2/s1600/Capture.PNG" height="55" width="320" /></a></b></span></span></div>
<span style="font-family: inherit;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-890b-a2d7-9397-80f249bc964c" style="font-weight: normal;"><br /></b></span></span>webshopherohttp://www.blogger.com/profile/04182173975478200408noreply@blogger.com0tag:blogger.com,1999:blog-8606744254457640204.post-74596497309000951832015-03-02T15:58:00.000-08:002015-04-07T04:00:21.417-07:00<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<span style="font-family: inherit;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-890b-a2d7-9397-80f249bc964c" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Introduction</span></b></span></span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: inherit;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-890b-a2d7-9397-80f249bc964c" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Hello<span style="font-family: inherit;"><b> </b></span>dear reader! Welcome to our blogpost where you can follow our process during the course Visual Communication Design (VCD). We are a team of <span style="font-family: inherit;"><b>five</b></span> students; Arjana, Assmae, Attila, Joric & Shen-Kao, or shorter Team R<span style="font-family: inherit;"><b>.</b></span></span></b></span></span></div>
<span style="font-family: inherit;"><span style="color: #eeeeee;"><b id="docs-internal-guid-8ed87fd3-890b-a2d7-9397-80f249bc964c" style="font-weight: normal;"><span style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">This blog is a representation of our thoughts and a place where we share and discuss our results and findings.</span></b></span></span>webshopherohttp://www.blogger.com/profile/04182173975478200408noreply@blogger.com0