This diploma thesis is dealing with the problem of creating or more preciously with the design of websites practically aiming on Allianz Insurance Company. In a theoretical part there is a brief history of the development of websites and there is also defined the model of successful websites and there is presented the methodology of their creation (with the description of tools and techniques that are usually used). Within mentioned methodology there is a description of the field of User Experience (UX) also with the aspects that are taken into consideration during creating a website. Practical part, which has the form of the case study, is based on defined model and procedure of creating a website. The crucial point of the practical part is a design of website arrangement in a way of wireframe and mockup models. At the end of given thesis, created designs are assessed according to determined hypothesis and to business aims and requirements of given company.

<p>The image analysis company Izolde was in need of a user friendly graphical user interface (GUI) to use as a modifiable template to be able to meet a variety of requests and demands from their clientele.</p><p>This paper describes the process of designing such a GUI with respect to theories within human computer interaction and available usability principles and theories.To familiarise and learn about other software on the market a background research was conducted. Wireframes as well as prototypes were created. With the help of recognised usability inspection tools tests were conducted on users with varied degree of computer experience. Test results were the basis for what would be altered and improved in terms of usability on the prototypes.</p><p>The final result is a flexible user friendly GUI in regards to the criteria outlined by Izolde.</p> / <p>Detta examensarbete beskriver tillvägagångssättet i skapandet av en mall till ett användargränssnitt. Ett användargränssnitt är utseendet på ett program som användaren ser och interagerar med på en datorskärm, skärmen på en telefon eller annan typ av skärm. Användargränssnittet är utseendet av en programvara och det användaren visuellt kan tolka. I klartext tillåter ett användargränssnitt en användare att interagera med hårdvara genom inmatning (användarens påverkan på systemet) och utdata (resultat av användarens påverkan).</p><p>Grafiska användargränssnitt skiljer sig från de textbaserade avändargränssnitten som tidigare var dominerande. Textbaserade lösningar känns ofta igen i äldre DOS-program och typiskt hos dessa är textinmatning av diverse kommandon och parametrar som leder till påverkan av systemet. Numer är det de grafiska användargränssnitten som dominerar. Fördelen med dessa är att de bygger på igenkänningsmekanismen hos människans tänkande och att de därför tillåter ett mer intuitivt användande av systemet i och med att de är just grafiska.</p><p>Målet med examensarbetet var att designa en gränssnittsmall åt bildanalysföretaget Izolde. Gränssnittsmallen ska kunna modifieras för att kunna möta Izoldes kunders efterfrågan utifrån den typ av analys de vill kunna genomföra. För att kunna genomföra designprocessen krävdes djupare kunskap i vad användarvänlighet innebär och hur denna skall tillämpas i skapandet av ett grafiskt användargränssnitt. Med hjälp av vedertagna principer och teorier inom användarvänlighet var det möjligt att anta rollen som interaktionsdesigner. Interaktiondesign är en disciplin som definieras som beteendet och interaktionen mellan ett föremål, i detta fall ett grafiskt användargränssnitt, och dess användare.</p><p>För att säkerställa att designprocessen skulle resultera i ett attraktivt och användarvänligt grafiskt användargränssnitt krävdes även att tester utfördes på användare med olika grad av datorkunskap på de wireframes och prototyper som skapades. En wireframe är en tidig skiss av designen på det slutgiltiga grafiska gränssnittet och kan beskrivas som en enkel ritning på ett papper eller en grov skiss skapat med lämplig programvara av vad designers vision av det slutgiltiga resultatet är. Genom att rita skisser skapar designern sig en god uppfattning om hur det grafiska gränssnittet kommer att presenteras i dess slutgiltiga skick. Dessutom är det mycket enklare och snabbare att göra ändringar på en skiss än i ett avancerat program som kräver mer exakt precision. Prototyper är mer sofistikerade versioner av wireframes och skapas i ett senare skede av designprocessen. Prototyper bär också större likheter med den slutliga produkten än wireframes.</p><p>Designprocessen resulterade i ett flexibelt användarvänligt grafiskt användargränssnitt vars karaktär är anpassat i avseende på de kriterier som angetts av Izolde. Förhoppningen är att det skapade gränssnittet kommer kunna användas som en förändringsbar mall till ett gränssnitt som kan anpassas efter de kriterier och önskemål som ges av Izoldes kunder.</p>

