Podrobno

Izdelava spletne rešitve z uporabo platforme Framer
ID Kristan, Anita (Avtor), ID Guna, Jože (Mentor) Več o mentorju... Povezava se odpre v novem oknu, ID Weingerl, Primož (Komentor)

.pdfPDF - Predstavitvena datoteka, prenos (2,02 MB)
MD5: 829025ACB0B77BC1AF47239A2C0F2AEC

Izvleček
Namen te diplomske naloge je bil ustvariti spletno rešitev s pomočjo platforme Framer, v tem procesu pa pridobiti pomembne vpoglede v proces načrtovanja in izdelovanja spletnih mest. Iskali smo rešitev za ponudnika, ki potrebuje spletno mesto za predstavitev Akademije Reload, ponudnika organiziranih tečajev za učenje razvijanja videoiger. Spletno mesto je namenjeno dijakom, staršem in učiteljem, ki želijo z akademijo sodelovati. Spletne strani smo premišljeno načrtovali s pomočjo metode oblikovalskega razmišljanja, ki vključuje pet korakov: empatijo, definiranje, ideacijo, prototipiranje in vrednotenje. Naš cilj je bil ustvariti tako estetsko privlačno kot tudi funkcionalno spletno mesto oziroma tako dober grafični vmesnik kot tudi uporabniško izkušnjo. Zadnje smo preverili z vrednotenjem vprašanj, standardiziranih vprašalnikov ter dveh spletnih programskih oprem. Ugotovili smo, da je nujna optimizacija spletnega mesta za prikaz na mobilnih napravah, saj večina uporabnikov poleg računalnika tako največkrat dostopa do spletnih vsebin. Ugotovili smo tudi, da lahko hitro najdemo informacije o tečajih, prijavnice in pogosta vprašanja. Še bolj moramo izpostaviti dostop do kontaktnih informacij. Uporabnikom je bil najbolj všeč videz spletnega mesta. Po analizi njihovih ocen in rešenih scenarijev smo sklenili, da je spletno mesto enostavno za uporabo. Pri vprašalniku SUS smo dobili povprečen rezultat 80,3 točke, ki ima po virih oceno dobro. Pri vrednotenju skrajšane različice vprašalnika UEQ smo dobili vrednost pragmatične kakovosti 2, vrednost hedonske kakovosti 1,4 in vrednost splošnega vtisa kakovosti 1,7. Po virih velja, da je naš rezultat vprašalnika UEQ dober. Pri vrednotenju vprašalnika NPS smo dobili rezultat –20, kar kaže na potrebe po dodatnih izboljšavah. Hitrost nalaganja našega spletnega mesta je 3,5 sekunde, kar lahko še skrajšamo s stiskanjem slik. Ključne vsebine, kot so slike, dokumenti HTML in pisave moramo shraniti lokalno, saj je naše spletno mesto močno odvisno od zunanjega vira. Upoštevali smo dejstvo, da smo vrednotili zelo majhno število uporabnikov (N=10), kar je premajhno število za relevantne rezultate stopnje odboja, časa obiska spletnega mesta, izvedbe scenarijev in standardnih vprašalnikov ter posledično izpeljanih zaključkov. Na podlagi pozitivnih rezultatov vprašalnikov in uspešno opravljenih scenarijev lahko sklepamo, da je bilo spletno mesto narejeno po sodobnih smernicah oblikovanja, da je smiselno strukturirano in optimizirano za različne naprave oziroma, da je izdelano tako estetsko kot tudi funkcionalno.

Jezik:Slovenski jezik
Ključne besede:Platforma Framer, spletno mesto, oblikovalsko razmišljanje, uporabniško usmerjeno oblikovanje, uporabniška izkušnja, oblikovanje.
Vrsta gradiva:Diplomsko delo/naloga
Organizacija:NTF - Naravoslovnotehniška fakulteta
Leto izida:2025
PID:20.500.12556/RUL-175331 Povezava se odpre v novem oknu
Datum objave v RUL:24.10.2025
Število ogledov:122
Število prenosov:17
Metapodatki:XML DC-XML DC-RDF
:
Kopiraj citat
Objavi na:Bookmark and Share

Sekundarni jezik

Jezik:Angleški jezik
Naslov:Creating online solution with Framer platform
Izvleček:
The purpose of this thesis was to create an online solution using the Framer platform and, in the process, to gain important insights into the design and development of website process itself. We were looking for a solution for a provider who needed a website to showcase the Reload Academy, which offers organised courses of learning how to develop video games. The website is made for pupils, parents and teachers who want to collaborate with the academy. The website was thoughtfully designed using the design thinking method, which involves five steps; empathy, defining, ideating, prototyping and evaluating. Our goal was to create a website that was as aesthetically pleasing as well as functional, or rather, a website with a good graphic interface as well as user experience. The latter was tested by evaluating survey questions, standardized questionnaires and two web-based software applications. We learned that optimization for the mobile phone is a must, because most users access websites through a mobile phone or a computer. We learned that the information about courses, as well as the registration form and mostly asked questions are easy to find. We must further emphasize the contact information. Users liked the look of the website the most. After analyzing their ratings and the scenarios they solved, we concluded that the website is easy to use. In the SUS questionnaire we obtained an average score of 80.3 points, which according to the references has a good grade. In the evaluation of the short version of the UEQ questionnaire we obtained a pragmatic quality value of 2, a hedonic quality value of 1.4 and a general impression of quality value of 1.7. Considering references, our UEQ questionnaire score is considered to be good. When evaluating the NPS questionnaire, we obtained a score of -20, which shows that improvements are still needed. The loading speed of our website is 3.5 seconds, which can be further reduced by compressing images. We need to store key content such as images, html documents and fonts locally as our website is heavily dependent on an external source. We took into account the fact that we evaluated a very small number of users (N=10), which is too small for relevant results on bounce rates, time spent on site, scenarios and standard questionnaires and the conclusions drawn as a result. Based on the positive results of the questionnaires and the successfully completed scenarios, we can conclude that the website has been made according to modern design guidelines, that it is structured in a meaningful way and that it is optimized for different devices, or better, that it is made both aesthetically and functionally.

Ključne besede:Framer platform, website, design thinking, user centered design, user experience, design.

Podobna dela

Podobna dela v RUL:
Podobna dela v drugih slovenskih zbirkah:

Nazaj