Načrtovanje in odzivno oblikovanje spletnega mesta hribi.net

Stržinar, Katja (author), Fras, Domen (mentor)

Namen diplomskega dela je uporabnikom interneta predstaviti responsive oz. odzivno obliko spletnega mesta, in sicer na primeru, ki je znan dokaj veliki populaciji. Za primer je bilo vzeto spletno mesto hribi.net, ki trenutno ni prilagojeno manjšim zaslonom, kot so mobilni telefoni, tablični računalniki itd. Na osnovi tega se je nato načrtovala uporabniška izkušnja in oblikoval videz najbolj obiskanih strani, to so vstopna stran, predstavitev posamezne gore in predstavitev izleta. Največ poudarka je bilo namenjenega odzivni obliki, saj je to eden izmed ključnih problemov, ki se trenutno pojavlja na tej strani. V teoretičnem delu je izpostavljena glavna problematika spletnega mesta hribi.net. Pojasnjeni so pojem odzivnega dizajna, kaj sploh pomeni, da ima spletno mesto odzivno obliko, in zakaj je taka oblika v današnjem času tako zelo pomembna. Predstavljene so prednosti in slabosti odzivnih strani ter glavne komponente, na katerih je odzivni dizajn osnovan. Ker je dandanes vedno bolj pomembna uporabniška izkušnja na mobilnih telefonih, pa je predstavljen tudi način oblikovanja, kjer se najprej začne oblikovati za mobilno verzijo, nato pa se stran prilagodi še za namizno verzijo. Predstavljeni in analizirani pa so tudi podobni primeri spletnih mest, ki so bili kasneje uporabljeni za inspiracijo pri oblikovanju in načrtovanju končnega izdelka. Končni dizajn je osnovan na številnih parametrih, ki so bili pridobljeni s pomočjo ankete. Končna podoba spletnega mesta hribi.net je narejena za mobilne verzije širine 320 px.

• Language: Slovenian
• Keywords: spletno mesto, uporabniška izkušnja, odzivna oblika, prilagodljiva oblika, načrtovanje uporabniške izkušnje
• Work type: Bachelor thesis/paper
• Organization: NTF - Faculty of Natural Sciences and Engineering
• Year: 2017
• PID: 20.500.12556/RUL-95339
• Publication date in RUL: 20.09.2017

Secondary language

• Language: English
• Title: Planning and responsive design of the website hribi.net

Abstract

The goal of the thesis is to present the internet users with a responsive web design on an example which is fairly known to a large population. As an example we took the hribi.net website, which is currently not adapted for smaller screens, such as mobile phones, tablet computers, etc. Based on this page, we planned the user experience and designed the appearance of its most visited sites, which were the entry page, presentation of each mountain and presentation of the trip. More emphasis was devoted to the responsive form as this is one of the key problems that currently appears on this page. In the theoretical part, we expose the main problem of the web page hribi.net. We explain the term responsive design, what it means to have a responsive design and why this form of websites is very important nowadays. We present the strengths and weaknesses of responsive sites and the main component on which responsive design is based. Because the importance of user experience on mobile phones today is gradually rising, we present a design method that starts with the mobile version and is later adjusted for the desktop version. We also present and analyse the examples of similar websites, which were used for inspiration during the design process and planning of the finished product. The final design is based on a number of parameters, which were obtained through a survey. The final image of the website hribi.net is made for a mobile screen that is 320 px wide.

• Keywords: website, user experience, responsive design, flexible form, user experience design