Monday, March 30, 2015

Change Blindness and Visual Search Results

Test 1: Change Blindness

Test description
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.

Preparing
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.


Home

Participant’s results varied greatly.

The logo was fastest to be found.

The star rating and the search lens were hard to find.
Considering the importance we attribute to it, the account button takes relatively long to be noticed.

Product
The picture of the product was by far found quickest.
Again the star rating and the search lens proved to be hard to find.
Other elements took similar time to be found.

Visual search

Home
Taking relatively long were the logo, the ‘welcome’ text and the banner. These three are regarded as being important to us.
The product tab and the search lens were relatively timely noticed while also having priority.

Product
The price and the picture of the product were no trouble for the participants to find.
The search lens on the other hand stood out by being by far hardest to notice.  

Overall Conclusions
As we find the search lens important, there should be improvement to make the lens more apparent to the visitors.
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.


Eye tracker results

Results


Home

Less than half of the participants have intensely looked at the logo.
The account button was only noticed by half off the participants.
Seven of the participants have intensely looked at the banners at the right.
The “welkom” message was perceived by everyone.
The footer was rarely looked at.
Search bar was perceived by everyone.

Product
Product picture was everyone’s first target.
Price was intensely looked at by everyone.
Half of the participants looked at the specifications
Half of the participants looked at the product information
Category list was perceived by everyone.

Conclusion
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.

 







































Tuesday, March 3, 2015

What!? What is it you guys want to show?


Page 1 - Home Page

Number
 Product of Elements
Importance
Why?
1
 Logo (home button)
4
The logo is the image of the company
2
Search balk
5
The visitors should be able to search easily and quickly for a specific product.
3
Information button
1

4
Contact Button
2

5
Account button
4
Loyal visitors should access their accounts easily, and also by emphasizing it, new “loyal” visitors may be attracted.
6
Category list
5
The division of the different categories make it easier for the visitor to find the needed object.
7
Shopping chart
1

8
Welcome text
5
This text is the introducing message and should communicate more about the site.
9
Certification mark  
2

10
Advertisement
4
Advertisement for several products is important in order to reach more audience.
11
Job offer
1

12
Footer
1

13
Background
4
The background influences the perception and the experience of the visitor.

Page 2 - Product Page

Number
      Product of Elements
Importance
Why?
14
Product title
5
The title is the given name and by which potential buyers and users define it.
15
Product picture
5
The overall preview of the object plays a big role in making a decision (either to buy it or not)
16
Price
5
The price is one of the important elements consumers looks for before buying.
17
Order
4
Once the decision is made, the visitor should be in state to order it directly.
18
Product Information
3
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.
19
Product Specification
3
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.
20
Logistic Information
3

Afuture's amazing Websop

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.
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.
[product page first half]
[product page second half]
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.

And our Web Shop in need is...

Assignment
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. 

And our webshop in need...
 

Monday, March 2, 2015

Introduction
Hello dear reader! Welcome to our blogpost where you can follow our process during the course Visual Communication Design (VCD). We are a team of five students; Arjana, Assmae, Attila, Joric & Shen-Kao, or shorter Team R.
This blog is a representation of our thoughts and a place where we share and discuss our results and findings.