Suunnitteluprosessit verkkopalveluiden kehitysvaiheissa

Abstract

Opinnäytetyö käsittelee verkkosivujen suunnittelua kehittäjän näkökulmasta ja esittelee erilaisia suunnittelukäytäntöjä, joita mahdollisesti kannattaisi käyttää kehitystyön ohessa. Näistä käytännöistä käydään läpi osioita, jotka voisivat auttaa kehittäjää etenkin jatkokehitysprojekteissa.

Opinnäytetyö pyrkii selvittämään, millaisia suunnitteluun liittyviä asioita kehitystyössä tulee vastaan. Työssä pyritään selvittämään myös, kuinka kehittäjän ja graafikon yhteistyötä voisi mahdollisesti tehostaa. Tavoitteena on selvittää, millä tavoin kehittäjän ja graafikon vastuualueita voisi jakaa verkkosivuprojekteissa.

Teoreettisessa osuudessa keskitytään tämän hetken vaikuttavimpiin suunnittelukäytäntöihin ja siihen, mitkä niiden pääsääntöiset ohjeistukset ovat. Osiossa käsitellään käytäntöjä, jotka kehittäjän olisi tärkeä ymmärtää graafikon ohella.

Opinnäytetyön toisessa osiossa käyn läpi kolme työprojektia, jotka ovat blogisivun kommenttiosio, kampanjasivun kuvagalleria ja live-haku. Kommenttiosio ja kuvagalleria ovat jatkokehitysprojekteja, jotka työstetään osaksi valmiita verkkosivustoja. Live-haku on kokonaisen sivuston työstämisen ohessa toteutettu ratkaisu, jolle ei ollut valmista layoutia.

Näissä töissä pyrittiin käyttämään hyväkseni teoriaosuudessa selvitettyä tietoa. Työt toteutettiin ilman graafikon työpanosta, joten tehtävänä oli hoitaa suunnittelu kehittämisen ohella.

This thesis examines web design in the point of view of a web developer. It introduces design practices that could be used in a development work. Segments of these practices will be examined that could help a web developer in further development projects.

This thesis also aims to define what design centered things might be stumbled upon in the development work and how could developer’s and designer’s cooperation be boosted. The aim is to figure out how their jobs could be distributed.

The theoretical part focuses on design practices that are currently the most influential. That segment examines the practices that a developer should understand.

In the second segment of this thesis I will go through three different projects that I workedon. They are a comment section for a blog, image gallery for a campaign page and a live search.

The comment section and the image gallery are further developments of a finished website. The live search on the other hand is part of a larger development process of a full website. I executed these projects without an input of a designer so my job was to design all the elements alongside the development process.