The visual design of a websites user interface
Aro, Nina (2014)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201402062106
https://urn.fi/URN:NBN:fi:amk-201402062106
Tiivistelmä
This study examines web design user interface. In the theory part the main aspects and principles of web design will be described. The main principles that are introduced in the study are: balance, rhythm, emphasis and unity. Improvement suggestions for web pag-es with a bad interface will be done and also the end result and changes will be shown. The study goes deeply into detail looking at the structure of a webpage. The significance of colors and the use of them in design will also be focused on. A short explanation of each color will be explained in the concept of using them in web design. The eye-tracking machine Tobii will be used in the empirical part. Eye tracking is the process of measuring either the point of gaze or the motion of an eye relative to the head. Six webpages will be tested. Each site is very similar, small changes have been done to the coloring and product pictures. They are all e-commerce web pages that sell clothing as their main product. The webpages are done by the author, by making a realistic looking appearance. The purpose of the study is to examine the use of different colors and whether using human models or just pictures of the products are recommended. A conjoint analysis will be presented based on a questionnaire. The result of the test will be introduced by showing heat maps, time duration graphs and tables. The aim of the study is to figure out a common pattern for web design, more precisely where to place the different elements and what background color is recommended. Denna studie undersöker webbdesign. I teoridelen kommer de viktigaste aspekterna och principerna för webbdesign att beskrivas. De huvudprinciper som introduceras i studien är: balans, rytm, betoning och enhet. Förbättringsförslag på webbsidor med dålig design kommer att ske och även slutresultatet och ändringar kommer att visas. Studien går djupt in i detalj och tittar på strukturen av webdesign. Innebörden av olika färger och användningen av dem i design kommer också att fokuseras på. En kort förklaring av varje färg i begreppet visuell design kommer att finnas samt hur de kan användas inom webbdesign. Eye-tracking maskinen Tobii kommer att användas i den empiriska delen. Eye-tracking är en process för mätning av antingen blickens punkt eller rörelsen hos ett öga i förhållande till huvudet. Sex webbsidor kommer att testas och gemföras. Varje sida är mycket lika och de är alla e -handel webbsidor som säljer kläder som sin huvudprodukt. En conjoint analys kommer att presenteras på basen av frågeformuläret. Syftet med studien är att un-dersöka användningen av olika färger och om att använda mänskliga modeller eller bara bilder av produkterna rekommenderas. Resultatet av testet kommer att introducerar ge-nom att visa värmekartor. Syftet med studien är att räkna ut ett gemensamt mönster för webbdesign, mer exakt var placeringen de olika elementen är lönsam och vilken bak-grundsfärg rekommenderas att använda. Resultatet av studien visar att respondenterna föredrog naturlig bakgrunds färg och att använda modeller som visar kläder rekommen-deras också.