tag:blogger.com,1999:blog-9347501595790378392024-02-20T13:26:25.097-08:00Visual Information Communication Design KVisual Information Communication Khttp://www.blogger.com/profile/14267842528594843055noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-934750159579037839.post-52756866021935672492015-04-06T02:01:00.004-07:002015-04-06T02:01:53.056-07:00The Final Aesthetic redesign <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCtaKScnBbQbvOW8FEmSUYS53j8a3Xl_IQrW-kQQiZiw6KSQNhsfe7Bq3amubgQTDmy0lNOw2YkP2T4zOQ4TjfiIaUHIZ_CfH4E-EwFElEMAFFHCNLq8q-xv0Z4IOKcfG13Yw3sT71piU/s1600/final.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCtaKScnBbQbvOW8FEmSUYS53j8a3Xl_IQrW-kQQiZiw6KSQNhsfe7Bq3amubgQTDmy0lNOw2YkP2T4zOQ4TjfiIaUHIZ_CfH4E-EwFElEMAFFHCNLq8q-xv0Z4IOKcfG13Yw3sT71piU/s1600/final.jpg" height="320" width="211" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
The landing page</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHBJGfuyN4bbC2nUz5v1lGdBQ1iQhKiTt2O9Oi8t_yBy-VePElkYX64tgeOzZ_eKn7uSfsteGtCrMPUCjeWHnOiHZ9K20dz_-_hXjtsKS4SBGsltXdQWCW1X1XnXk3X_lmEfUOaYaXvYg/s1600/Formdesign_Final_product.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHBJGfuyN4bbC2nUz5v1lGdBQ1iQhKiTt2O9Oi8t_yBy-VePElkYX64tgeOzZ_eKn7uSfsteGtCrMPUCjeWHnOiHZ9K20dz_-_hXjtsKS4SBGsltXdQWCW1X1XnXk3X_lmEfUOaYaXvYg/s1600/Formdesign_Final_product.jpg" height="320" width="211" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
The product page</div>
<br />Visual Information Communication Khttp://www.blogger.com/profile/14267842528594843055noreply@blogger.com0tag:blogger.com,1999:blog-934750159579037839.post-72008384509149013572015-03-31T06:08:00.003-07:002015-03-31T07:05:37.030-07:00Dynamic product interaction - White cristal stone lamp<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhtVX8kzGvs6V4JYXkV7dseTL5tNaekZ0YpuqEdXjRrQZmyu-Txv6FVxtrH_7f8MHNzxxObyDNn4RBcyvaTm6BoDUqrVmah82wMGV5zye7y1Ifi9BysbGStTT-9b84Lo3soGCu7UnqVis/s1600/output_clbzG0.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhtVX8kzGvs6V4JYXkV7dseTL5tNaekZ0YpuqEdXjRrQZmyu-Txv6FVxtrH_7f8MHNzxxObyDNn4RBcyvaTm6BoDUqrVmah82wMGV5zye7y1Ifi9BysbGStTT-9b84Lo3soGCu7UnqVis/s1600/output_clbzG0.gif" height="240" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Animated product visuals</td></tr>
</tbody></table>
<br />The Happinez webshop makes use of and detailed pictures of the product in an environment that fits the theme to show a nice mood around the product. <div>
<br /></div>
<div>
We wanted to strengthen this feeling by making a 'moving image' and show the features of the product.<br /><div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/11724245953676702245noreply@blogger.com0tag:blogger.com,1999:blog-934750159579037839.post-52355916298288039112015-03-25T04:25:00.000-07:002015-03-25T04:25:36.699-07:00What happens when data- viz designers become penpals? - Fastco design<a href="http://www.fastcodesign.com/3044108/what-happens-when-data-viz-designers-become-penpals?utm_source=facebook#6">http://www.fastcodesign.com/3044108/what-happens-when-data-viz-designers-become-penpals?utm_source=facebook#6</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7fl_zSRXrv7Xe0PFDAOWAmCChTW_VF16cfteJjP-p5Ieiq83euBhZDUoKcLK9dctgITkC1yncjMGGIZtcvs3dQFpAzOw9Y9dYJg2660fcOnB4-fDe9tV4qnDE4g_JO7c6LZ5LbA8g6cQ/s1600/3044108-slide-s-2-what-happens-when-data-viz-deardata-week01-stefanie.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7fl_zSRXrv7Xe0PFDAOWAmCChTW_VF16cfteJjP-p5Ieiq83euBhZDUoKcLK9dctgITkC1yncjMGGIZtcvs3dQFpAzOw9Y9dYJg2660fcOnB4-fDe9tV4qnDE4g_JO7c6LZ5LbA8g6cQ/s1600/3044108-slide-s-2-what-happens-when-data-viz-deardata-week01-stefanie.jpg" height="320" width="227" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3Tvgb4ob7dlTH3rikCl3TOCnxxGTAk_aAECoWloc9ynWo3hVJgSLe-564942m7BZ_es7UHbFkU-bY5BePKkYGwIBy0GaOAfzf5tAEIXSan9tHOZqJjFpNWM4mKz125AxCE-GK12iaR0/s1600/3044108-slide-s-5-what-happens-when-data-viz-deardata-week03-giorgia.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3Tvgb4ob7dlTH3rikCl3TOCnxxGTAk_aAECoWloc9ynWo3hVJgSLe-564942m7BZ_es7UHbFkU-bY5BePKkYGwIBy0GaOAfzf5tAEIXSan9tHOZqJjFpNWM4mKz125AxCE-GK12iaR0/s1600/3044108-slide-s-5-what-happens-when-data-viz-deardata-week03-giorgia.jpg" height="320" width="245" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFHDWEfDB62wROErGIwr5QHpjyWRkOdYCSQqLyXij-aU8lN3zau2EJAfnVESx5mv8Kc6e8wi9YOxq0ql-6vgRN8cn5kkMWMu1Kya98sydVNx6TxrBCodd5K3GNi30286Twuu-sDBs1oNg/s1600/3044108-slide-s-7-what-happens-when-data-viz-deardata-week04-giorgia.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFHDWEfDB62wROErGIwr5QHpjyWRkOdYCSQqLyXij-aU8lN3zau2EJAfnVESx5mv8Kc6e8wi9YOxq0ql-6vgRN8cn5kkMWMu1Kya98sydVNx6TxrBCodd5K3GNi30286Twuu-sDBs1oNg/s1600/3044108-slide-s-7-what-happens-when-data-viz-deardata-week04-giorgia.jpg" height="320" width="245" /></a></div>
Visual Information Communication Khttp://www.blogger.com/profile/14267842528594843055noreply@blogger.com0tag:blogger.com,1999:blog-934750159579037839.post-1690980739180953552015-03-17T05:13:00.000-07:002015-03-17T05:13:26.467-07:00BNO Infographic lecture 25th of Marchhttp://www.bno.nl/agenda/bno-noord-infographics<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnP2blodrADlVCq7LH-ubXmCdp6OCi-iC8LHk3px46hEJm2Pb2o0-C04HWlOkV5v5EcItYQ81Y1KNUZmH54DmIsBolglHIXOMRAjhZazapv1QRlJK5sUu8lWXaF8YMvLrWD2nANcYZlhw/s1600/BNONoord_Infographics.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnP2blodrADlVCq7LH-ubXmCdp6OCi-iC8LHk3px46hEJm2Pb2o0-C04HWlOkV5v5EcItYQ81Y1KNUZmH54DmIsBolglHIXOMRAjhZazapv1QRlJK5sUu8lWXaF8YMvLrWD2nANcYZlhw/s1600/BNONoord_Infographics.png" height="149" width="320" /></a></div>
<br />Visual Information Communication Khttp://www.blogger.com/profile/14267842528594843055noreply@blogger.com0tag:blogger.com,1999:blog-934750159579037839.post-60064392810610634042015-03-16T08:44:00.001-07:002015-03-17T08:29:15.120-07:00Interesting TEDtalk about data visualisation<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaqA97a_mUEJaxSHJ1BPpZRnmPeLoh5RWpm6OU4zj82E_-j9ST8rXFCxTrknq1wLhWBoQdqVirlSzABT3pkTwPNBOY6HmsPMg2A8x1enExhUY6RxfOdeeBRXrDDeHO1FBDGTgi5oVciWU/s1600/ted+talk+afbeelding.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaqA97a_mUEJaxSHJ1BPpZRnmPeLoh5RWpm6OU4zj82E_-j9ST8rXFCxTrknq1wLhWBoQdqVirlSzABT3pkTwPNBOY6HmsPMg2A8x1enExhUY6RxfOdeeBRXrDDeHO1FBDGTgi5oVciWU/s1600/ted+talk+afbeelding.png" height="344" width="640" /></a></div>
Visual Information Communication Khttp://www.blogger.com/profile/14267842528594843055noreply@blogger.com0tag:blogger.com,1999:blog-934750159579037839.post-44901153209283422142015-03-12T03:36:00.003-07:002015-03-25T10:06:17.056-07:00Functional redesign<h3 dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 8pt;">
<span style="background-color: transparent; font-size: 16px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">Problem statement </span></span></h3>
<div class="separator" style="clear: both; text-align: left;">
<span id="docs-internal-guid-ff0de4e8-51d5-d6e2-fa76-052f4b591a44"><span style="font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The problems founded during the test, which were especially focused on the functionality, are inefficiency caused by over information exposed, visually unbalanced structure, uncompleted aligns and lack of highlight for important elements.</span></span></span></div>
<h3 dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 8pt;">
<span style="font-family: Times, Times New Roman, serif;"><span style="background-color: transparent; color: #444444; font-size: 16px; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Goal </span></span></h3>
<div class="separator" style="clear: both; text-align: left;">
<span id="docs-internal-guid-d945987e-51d6-9d30-6699-0441deb628ba"><span style="font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">By functionally redesigning the website, the website will have better aligned while allowing future visitors to be able to reach to the information they need in easy and efficient way. </span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFaK8gbVuOPqoNZ8tzb7ufSsTcxeNLiPBO702mh5XDYqEVwPFfCLDZvPteGUIhkI3sg7WolIcK-RIgcqqdMM7W1pWg0TLSdOTCbRVcWOTPJYNJBdZwNu2424_Df1w_VNDmbX9IrRQsEUQ/s1600/landing+page1+after.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFaK8gbVuOPqoNZ8tzb7ufSsTcxeNLiPBO702mh5XDYqEVwPFfCLDZvPteGUIhkI3sg7WolIcK-RIgcqqdMM7W1pWg0TLSdOTCbRVcWOTPJYNJBdZwNu2424_Df1w_VNDmbX9IrRQsEUQ/s1600/landing+page1+after.jpg" height="320" width="270" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtYi4zJ-uf5qV7scacRECbC9XqH6youpvpabPqRPHcMGxfUT0ac_ITPs_096vknRjlt5KAfScQd5U-UZB7GKkffnSFI777oymq7k-48EtKv7SvrkfR5J0u1jci0OC691G_bCkJDKufVjk/s1600/functional+redesign_re2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtYi4zJ-uf5qV7scacRECbC9XqH6youpvpabPqRPHcMGxfUT0ac_ITPs_096vknRjlt5KAfScQd5U-UZB7GKkffnSFI777oymq7k-48EtKv7SvrkfR5J0u1jci0OC691G_bCkJDKufVjk/s1600/functional+redesign_re2.jpg" height="320" width="247" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKfPCnGEr0WSX4xOZQGOITa0Ag87YMSCCYHKNelVzJB6JOSVJQsiYt9FjbmHFQSH4I6fAf4SpRbQ8jUoACJD4x7XqzLefimAPrgCG9zBjkJGFXAmKCKsCNxPInn-7rd7bnVW2io6iXbF8/s1600/functional+redesign_re_re3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKfPCnGEr0WSX4xOZQGOITa0Ag87YMSCCYHKNelVzJB6JOSVJQsiYt9FjbmHFQSH4I6fAf4SpRbQ8jUoACJD4x7XqzLefimAPrgCG9zBjkJGFXAmKCKsCNxPInn-7rd7bnVW2io6iXbF8/s1600/functional+redesign_re_re3.jpg" height="320" width="247" /></a></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">Landing page</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The elements to be eliminated:</span></span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The small fonts under each product photo were erased, as they are thought to make the whole page noisy. From the eye tracking experiment it was found that people almost do not look at these at all. </span></span></div>
</li>
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The banner and product photos are enlarged to make a clearer perception of the web shop. </span></span></div>
</li>
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The navigation bar were removed and its function were combined into the product images.</span></span></div>
</li>
</ul>
<span style="color: #444444;"><b id="docs-internal-guid-06545ed5-51d7-79da-7f0c-1d7e79431824" style="font-weight: normal;"><span style="font-family: Times, Times New Roman, serif;"><br /></span></b>
</span><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: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The elements to be changed:</span></span></div>
<span style="color: #444444;"><br /></span>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">Product pictures were replaced to the theme pictures which represent each category were used.</span></span></div>
</li>
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">Overall size of pictures (banner, product pictures) used are raised. </span></span></div>
</li>
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">Location and size of searching bar.</span></span></div>
</li>
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">Contents of product images are modified.</span></span></div>
</li>
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">Location of customer service is that they rarely use at the first web page, and normally they are located in bottom part which also makes more space to show the product pictures.</span></span></div>
</li>
</ul>
<div>
<span style="font-family: Times, Times New Roman, serif;"><span style="color: #444444; font-size: 15px; line-height: 20.7000007629395px; white-space: pre-wrap;"><br /></span></span></div>
<div>
<span style="color: #444444;"><span id="docs-internal-guid-06545ed5-51d8-3cbe-6c6e-774ba1e20e0e"><span style="font-family: Times, Times New Roman, serif;"></span></span><br /></span>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span id="docs-internal-guid-06545ed5-51d8-3cbe-6c6e-774ba1e20e0e"><span style="font-family: Times, Times New Roman, serif;"><span style="color: #444444; font-size: 15px; font-weight: bold; vertical-align: baseline; white-space: pre-wrap;">Product page</span></span></span></div>
<span id="docs-internal-guid-06545ed5-51d8-3cbe-6c6e-774ba1e20e0e"><span style="color: #444444; font-family: Times, Times New Roman, serif;">
</span></span>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span id="docs-internal-guid-06545ed5-51d8-3cbe-6c6e-774ba1e20e0e"><span style="font-family: Times, Times New Roman, serif;"><span style="color: #444444; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">The elements eliminated:</span></span></span></div>
<span id="docs-internal-guid-06545ed5-51d8-3cbe-6c6e-774ba1e20e0e"><span style="color: #444444; font-family: Times, Times New Roman, serif;">
<span style="font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">The elements changed; location of searching bar ( in order to make clearer layout the location was changed but kept in the area where users still feel familiar with ), location of service menu.</span></span></span></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-934750159579037839.post-25723401942478734322015-03-12T03:36:00.001-07:002015-03-25T10:11:37.131-07:00Brainstorm<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDqcV22sLQD_cwNcPOpMuSY5Bvhbqdjvz2eimKXAVwzBpqZLHfYmjrwtgo2G2KwyNVisYh4tNypBmLQ91L5RC-hXkoWkUTA0zg4yGdlsZ_aL-JslYHmvEOsWkPKzpxpPrXvn4E1nFMGwu1/s1600/95c8955f2cc037c0d6b9a257e71e5c16-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDqcV22sLQD_cwNcPOpMuSY5Bvhbqdjvz2eimKXAVwzBpqZLHfYmjrwtgo2G2KwyNVisYh4tNypBmLQ91L5RC-hXkoWkUTA0zg4yGdlsZ_aL-JslYHmvEOsWkPKzpxpPrXvn4E1nFMGwu1/s1600/95c8955f2cc037c0d6b9a257e71e5c16-1.jpg" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9nzjKvueKQLHyv63Lo3JEPZ2mnJBP21Ox2ZqlDj7SknLlzjkfa1nQugiVv7jBkKBAaLJtP5BkTBytFTz0LeTNGDyVltVOt1pMKDPgdRJisojm720UVBDwvjmqdYkM2jN0a-7qrcCO5BU9/s1600/95c8955f2cc037c0d6b9a257e71e5c16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9nzjKvueKQLHyv63Lo3JEPZ2mnJBP21Ox2ZqlDj7SknLlzjkfa1nQugiVv7jBkKBAaLJtP5BkTBytFTz0LeTNGDyVltVOt1pMKDPgdRJisojm720UVBDwvjmqdYkM2jN0a-7qrcCO5BU9/s1600/95c8955f2cc037c0d6b9a257e71e5c16.jpg" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXLR8RAvLd0SGQmbVcG-yFPWL2LBL2qns0f1crFkbFhJXQi9Kni1bDor7Kt1iJbPAeEvYXEMHl6GGRSQQGS2MQaiOiu95hKd4ChLj9d3h4QsCTnEm4WYbcQjwnQzr0hfGEGDeiDD8HHVlu/s1600/b219beeaa9723d0cdcc67233c0242e44-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXLR8RAvLd0SGQmbVcG-yFPWL2LBL2qns0f1crFkbFhJXQi9Kni1bDor7Kt1iJbPAeEvYXEMHl6GGRSQQGS2MQaiOiu95hKd4ChLj9d3h4QsCTnEm4WYbcQjwnQzr0hfGEGDeiDD8HHVlu/s1600/b219beeaa9723d0cdcc67233c0242e44-1.jpg" height="320" width="240" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNVLEGwPsFi_KZGsRSJRoMSFPvmbuBRIdVxa0F1m6Zj-vBkL7iFqET-4Am_RBVpHMrwMCbmSuv8SNMbC6c93fPoXvxa_gUlOxTpppHR2J9aLFMPa675NIRYJ7w5MEmEpl2tHnQaynWIdtb/s1600/b219beeaa9723d0cdcc67233c0242e44.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNVLEGwPsFi_KZGsRSJRoMSFPvmbuBRIdVxa0F1m6Zj-vBkL7iFqET-4Am_RBVpHMrwMCbmSuv8SNMbC6c93fPoXvxa_gUlOxTpppHR2J9aLFMPa675NIRYJ7w5MEmEpl2tHnQaynWIdtb/s1600/b219beeaa9723d0cdcc67233c0242e44.jpg" height="320" width="240" /></a></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">Before the functional redesign, a list of the elements that should be excluded was made to avoid making users confuse while redesigning this web shop. The elements which would keep its location or its form are as follows;searching bar, purchasing button, and shopping cart icon.</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span id="docs-internal-guid-06545ed5-51e6-8c97-16d5-4bb73498ea6b"><span style="vertical-align: baseline; white-space: pre-wrap;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">For the easier and clearer communication about the functional redesign, original web pages are printed and cut into pieces following its information to be conveyed, then to be reorganized and relocated. Since this part is about functional improvement, the aesthetics aspects are not considered yet but will be taken into in later posts. </span></span></span></div>
<br />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-934750159579037839.post-86489605089039189152015-03-12T03:35:00.001-07:002015-03-12T04:00:57.745-07:00'Happinez' IdentityAs happinez is the webshop of the magazine. Thus, we had a discussion session to analyse the identity of the magazine and see what and how elements can be transferred into the webshop redesign to keep the style unified.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy5M2Zzgex6lhZqAqVKyBz3Lv9bC0eLK-FLCKg6WEHHKu5z4_Jp2t83kkTyk2Iy1yOX5ex8vYBc69gtmUwFug-1rJWxMB2Bk9DtBBmIn0ECKiYh2UEXajqGWyRyK4sR3OOX0XV-2UHI21V/s1600/Screen+Shot+2015-03-12+at+11.54.52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy5M2Zzgex6lhZqAqVKyBz3Lv9bC0eLK-FLCKg6WEHHKu5z4_Jp2t83kkTyk2Iy1yOX5ex8vYBc69gtmUwFug-1rJWxMB2Bk9DtBBmIn0ECKiYh2UEXajqGWyRyK4sR3OOX0XV-2UHI21V/s1600/Screen+Shot+2015-03-12+at+11.54.52.png" height="640" width="488" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiap_oIKGWbAxYKOBdU_G75v4Ns_E_Tlhz67jSz97oOghyphenhyphenubdYBHrBbhDSNPH9ajvqKoyGhtDSHQJHMfxG7KPXzTNjfUinQXrZGFVfrXUYyZJ3JCKDyKDL7kfvUB1_zeAklfUlTnY27GO5/s1600/Screen+Shot+2015-03-12+at+11.52.50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiap_oIKGWbAxYKOBdU_G75v4Ns_E_Tlhz67jSz97oOghyphenhyphenubdYBHrBbhDSNPH9ajvqKoyGhtDSHQJHMfxG7KPXzTNjfUinQXrZGFVfrXUYyZJ3JCKDyKDL7kfvUB1_zeAklfUlTnY27GO5/s1600/Screen+Shot+2015-03-12+at+11.52.50.png" height="436" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZgHNbv9I-AcJdRwo6qM7JgGSZ1qGRPgxk6S1d1AbROjp3X49dlD0YXEZ0Kl1TtoUJlsfv79uFy_ylvVIMIVVUu1yZGbXUpJxI5Ui1xCEO0AYP3MiUjLsncQowIXqTfUmNLwwhy8dIOiKX/s1600/Screen+Shot+2015-03-12+at+11.51.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZgHNbv9I-AcJdRwo6qM7JgGSZ1qGRPgxk6S1d1AbROjp3X49dlD0YXEZ0Kl1TtoUJlsfv79uFy_ylvVIMIVVUu1yZGbXUpJxI5Ui1xCEO0AYP3MiUjLsncQowIXqTfUmNLwwhy8dIOiKX/s1600/Screen+Shot+2015-03-12+at+11.51.14.png" height="436" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-934750159579037839.post-9873636010180875132015-03-10T06:41:00.001-07:002015-03-25T10:12:34.639-07:00 The scenario task and questionnaire<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #444444; font-family: Times, Times New Roman, serif;"><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 </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;">Scenario task</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;"> was set up to reveal how visitors navigate in the web shop. </span></span></div>
<span style="color: #444444; font-family: Times, Times New Roman, serif;"><span style="font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">An </span><span style="font-size: 15px; font-weight: bold; vertical-align: baseline; white-space: pre-wrap;">Questionnaire</span><span style="font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"> served to find extended information about the overall feeling of the user test.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA-VJxIraLu3vlqmx42JgUKy5yfxlqc8iNRrWoMVqt2nRQWagGO4teQ3cQOq7Cvn5M49B-I5IH_DSh18ceoGIQWsUICyArEtSICi-N79G5DJl92b54IDnhyphenhyphen7esRfa4pi_izR7YJLJ-ghY/s1600/VCD+tests+0312.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA-VJxIraLu3vlqmx42JgUKy5yfxlqc8iNRrWoMVqt2nRQWagGO4teQ3cQOq7Cvn5M49B-I5IH_DSh18ceoGIQWsUICyArEtSICi-N79G5DJl92b54IDnhyphenhyphen7esRfa4pi_izR7YJLJ-ghY/s1600/VCD+tests+0312.jpg" height="320" width="234" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span id="docs-internal-guid-06545ed5-51be-f821-02d5-87728e5fc3f5"></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The product categories in the navigation bar should be clear to indicate what range of products the website has to offer. It is after the title (3 seconds) the 30 second message in the 3, 30, 300 rule (from the course Context & Conceptualization at IDE).</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;"><br /></span></span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #444444; font-family: Times, Times New Roman, serif;"><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;">We set up open questions both before and after the two experiments of blindness and visual search, then put them all in a same table</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;">. </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;">The open questions help us to redesign the web shop in the term of aesthetics, like people opinions to the color, what’s their feeling while looking through the web shop, which part they like and dislike. </span></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;"><b id="docs-internal-guid-df2c030e-51cf-8254-6536-35407a7d58c4" style="font-weight: normal;"><span style="color: #444444; font-family: Times, Times New Roman, serif;"><br /></span></b></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">When we started to analysis the data from open questions, what we did first is to color the responses from each participant. We used one color to mark the same element they mentioned for one or two questions, then made a pie chart to figure out the significant elements, like the elements they want to change most, then made a list of users perceptions and suggestions of these elements. </span></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;"><b style="font-weight: normal;"><span style="color: #444444; font-family: Times, Times New Roman, serif;"><br /></span></b></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">For the elements users mentioned in their first impression of this web shop, we think those elements are important as they successfully catch visitors’ attention, so they should be considered for the redesign, to erase the useless ones and make the rest better to fit the magazine theme. The elements participants want to change also need to be redesigned. </span></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;"><b style="font-weight: normal;"><span style="color: #444444; font-family: Times, Times New Roman, serif;"><br /></span></b></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">Conclusion </span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">From the open questions we get some useful insights:</span></span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: Times, Times New Roman, serif;"><span style="background-color: transparent; color: #444444; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></span></div>
<ul style="margin-bottom: 0pt; margin-top: 0pt;">
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The background color is a bit grayish, it should enable people to have a happy mood;</span></span></div>
</li>
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The web shop fails to clearly show people what they are selling;</span></span></div>
</li>
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The overall style is not related to its content;</span></span></div>
</li>
<li dir="ltr" style="background-color: transparent; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; list-style-type: disc; text-decoration: none; vertical-align: baseline;"><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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The empty part on the left is boring;</span></span></div>
</li>
</ul>
<span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"><br /></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-934750159579037839.post-35161468261046592922015-03-10T06:40:00.005-07:002015-03-25T05:29:37.579-07:00Eye tracking experiment<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">As follows are the results of our eye-tracking experiments to <span style="font-size: 15px; line-height: 1.38; white-space: pre-wrap;">show the order and patterns in which the website is perceived. Even though the used eye-tracker is not that accurate, a clear path and order can be detected. Also, it shows where people do not look at all.</span></span></div>
<div>
<span style="font-family: Arial; font-size: 15px; line-height: 1.38; white-space: pre-wrap;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdVSahue7qE_acw86KC1hDeholtb56mnkMbD-x2RJO02FfDPdufKov7-GOzotqc_KP3XgIttmmbTTPDbbRJUy_rpMEvITX08qkcN5HvHm106J1F1mJJ5m6yWKUIwh0mxlJIMtI6R7Vf6c/s1600/eyetracking01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdVSahue7qE_acw86KC1hDeholtb56mnkMbD-x2RJO02FfDPdufKov7-GOzotqc_KP3XgIttmmbTTPDbbRJUy_rpMEvITX08qkcN5HvHm106J1F1mJJ5m6yWKUIwh0mxlJIMtI6R7Vf6c/s1600/eyetracking01.jpg" height="226" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixnL6lY1Q8Qpk0UEdJLGBfbDsaLQnDYmrxO2VgdFENfZpAkuE6hgyzDjhyg6RT6sO5kgL4dOoQipBxf6SLs6gb1w57XCJ8ybDZCUwBj-M4LlLnRlHJIJl9RCOu1aSpy5wNNbMJmzCPW9k/s1600/eyetracking02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixnL6lY1Q8Qpk0UEdJLGBfbDsaLQnDYmrxO2VgdFENfZpAkuE6hgyzDjhyg6RT6sO5kgL4dOoQipBxf6SLs6gb1w57XCJ8ybDZCUwBj-M4LlLnRlHJIJl9RCOu1aSpy5wNNbMJmzCPW9k/s1600/eyetracking02.jpg" height="226" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwcR5fgtTHJ7Fpuvmaf2kl56A3PETx5Z2JhIeACTK57Dpf4Ey6MviEEjk2xGfl9tuUjioPaRmr4reIBdTmyAzGu7NEaKFew-5FDNh2H5I4QknUTRJbByA67S_PcfQE90wMxCtYMUoVUt0/s1600/eyetracking+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwcR5fgtTHJ7Fpuvmaf2kl56A3PETx5Z2JhIeACTK57Dpf4Ey6MviEEjk2xGfl9tuUjioPaRmr4reIBdTmyAzGu7NEaKFew-5FDNh2H5I4QknUTRJbByA67S_PcfQE90wMxCtYMUoVUt0/s1600/eyetracking+3.png" height="176" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">The landing page and one product page were chosen for the eye-tracking experiment among 10 participants. For analyzing the results. three diagrams were made to see the gaze-traces of the eye movement, the most and the least concerned elements. The following conclusions were be draw and used in the redesign:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">Landing page:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">1. Almost no participants really looked at the left column. This important area should be informative instead of left blank.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">2. The client service occupied the right column but few participants paid attention to it.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">3. Most participants looked at the middle part first, then looked up and down. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">4. The middle quotes draw much attention in the beginning.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">5. The navigation bar was neglected by some participants.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">6. Few participants looked at the social media buttons.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">7. The searching bar should be relocated.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">Product page:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">1. Most of participants start from the main product picture and move up to the title.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">2. Afterwards, participants looked around other parts then come back to the picture and product information.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">3. Most of gaze points are images or icons.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;">4. <span style="font-size: 15px; white-space: pre-wrap;">Gaze traces move from up to down.</span></span></div>
<br />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-934750159579037839.post-40824148894086544302015-03-10T06:40:00.003-07:002015-03-25T10:13:08.948-07:00Change blindness experiment<span id="docs-internal-guid-df2c030e-51b4-e716-e798-1e8aad1b03d5"><span style="font-family: Times, Times New Roman, serif;"><span style="font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">The </span><span style="font-size: 15px; font-weight: bold; vertical-align: baseline; white-space: pre-wrap;">visual search</span><span style="font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"> test shows how long it takes to recognize particular elements on the website. For instance: ‘Is the shopping cart button in a logical position?’</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK7RhA-nxRQworkWgF6P6xUJU8MbnhgYLUQmNiPenaXMJuKj-RJrJQ07cefZH-JbZRA9ueCXwHEIGCa90iNrjCNLSH-4fo4ZPtF_MOgX4MbvbcljTNfTv8K6xUwL-lD692a3M_XgwWHVs/s1600/VCD+tests+0312.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK7RhA-nxRQworkWgF6P6xUJU8MbnhgYLUQmNiPenaXMJuKj-RJrJQ07cefZH-JbZRA9ueCXwHEIGCa90iNrjCNLSH-4fo4ZPtF_MOgX4MbvbcljTNfTv8K6xUwL-lD692a3M_XgwWHVs/s1600/VCD+tests+0312.jpg" height="320" width="212" /></a></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">In the bar graph we can see that it took the participants the most time to find:</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">- the send costs</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">- the login button</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">- location indication</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">- the contact button </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<b id="docs-internal-guid-df2c030e-51b6-b621-75b1-ff7c57cfa85f" style="font-weight: normal;"><span style="color: #444444; font-family: Times, Times New Roman, serif;"><br /></span></b></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The easiest to find are:</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">- shopping cart</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">- navigation button</span></span></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="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 style="color: #444444; font-family: Times, Times New Roman, serif;">- price</span></span></div>
<div>
<span style="background-color: transparent; color: black; 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;"><br /></span></div>
<span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"><br /></span>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-934750159579037839.post-9472672401660187272015-03-10T06:40:00.001-07:002015-03-25T10:13:48.024-07:00Visual search experiment<span id="docs-internal-guid-df2c030e-51b8-6acc-707a-a31f30b04344"></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="color: #444444; font-family: Times, Times New Roman, serif;"><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 </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;">change blindness</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;"> test not only reveals our poor ability to detect certain changes, but for this website it shows how much attention is paid to these changing objects. If it takes a long time to detect the change there is most likely little awareness of the specific properties of an element.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo0IWXJ1OU5w9DVO_Gxz85TCu1DnwtnK_dW1wiWo1U00kW3U_bq6RAjAzOB-KMQM0BYQRC5QBTiXTBRtHdAOMkPUIWcXICNHpvn6hsV2QDK1KbcptL9H_Q7aN1HNcYFbqDxAnR9rjlKXM/s1600/VCD+tests+0312.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo0IWXJ1OU5w9DVO_Gxz85TCu1DnwtnK_dW1wiWo1U00kW3U_bq6RAjAzOB-KMQM0BYQRC5QBTiXTBRtHdAOMkPUIWcXICNHpvn6hsV2QDK1KbcptL9H_Q7aN1HNcYFbqDxAnR9rjlKXM/s1600/VCD+tests+0312.jpg" height="320" width="182" /></a></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: Times, Times New Roman, serif;"><span style="background-color: transparent; color: #444444; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Conclusion:</span></span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: Times, Times New Roman, serif;"><span style="background-color: transparent; color: #444444; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">The most hard to find for our participants:</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">- the search button</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">- the number of articles</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">- the ideal icon</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">- the font size</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<b id="docs-internal-guid-0ebf90ce-51b9-f199-3bab-4f8abaf9b62b" style="font-weight: normal;"><span style="color: #444444; font-family: Times, Times New Roman, serif;"><br /></span></b></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">The most easy to find for our participants were:</span></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;"><span style="color: #444444; font-family: Times, Times New Roman, serif;">- the small pictures</span></span></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="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 style="color: #444444; font-family: Times, Times New Roman, serif;">- the navigation bar</span></span></div>
<div>
<span style="background-color: transparent; color: #444444; 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;"><br /></span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-family: Times, Times New Roman, serif;"><span style="background-color: transparent; color: black; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span></span></div>
Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-934750159579037839.post-29378781931719439762015-03-10T06:34:00.001-07:002015-03-12T04:26:47.771-07:00Chosen pages for redesignFor the website redesign, we decided to choose two pages, one is the main page. And the other one is the product page. Main page is the first thing you see when you open a website, it should be clean, simple but informative. And the quality of a product page is related to the fact whether a customer will buy it or not.<br />
<div>
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghLigRvI-9sXwYJhtjFKAZfPGQa7HFQIsKxXauug-o91AVTIj-zwbngUllLI2jt1sL3LinRy4dh168wB5zxrB5oje7gIXk76PuuaQgT2QNI6eUteXjxww4EiawCYL0ZafF6qp9aRa7qo_C/s1600/2nd+page+clear.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghLigRvI-9sXwYJhtjFKAZfPGQa7HFQIsKxXauug-o91AVTIj-zwbngUllLI2jt1sL3LinRy4dh168wB5zxrB5oje7gIXk76PuuaQgT2QNI6eUteXjxww4EiawCYL0ZafF6qp9aRa7qo_C/s1600/2nd+page+clear.jpg" height="403" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOidD5gZ3_fDgdrYH-BgLL-IqToyFSJRWmT2pvw5dPMV3axTMdsf3EYd3wuo3Cr0D1X5x6cj1PqZFFB7I44fS3wL44bCiiW_89ST37YfDzB3ypEAlY4qnGCdvB4tCy2qUzvJGnWnLkjDca/s1600/Page+1+clear.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOidD5gZ3_fDgdrYH-BgLL-IqToyFSJRWmT2pvw5dPMV3axTMdsf3EYd3wuo3Cr0D1X5x6cj1PqZFFB7I44fS3wL44bCiiW_89ST37YfDzB3ypEAlY4qnGCdvB4tCy2qUzvJGnWnLkjDca/s1600/Page+1+clear.jpg" height="402" width="640" /></a></div>
<br /></div>
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-934750159579037839.post-78146501454812031012015-03-10T06:10:00.002-07:002015-03-12T04:22:56.078-07:00Group assignment planing<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<div style="text-align: center;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Week 3.3</span></div>
</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Analyse the website Get the processing software working and perform the change blindness and visual search experiments. Visit some art websites (e.g. Rijksmuseum, google art project, etc).</span><br />
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<div style="text-align: center;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Week 3.4</span></div>
</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Perform eye tracking experiments. You might start spending some time on assignment 3 after this weeks lecture. Also finish the first part of assignment 1, functional redesign.</span><br />
<div style="text-align: center;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<div style="text-align: center;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Week 3.5</span></div>
</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Collect results of the three user tests and start the redesign .Guest lectures on webshops and data visualisation. After this lecture you can safely start with the second part of assignment 1 (aesthetics). </span><br />
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<div style="text-align: center;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Week 3.6</span><span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></div>
</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Work further on assignment 1 (product and interaction). Finalise assignment 3. Make a plan for the data visualisation of the rijksmuseum project (assignment 2), download the software (probably Tableau, we’ll keep you updated about this). </span><span style="color: #111111; font-family: Calibri; font-size: 15px; line-height: 1.2; white-space: pre-wrap;">Practical training, work out the data vis concept. </span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<div style="text-align: center;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Week 3.7 & 3.8</span><span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></div>
</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Finalise assignment 2 and prepare report and presentation of assignment 1. </span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span>
<div style="text-align: center;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Week 3.9</span><span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></div>
</div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #3c78d8; font-family: Calibri; font-size: 24px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div>
<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Presentation. Hand in the deliverables.</span></div>
<div>
<span style="background-color: transparent; color: #111111; font-family: Calibri; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-934750159579037839.post-70956575722996381852015-02-24T08:00:00.003-08:002015-03-12T03:34:20.864-07:00The chosen webshop.<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFOvgQAQtBlOn5TGyTIH02yQEXf0Woes-q-nAKwsbXC_WfbejFLT93UaF-r6ZM_Ya8ZybG6koncXCTuJAbusqSQqViuqrY11er2Ixn5tFXy_-mBuAvXaCr3PSdc5KfgKIx0HC1VAGBtSU/s1600/VICD+website.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFOvgQAQtBlOn5TGyTIH02yQEXf0Woes-q-nAKwsbXC_WfbejFLT93UaF-r6ZM_Ya8ZybG6koncXCTuJAbusqSQqViuqrY11er2Ixn5tFXy_-mBuAvXaCr3PSdc5KfgKIx0HC1VAGBtSU/s1600/VICD+website.JPG" height="149" width="320" /></a></div>
<br />Visual Information Communication Khttp://www.blogger.com/profile/14267842528594843055noreply@blogger.com0