Web-trendit

Abstract

Tutkin opinnäytetyössäni web-trendejä ja niiden vaikutuksia käyttäjäkokemukseen. Olen tutustunut aiheeseen aikaisemminkin erinäisten artikkeleiden kautta, mutta halusin laajemman näkemyksen tämän hetken web-suunnittelun trendeistä, jotta voisin paremmin käyttämään tietoa hyväkseni työs-säni. Tutkittuani trendejä, rakensin niiden pohjalta sivuston, joka toimii omana työnäytteenäni. Hain tietoa web-trendeistä internetistä ja alan kirjallisuudesta. Käytin hyväkseni myös jo aiemmin työelä-mässä ja harrastuneisuuden kautta oppimaani tietoa. Yksi opinnäytetyöni tavoitteista oli myös tutustua yhteen tämän hetken suosituimmista sovelluske-hyksistä, Bootstrapiin. Käytin sitä apunani omaa sivustoani tehdessäni. Sovelluskehyksen käyttö ei kuitenkaan osoittautunut tehokkaimmaksi mahdolliseksi tavaksi tehdä yksinkertaisempia sivuja. Bootstrap ei myöskään kaikilta osin vastannut nykyisten trendien asettamia vaatimuksia. Esimerkiksi mobiilikäyttäjien käyttäjäkokemuksen huomiointi oli osittain puutteellista Bootstrapin sisäänrakenne-tuissa lisäosissa. Suurimmat web-trendit tällä hetkellä ovat responsiivisuus, sisällön ja mobiililaitteille suunnittelun lait-taminen etusijalle (Content First ja Mobile First) ja kaksiulotteinen suunnittelu (Flat design). Kaikki nämä tähtäävät käyttäjäkokemuksen parantamiseen mobiililaitteilla. Mobiiliselaaminen on yleistynyt huomattavasti viime vuosina ja internet on kehittymässä koko ajan mobiilimpaan suuntaan. Suunnit-telijat eivät voi enää ennustaa millaisella laitteella ja missä tilanteessa käyttäjä heidän suunnittele-mansa sivuston näkee. Hyvä käyttäjäkokemus syntyy, kun pyritään tarjoamaan kaikille laitteille sama sisältö, yhtenäinen visuaalinen ilme ja otetaan huomioon suorituskyky hitaammillakin internetyhteyk-sillä. Kaiken kaikkiaan onnistuin saavuttamaan tavoitteeni hyvin. Tiedän nyt enemmän modernin internetin asettamista vaatimuksista web-suunnittelijalle ja osaan käyttää tietoa hyväkseni työssäni. Tietämyk-seni web-trendeistä on syventynyt ja pystyn paremmin ottamaan huomioon erilaiset päätelaitteet suunnittelutyössäni. Opinnäytetyöni myötä olen kiinnostunut yhä enemmän käyttäjäkokemus- ja käyttöliittymäsuunnittelusta. Aion jatkossa paneutua näihin aiheisiin syvemmin.

In my thesis I study the trends of modern web design and their impact on user experience. This sub-ject was somewhat familiar to me, but I wanted to deepen my knowledge so that I could better make use of it in my work as a web designer. After studying the trends further I built myself a website based on the principals of modern web design. As reference material I’m using mostly articles found on the internet but also some books that cover some parts of web trends. One of my goals was also to get to know one of the most popular frameworks, Bootstrap. I used it in the building process of my web site. In the end it didn’t turn out to be the most convenient tool when building smaller web sites. Bootstrap even had some flaws when it comes to good user experience on mobile devices. The biggest trends in the field of web design at the moment are responsiveness, prioritising content and mobile devices in the design process (Content First and Mobile First) and making simple and two-dimensional graphics (Flat design). All of these trends aim for better user experience on mobile devices. Internet is becoming more and more mobile and a large group of users is now accessing the internet through their mobile devices. Web designers can’t predict how or where users are going to see their web sites. In order to achieve a good user experience it’s important to serve the same con-tent and create layouts that work on all devices. It’s also necessary to take into consideration perfor-mance on slower internet connections. All in all I managed to achieve my goals. Now I know the requirements of modern web and how it effects my work. I know how to use this knowledge in my designs and how to take into consideration different kinds of devices. While doing my thesis I have become more and more interested in user experience and user interface design. Those are the subjects I will study further.