Responsiivinen verkkosuunnittelu suunnittelun näkökulmasta

Abstract

Opinnäytetyön aiheena oli suunnitella responsiivinen internetsivu. Raportissa oli lisäksi tavoitteena tutustua viimeaikoina kasvaneen responsiivisen verkkosuunnittelun suosion syihin ja tutkia responsiivisuuden taustalla vaikuttavia uusia suunnitteluperiaatteita ja näiden uudenlaisten periaatteiden vaikutusta suunnittelu- ja työskentelyprosessiin.

Raportin teoreettisessa osiossa tutkittiin responsiivista verkkosuunnittelua erityisesti suunnittelun perspektiivistä. Tavoitteena oli tuoda esille kattavasti erilaisia suunnitteluprosessissa huomioitavia asioita, jotka poikkeavat osin merkittävästikin perinteisten verkkosivujen suunnittelusta. Lisäksi osiossa pohdittiin ratkaisuja ongelmiin, joita mukautuvaisuuteen perustuva responsiivisuus tuo mukanaan suunniteltaessa sivuja perinteisin keinoin. Osuuden teoriasisältö oli pääsääntöisesti hankittu muutamaa kirjalähdettä lukuun ottamatta alan ammattilaisten julkaisemista verkkoartikkeleista.

Raportin jälkimmäinen osio käsittelee varsinaista opinnäytetyötä. Työssä suunniteltiin responsiiviset internetsivut parturi-kampaamo Design By Katja Martineerolle. Raportin työosion tarkoituksena oli myös tutustua graafisen suunnittelijan rooliin ja tehtäviin verkkosivujen tuotantoprosessissa. Työ toteutettiin kesällä 2013 mainostoimisto Panic Marketing Oy:n palveluksessa.

Opinnäytetyön tuloksena saatiin toimiva ja lopulta hyvin tavoitteisiinsa yltävä responsiivinen internetsivu. Raportin teoreettisessa osiossa tultiin johtopäätökseen, jonka mukaan internetsivujen suunnittelussa on tällä hetkellä käynnissä murrosvaihe. Raportin teoriaosuus kiteytyi väittämään siitä, että mainittu murrosvaihe todennäköisesti kehittää sivujen suunnitteluprosessia ja mahdollistaa näin paremman lopputuloksen. Lisäksi raportti ennakoi muutoksien kohdistuvan myös käytettyihin suunnittelutyökaluihin ja suunnittelijan osaamiselle asetettuihin vaatimuksiin.

The purpose of this thesis was to design a responsive web site. Additional objectives in the report were to explore the reasons of the recently increased popularity of responsive web design and to examine the design principles behind responsiveness and how these new principles affect the design process and work flow.

In the theoretical section of the report responsive web design was examined from the design point of view in particular. The objective was to extensively present various issues that would needed to be taken into account in the design process. Some of these issues differ considerably from the designing of a traditional web site with fixed width. Additionally, in this section the problems that adaptive responsiveness has introduced when designing using the conventional methods were contemplated along with their solutions. Apart from few books the theoretical content of this section was acquired from online articles published by web design professionals.

The latter section of the report covers the designing of a responsive web site for a barber’s shop by the name of Design By Katja Martineero. Furthermore, the purpose of the work section of the report was to explore the role and the tasks of a graphic designer in the web site production process. The web site was produced in the summer of 2013 by an advertising agency called Panic Marketing Ltd.

As the outcome of this thesis a functional responsive web site – that eventually accomplished its objectives – was achieved. In the theoretical section of the report a conclusion was made that web design is currently at a turning point. The theoretical section was encapsulated in a statement according to which the before mentioned turning point will likely improve the web design process and thus enable better end results. Additionally, the report anticipated that the changes would also affect the web design tools in use as well as the requirements placed on the skills of the designer.