The image analysis company Izolde was in need of a user friendly graphical user interface (GUI) to use as a modifiable template to be able to meet a variety of requests and demands from their clientele. This paper describes the process of designing such a GUI with respect to theories within human computer interaction and available usability principles and theories.To familiarise and learn about other software on the market a background research was conducted. Wireframes as well as prototypes were created. With the help of recognised usability inspection tools tests were conducted on users with varied degree of computer experience. Test results were the basis for what would be altered and improved in terms of usability on the prototypes. The final result is a flexible user friendly GUI in regards to the criteria outlined by Izolde. / Detta examensarbete beskriver tillvägagångssättet i skapandet av en mall till ett användargränssnitt. Ett användargränssnitt är utseendet på ett program som användaren ser och interagerar med på en datorskärm, skärmen på en telefon eller annan typ av skärm. Användargränssnittet är utseendet av en programvara och det användaren visuellt kan tolka. I klartext tillåter ett användargränssnitt en användare att interagera med hårdvara genom inmatning (användarens påverkan på systemet) och utdata (resultat av användarens påverkan). Grafiska användargränssnitt skiljer sig från de textbaserade avändargränssnitten som tidigare var dominerande. Textbaserade lösningar känns ofta igen i äldre DOS-program och typiskt hos dessa är textinmatning av diverse kommandon och parametrar som leder till påverkan av systemet. Numer är det de grafiska användargränssnitten som dominerar. Fördelen med dessa är att de bygger på igenkänningsmekanismen hos människans tänkande och att de därför tillåter ett mer intuitivt användande av systemet i och med att de är just grafiska. Målet med examensarbetet var att designa en gränssnittsmall åt bildanalysföretaget Izolde. Gränssnittsmallen ska kunna modifieras för att kunna möta Izoldes kunders efterfrågan utifrån den typ av analys de vill kunna genomföra. För att kunna genomföra designprocessen krävdes djupare kunskap i vad användarvänlighet innebär och hur denna skall tillämpas i skapandet av ett grafiskt användargränssnitt. Med hjälp av vedertagna principer och teorier inom användarvänlighet var det möjligt att anta rollen som interaktionsdesigner. Interaktiondesign är en disciplin som definieras som beteendet och interaktionen mellan ett föremål, i detta fall ett grafiskt användargränssnitt, och dess användare. För att säkerställa att designprocessen skulle resultera i ett attraktivt och användarvänligt grafiskt användargränssnitt krävdes även att tester utfördes på användare med olika grad av datorkunskap på de wireframes och prototyper som skapades. En wireframe är en tidig skiss av designen på det slutgiltiga grafiska gränssnittet och kan beskrivas som en enkel ritning på ett papper eller en grov skiss skapat med lämplig programvara av vad designers vision av det slutgiltiga resultatet är. Genom att rita skisser skapar designern sig en god uppfattning om hur det grafiska gränssnittet kommer att presenteras i dess slutgiltiga skick. Dessutom är det mycket enklare och snabbare att göra ändringar på en skiss än i ett avancerat program som kräver mer exakt precision. Prototyper är mer sofistikerade versioner av wireframes och skapas i ett senare skede av designprocessen. Prototyper bär också större likheter med den slutliga produkten än wireframes. Designprocessen resulterade i ett flexibelt användarvänligt grafiskt användargränssnitt vars karaktär är anpassat i avseende på de kriterier som angetts av Izolde. Förhoppningen är att det skapade gränssnittet kommer kunna användas som en förändringsbar mall till ett gränssnitt som kan anpassas efter de kriterier och önskemål som ges av Izoldes kunder.

The information system for primary school. Thesis. Brno, 2015. The thesis describes an information system developing which is built on customers needs and requests. The customer in this case is an elementary school. The whole information system fully correspond to modern developer techniques and standards with using MVC architecture and responsive design.

