Verkkosivun käyttöliittymän suunnittelu
Saarimaa, Mikko (2019)
Saarimaa, Mikko
2019
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2019122327880
https://urn.fi/URN:NBN:fi:amk-2019122327880
Tiivistelmä
Opinnäytetyössä tutkitaan millainen on hyvä web-sivuston tai applikaation käyttöliittymä, teoriaa johon tämä perustuu ja miten sellainen toteutetaan käytännössä. Opinnäytetyössä tarkastellaan käyttäjäkeskeistä suunnittelua,
käyttöliittymien kehitysmenetelmiä ja niiden käyttötarkoituksia aina käytettävyyden näkökulmasta, sekä responsiivista kehitystä. Käsitellään myös miksi web-kehittäjän tulisi ymmärtää graafisen suunnittelun perusteita ja hyödyntää niitä alusta pitäen kehitysprosessissa, sekä millaisia hyviä
menetelmiä kehittäjän kannattaa noudattaa. Opinnäytetyö myös selittää esimerkkejä lähdekoodista.
Työmetodini muodostuivat erinäisten internet-julkaisujen kriittisestä lukemisesta, sekä tekemistäni toteutustapojen kokeiluista. Keskeisinä aiheina ovat käyttäjäkeskeinen suunnittelu, web-sivujen tyypit, rakenne ja asettelu sekä responsiivinen kehitys.
Opinnäytetyön tuloksena selvitettiin useita menetelmiä, joilla web-kehittäjä voi tehdä työnsä jäljestä siistiä ja modernia. Käyttäjäkeskeisestä suunnittelusta opittiin, että sivun toimivuus tulee ensin, ja tämän aikaansaamiseen on olemassa monta teoriaa. Käyttäjää kannattaa kuunnella ja sivu pitää yksinkertaisena. Selvitettiin myös menetelmiä, joilla kehitetään responsiiviset sivustot alusta alkaen kaikkiin laitteisiin, jotka toimivat tulevaisuudessakin. The thesis will examine what a good website or web app user interface is like, the theory behind it, and how to implement one in practice. The thesis goes into user-centered design, user interface design and implementation, through the lens of usability, and always adhering to responsive design. Also explaining why a web developer should understand fundamental graphic design and coding principles, that will help them throughout the development process.
My working methods consisted of critical reading of various web sources and books, from learning through work, and from experimentation and observations I made in my free time. Central themes include web applications, user-centered design, interface structure and design, responsive design and practical explanation of the code involved. The goal is to give examples of how to implement useful features, by looking at some of the code involved.
The thesis examined various methods, that a web developer can use to make his work clean and modern. User-centered design was discussed, for example that functionality comes first, and that there are many good design principles. User feedback should be heard and the site kept as simple as possible. Methods were discussed to develop responsive websites that work on all devices, that will also work in the future.
käyttöliittymien kehitysmenetelmiä ja niiden käyttötarkoituksia aina käytettävyyden näkökulmasta, sekä responsiivista kehitystä. Käsitellään myös miksi web-kehittäjän tulisi ymmärtää graafisen suunnittelun perusteita ja hyödyntää niitä alusta pitäen kehitysprosessissa, sekä millaisia hyviä
menetelmiä kehittäjän kannattaa noudattaa. Opinnäytetyö myös selittää esimerkkejä lähdekoodista.
Työmetodini muodostuivat erinäisten internet-julkaisujen kriittisestä lukemisesta, sekä tekemistäni toteutustapojen kokeiluista. Keskeisinä aiheina ovat käyttäjäkeskeinen suunnittelu, web-sivujen tyypit, rakenne ja asettelu sekä responsiivinen kehitys.
Opinnäytetyön tuloksena selvitettiin useita menetelmiä, joilla web-kehittäjä voi tehdä työnsä jäljestä siistiä ja modernia. Käyttäjäkeskeisestä suunnittelusta opittiin, että sivun toimivuus tulee ensin, ja tämän aikaansaamiseen on olemassa monta teoriaa. Käyttäjää kannattaa kuunnella ja sivu pitää yksinkertaisena. Selvitettiin myös menetelmiä, joilla kehitetään responsiiviset sivustot alusta alkaen kaikkiin laitteisiin, jotka toimivat tulevaisuudessakin.
My working methods consisted of critical reading of various web sources and books, from learning through work, and from experimentation and observations I made in my free time. Central themes include web applications, user-centered design, interface structure and design, responsive design and practical explanation of the code involved. The goal is to give examples of how to implement useful features, by looking at some of the code involved.
The thesis examined various methods, that a web developer can use to make his work clean and modern. User-centered design was discussed, for example that functionality comes first, and that there are many good design principles. User feedback should be heard and the site kept as simple as possible. Methods were discussed to develop responsive websites that work on all devices, that will also work in the future.