MitMUI: Man in the Middle approach for User Interface Prototyping
Loading...
URL
Journal Title
Journal ISSN
Volume Title
Perustieteiden korkeakoulu |
Master's thesis
Unless otherwise stated, all rights belong to the author. You may download, display and print this publication for Your own personal use. Commercial use is prohibited.
Authors
Date
2019-06-17
Department
Major/Subject
Web Technologies, Applications and Science
Mcode
SCI3042
Degree programme
Master’s Programme in Computer, Communication and Information Sciences
Language
en
Pages
64 + 15
Series
Abstract
The prototyping of products, ideas, mobile applications and web applications has been done extensively, and there exists a plethora of tools for this. These tools haven't seen big changes lately. Additionally, the amount of different front-end frameworks has risen substantially. This means that web development isn't as simple as it once was. Many different frameworks have their individual syntaxes, paradigms and workflows. This makes it harder for new developers to get started on existing projects, as familiarization might take longer than expected. At the same time, more and more further development is being done by companies. This means that a company has to fix, enhance and develop an already existing service created by others. The design changes and prototyping might be very labour intensive, as the new company must usually build the new designs from scratch. This thesis attempts to study different prototyping methods and tools, and also presents a new approach to prototyping. This is based on an iFrame element, which is injected to the bottom of the document object model. This enables the designers and developers to use an already existing site as the basis for further development. This will save resources and reduce the workload of designers and developers. MitMUI, Man in the Middle User Interface will be conceptualized based on already existing prototyping tools. Additionally, further information will be researched from existing literature and restrictions discovered. The concept will be evaluated by executing structured interviews, which will also discover the general benefits and drawbacks to prototyping tools. The results show, that there is a need for this type of an approach. MitMUI receives much praise, and the consensus is that it would be useful.Tuotteiden, ideoiden, mobiilisovellusten ja internet-sivujen prototypointia on harrastettu jo pitkään ja siihen on olemassa monia työkaluja. Nämä työkalut eivät kuitenkaan ole juuri kehittyneet viime aikoina. Erilaisia työkaluja on paljon, kuten myös käyttötapoja. Lisäksi erilaisten front-end kehittämiskehysten määrä on kasvanut. Tämä tarkoittaa sitä, että web-kehittäminen ei ole niin yksiselitteistä, kuin se aiemmin oli. Monilla eri kehityskehyksillä on omat syntaksinsa, paradigmansa sekä työnkulkunsa. Tämä vaikeuttaa monien uusien kehittäjien työtä, sillä projektin sisäistämiseen saattaa kulua enemmän aikaa kuin odotettiin. Samaan aikaan yritykset tekevät enenevissä määrin jatkokehitystä, jolloin yrityksen tehtävänä on parantaa, korjailla ja kehittää edelleen muiden aluperin tekemää, jo olemassaolevaa sivustoa. Tällöin uusien käyttöliittymien suunnitteluun ja prototypointiin kuluu myös paljon resursseja, sillä uuden yhtiön täytyy rakentaa ne usein tyhjästä. Tämä diplomityö pyrkii tutkimaan erilaisia prototypointimenetelmiä ja työkaluja, ja esittelee uudenlaisen lähestymistavan prototypoida. Tämä perustuu iFrame elementtiin, joka sisällytetään alimmaiseksi sivuston dokumenttioliomalliin. Se mahdollistaa jo olemassa olevan sivuston käyttämisen jatkokehityksen pohjana. Tämä nopeuttaa sekä suunnittelijoiden, että kehittäjien työtä. MitMUI, Man in the Middle User Interface eli "Mies Välissä -käyttöliittymä" konseptoidaan jo olemassa olevia prototypointityökaluja hyväksikäyttäen. Lisäksi kirjallisuudesta haetaan tukea ja rajoituksia tälle lähestymistavalle. Konseptia testataan suorittamalla haastatteluja, joissa myös pyritään selvittämään millaisia hyviä ja huonoja puolia jo olemassa olevissa prototypointityökaluissa on. Tutkimustuloksista nähdään, että tällaiselle menetelmälle olisi käyttöä, ja että se vaikuttaa toimivalta.Description
Supervisor
Nieminen, MarkoThesis advisor
Nieminen, MikaKeywords
prototyping, iFrame, web application, user interface