abstract: Study in user experience design states that there is a considerable gap between users and designers. Collaborative design and empathetic design methods attempt to make a strong relationship between these two. In participatory design activities, projective `make tools' are required for users to show their thoughts. This research is designed to apply an empathetic way of using `make tools' in user experience design for websites clients, users, and designers. A magnetic wireframe tool has been used as a `make tool', and a sample project has been defined in order to see how the tool can create empathy among stakeholders. In this study fourth year graphic design students at Arizona State University (ASU), USA, are participating as users, faculty members have the role of clients, and Forty, Inc., a design firm in the Phoenix area, is the design team for the study. All of these three groups are cooperating on re-designing the homepage of the Design School in Herberger Institute for Design and Art (HIDA) at ASU. A method for applying the magnetic tool was designed and used for each group. Results of users and clients' activities were shared with the design team, and they designed a final prototype for the wireframe of the sample project. Observation and interviews were done to see how participants work with the tool. Also, follow up questionnaires were used in order to evaluate all groups' experiences with the magnetic wireframe. Lastly, as a part of questionnaires, a sentence completion method has been used in order to collect the participants' exact thoughts about the magnetic tool. Observations and results of data analysis in this research show that the tool was a helpful `make tool' for users and clients. They could talk about their ideas and also designers could learn more about people. The entire series of activities caused an empathetic relationship among stakeholders of the sample project. This method of using `make tools' in user experience design for web sites can be useful for collaborative UX design activities and further research in user experience design with empathy. / Dissertation/Thesis / Masters Thesis Design 2014

The thesis's primary focus is the visualization of data in Business Intelligence with broader ramifications because the framework defined here will be useful for making any design layout. It describes the cognitive aspects of perception for visualization and with this understanding the thesis will be able to summarize the rules which are necessary for right and functional design. The goal of design is to provide the information in the most understandable way. The author has surveyed individuals to find out how people are familiar with the rules for designing and the style of visualization that people prefer. The last part of this thesis is focused on the implementation of the findings with the ultimate goal to suggest a new BI reporting system. Being able to list and verify the rules of visualization on the path to implementation is the main benefit of this work.

Växande närvaro på Internet med utökade funktioner av webbsidor medför problematik för företagen. Problematiken grundar sig ofta i design av webbsidan. Webbdesignen har genom forskning visat sig vara en stor byggsten för företagens framgång. Framgången ligger i antalet unika besökaren och dess varaktighet påwebbsidan. Vi har genom följande arbete utfört ett experiment baserat på forskning inom User Experience med webbutveckling i åtanke. Analysering av användare och dess navigering på webbsidorna i experimentet samlas in och analyseras med hjälp av Google Analytics. Google Analytics presenterar insamlat data med möjlighet till anpassning i form av diagramtyp. Det insamlade data stödjer forskningens slutsats att färgen har en signifikant betydelse i webbdesign. Experimentet hade 32 testare där den optimala färgen utmärkte sig med kortare tid spenderad i navigering på webbsidan.

<p>  </p> <p>For the agencies who are maintaining the transportation infrastructure, staying up to date with inspections is a continuing challenge. One approach to addressing that is to allow an inspector to perform most of the inspection process by viewing a digital 3D model, which is accurate and substantially complete. Having a digital 3D model could limit the on-site inspection process to those cases where the virtual inspection suggests more input is necessary. Such models would be defined by point clouds or by a surface composed of textured polygons. One of the advantages of building the 3D model via textured polygons instead of point clouds is that the inspector can zoom in and see the detail as needed. The data required to construct such a model are photographs that can be captured by a combination of handheld cameras and unmanned aerial vehicles (UAV). Having such a model will help these agencies to improve the efficiency of their inspection process in several ways, such as lowering the overall inspection costs, fewer lane closures during the inspection procedures, and having digital archives for their infrastructure. Of course, the time and effort to collect the images and build the model are substantial, but once a model is constructed, subsequent images can be applied as texture without recreating the model.</p> <p>This research will cover the task of building an accurate 3D wireframe model for a bridge that can be used to display texture realistically via rigorous image projection onto the wireframe surface. The wireframe geometry will be substantially derived from extracted linear features. The model’s estimation process will integrate the photogrammetric bundle block adjustment technique with suitable methods to estimate the linear feature parameters. Prior to the developments above, an investigation has been done to determine the possibility of automating the process of selecting the conjugate points using <em>Structure-From-Motion</em> (SFM) algorithms, as implemented in programs such as <em>AGISOFT or PIX4D</em>. </p> <p>In this kind of application, the bridge mostly has two types of linear features: the Straight Linear Features (SLF), which can be found on the component elements of the bridge structure, and the Parabolic Linear Features (PLF) for linear elements spanning the entire bridge length. After estimating the parameters of the linear features, the quadrilateral polygons used in the wireframe/visualization process can be extracted using these parameters. Furthermore, these quadrilateral polygons form the foundation for image texture projection. Also noteworthy, the process of generating these quadrilateral polygons is substantially automated.</p> <p>Whenever doing least squares estimation, one needs a way to express the uncertainty of the computed parameters (unknowns). In the early stages of the project, one may not know the uncertainty of the observations. Often pairs of parameters (typically X, Y position) need their uncertainties to be displayed together, graphically, in the form of a confidence circle with a given probability. Under these conditions, the literature offers no guidance on how it should be constructed rigorously. This research develops such a technique. In geomatics, there are two cases when making confidence statements. The first one is when the observation uncertainties are known. If the case is 1D, the corresponding probability density function is the univariate normal distribution. When the case is 2D, the chi-squared distribution will be used for the elliptical region, and the multivariate normal distribution will be used when making confidence circles. The second condition is when the uncertainties of the observations are unknown. When these uncertainties are unknown, the univariate t-distribution will be used to make the 1D confidence statement. The F-distribution will be used for the elliptical region. For a confidence circle, the multivariate t-distribution must be used. This research will present an algorithm to implement this process and show, numerically, that it is valid. </p>

No / Online games require small data of 3D models for low storage costs, quick transmission over the Internet, and efficient geometric processing to achieve real-time performance, and new techniques of facial blendshapes to create natural facial animation. Current geometric modelling and animation techniques involve big data of geometric models and widely applied facial animation using linear interpolation cannot generate natural facial animation and create special facial animation effects. In this paper, we propose a new approach to integrate the strengths of ODE (ordinary differential equation) sweeping surfaces and Newton's second law-based facial blendshapes to create 3D models and their animation with small data, high efficiency, and ability to create special facial effects.

Preem verkar inom drivmedelsbranschen som styrs av en mycket hög omsättning med förhållandevis små marginaler. Det är därför viktig med en väl fungerande lagerkontroll. Det man idag är ute efter är en ökad precision i lageruppföljningen och därmed behövs ett nytt systemstöd till detta. Jag fick i min roll hos Preem uppgiften att titta närmre på GUI och processerna bakom. Det resulterade i denna rapport med ett framtaget förslag på användargränssnittet till det nya systemet och dess affärsprocesser som är kopplat till detta. Arbetet fokuserar på hur de två framställs i förhållande till varandra och vilka metoder som används för att konstruera dessa. Arbetet inkluderar illustrationer av as-is och to-be processmodeller enligt BPMN specifikation, wireframes och en sitemap. Denna rapport visar ett förslag på ett sammanfört system och ett intuitivare GUI med nya processer bakom, för just Preem, och hur balansgången går mellan att skapa affärsprocesser och ett grafiskt användargränssnitt ur varandra, beroende av vilka som är involverade i projektet. / Preem is a Swedish company that operates in the oil industry, which is controlled by very high sales and with relatively small margins. It’s therefore essential with a well working stock control. Today they are looking for a better way of monitoring the stock with a higher precision and therefore they need a new system for that. My role at Preem was to take a closer look at the GUI and the processes behind that. It resulted in this thesis that includes the user interface for the new system and the business processes that are linked to this. The work will focus on how these two methods are produced in relation to each other, and the methods that are used to construct them. The thesis includes illustrations of as-is and to-be process models of the BPMN specification, wireframes and a sitemap. This report shows a proposal of an integrating system and an intuitive GUI with new processes, at Preem, and how the balance is between creating business processes and a graphical user interface out of each other, depending on the people who are involved in the project.