The objectives and goals of this study is to analyze different styles of viewing information on mobile platforms and to find out what each different view brings to the table by creating and testing them with varied users. The study takes into account List View, Scroll View, and Grid View and compares them while viewing three different data formats. For this study, plain text, tabulated text, and interactive text will be analyzed. Smart mobile devices are the most used platform to view data in today's information rich world according to a survey conducted by Forrester Research. When designing for them, a lot must be considered but not knowing what is best suited for each application can be daunting for developers and designers, especially in the user experience context. This study aims to explore each mobile interface and give a better understanding about the different user interface designs features. Information visualization on cross-media information spaces and platforms is an important part of how information is disseminated today. Considering nowadays people get their information through multiple different media platforms like tablets, mobile phones, and web browsers, how to visualize data across all these platforms is a study to focus on in itself. The study showed that users performed better with certain views paired with different data types over others. Certain features of each view helped users understand the data types better over others while others improved users speed in reading data. Users showed certain preferences when interacting with each view on mobile devices when viewing cross media information which is mentioned in the study. / Målet för den här studien är att analysera olika sätt att visa information på mobila enheter och jämföra dessa genom att testa med olika användare. Studien undersöker de olika vyerna List View, Scroll View och Grid View och jämför dem med tre olika dataformat: vanlig text, tabellerad text och interaktiv text. Smarta mobila enheter är den mest använda plattformen för att synliggöra i dagens informationsrika samhälle enligt en undersökning av Forrester Research. När man utformar designlösningar för smarta mobila enheter är det mycket man behöver ta hänsyn till. Att inte veta vad som är bäst för varje applikation kan vara en svår uppgift för utvecklare och designers, särskilt ur användarperspektiv. Den här studiens syfte är att utforska varje mobilt gränssnitt och ge en bättre förståelse för de olika designlösningarna. Att visualisera information på olika mediers informationsytor och plattformar är en viktig del av hur information sprids idag.Om man tar i beaktan att människor numera får information via flertalet medieplattformar som tex läsplattor, mobiltelefoner, och webbläsare så inser man att visualisering av data på alla dessa medieplattformar är en studie i sig. Studien visade att användare lyckades bättre med vissa vyer och datatyper i kombination jämfört med andra. Specifika funktioner i varje vy hjälpte användare att förstå vissa datatyper bättre än andra, medan andra förbättrade användarnas snabbhet att läsa data. Användare tycktes föredra att interagera med vyer på mobila enheter när de tittade på information på olika medieplattformar, vilket nämns i studien.

As increasingly large displays are integrated into personal workspaces, mouse-based interaction becomes more problematic. Users must repeatedly "clutch" the mouse for long distance movements [61]. The visibility of the cursor is also problematic in large screens, since the percentage of the screen space that the cursor takes from the whole display gets smaller. We test multi-scale approaches to mouse interaction that utilize dynamic speed and size techniques to grow the cursor larger and faster for long movements. Using Fitts' Law methods, we experimentally compare different implementations to optimize the mouse design for large displays and to test how they scale to large displays. We also compare them to techniques that integrate absolute pointing with head tracking. Results indicate that with some implementation level modifications the mouse device can scale well up to even a 100 megapixel display with lower mean movement times as compared to integrating absolute pointing techniques to mouse input while maintaining fast performance of the typical mouse configuration on small screens for short distance movements. Designs that have multiple acceleration levels and 4x maximum acceleration reduced average number of clutching to less than one per task in a 100 megapixel display. Dynamic size cursors statistically improve pointing performance. Results also indicated that dynamic speed transitions should be as smooth as possible without steps of more than 2x increase in speed. / Master of Science

This study seeks to investigate the subtle impact that dynamic design elements in web interfaces have on users, particularly on users' decision-making and engagement. In contrast to most current research efforts, which predominantly address mobile applications, the current study aims to direct the focus on web-based environments to reveal special behavioral responses evoked by dynamic design features. The study adopts a comprehensive mixed-methods approach that encompasses qualitative and quantitative data collection techniques. This includes A/B testing on the prototypes of web interfaces, which provides the base for measuring engagement objectively from users. A very salient point here is that animations increase user retention by 30%, which shows that well-applied dynamic elements can advance the stickiness and interaction users would have with a digital platform. On the other hand, the thesis also mentions the risks related to such design elements, like the ability to cause cognitive overload and distraction in case of non-judicious use of these elements. Through the account of user behavioral analysis in response to various implementations, the research provides useful insights to web designers and developers about how to use animations and transitions judiciously for navigational intuitiveness and responsiveness without hampering web interface usability. The present research also adds to theories for UX and user interface design (UID) by promoting the balanced integration of dynamic design elements. What was brought to the forefront was that research to understand the specific impacts of these elements can lead to more effective digital environments, tailored to foster user engagement that could support efficient processes of decision making. This thesis not only fills the academic gap related to digital interaction but also provides a practical guideline for the improvement of web interface design given user behavior and technology.

<body>Users require flexibility when interacting with information systems to contend with changing business processes and to support diverse workflow. Model-based user interface design can accommodate flexible business processes by integrating workflow modelling with other modelling approaches. We present a workflow model, the progression model, to help in developing systems that support flexible business processes. <p> The progression model tracks a users interaction with an application as a set of data elements we refer to as a workflow transaction. The steps a user takes to create a workflow transaction and the state of the workflow transaction at each step is made explicit. By making the workflow status and workflow transaction state explicit, the user can change the order of the steps in a process, manage multiple workflow transactions, keep track of data as it is accumulated, and so on. The intent is to provide the user with a mechanism to deal with partial information, interrupted and concurrent workflow transaction entry, and the processing of multiple workflow transactions. <p> This thesis describes the progression model, an XML-compliant notation to specify the progression model, and a prototype system. </body>

<body>Users require flexibility when interacting with information systems to contend with changing business processes and to support diverse workflow. Model-based user interface design can accommodate flexible business processes by integrating workflow modelling with other modelling approaches. We present a workflow model, the progression model, to help in developing systems that support flexible business processes. <p> The progression model tracks a users interaction with an application as a set of data elements we refer to as a workflow transaction. The steps a user takes to create a workflow transaction and the state of the workflow transaction at each step is made explicit. By making the workflow status and workflow transaction state explicit, the user can change the order of the steps in a process, manage multiple workflow transactions, keep track of data as it is accumulated, and so on. The intent is to provide the user with a mechanism to deal with partial information, interrupted and concurrent workflow transaction entry, and the processing of multiple workflow transactions. <p> This thesis describes the progression model, an XML-compliant notation to specify the progression model, and a prototype system. </body>

隨著數位相機、智慧型手機等影像記錄產品的普及，人們可以隨時隨地按下快門，使得個人相片的數量不斷的增長。倘若照片中缺少了註釋，進行搜尋檢索大量的個人照片是困難的。雖然如此，人們卻會因為繁瑣累人的照片註釋工作而缺乏意願。 本研究藉由Kuo所發展出的PARIS (Personal Archiving and Retrieving Image System)作為來源系統架構，其系統解決了大部分個人數位影像語義標註的困難，也利用半自動註記方法減少使用者註釋負擔。但由於過去缺乏行動載具，PARIS並未開發一個現代化的行動註釋系統，來協助一般使用者進行個人影像註釋。 為了解決此問題，本研究利用使用性工程進行系統的建構，以設計及開發出一套現代化的行動影像註釋系統iPARIS (Integrated Personal Archiving and Retrieving Image System)。iPARIS擴展了PARIS設計出符合行動載具的後設資料結構與本體，包含將PARIS所定義的DDDC後設資料標準擴充為得以群眾註記之社群媒體地理標籤的iDDDC (Integrated Dozen Dimensional Digital Content)，以及在既有的STO (Spatial and Temporal Based Ontology)的空間架構中加入更具彈性的地理標籤關聯方法GRO (Geotag Related Ontology)。iPARIS並利用工作流程設計、介面線稿設計、視覺設計、系統實作、使用者參與設計等步驟來設計及開發系統，再以迭代設計方法不斷地改善系統的使用者介面及使用者體驗。iPARIS在建置完成後利用參與啟發式評估量表、手勢次數、操作時間、操作路徑、錯誤次數進行使用性測試，而其測試結果也達預期的使用性目標。更進一步，透過分析使用者操作系統的實際行為來找出系統存在的使用性問題，並提出未來系統的改進方式。 透過完整的規劃與適切的設計系統介面，讓使用者在拍照、註釋、組織及管理照片都可以在行動應用程式上完成，並使此系統能滿足具有效率、具學習性、具記憶性、低錯誤率及高滿意度等Nielsen所提出的使用性標準，以降低個人影像註釋時的負擔，並增加使用者註釋個人照片的意願，以應付日益增長地個人數位影像資料的管理需求。 / With the widespread use of photograph recording products, such as digital camera and smartphone, people take photographs easily so that the number of personal photographs increases unceasingly. If photographs are lacking of annotation, searching and retrieving the large number of personal photographs become difficult. However, people are usually reluctant to the cumbersome and exhausted annotation work. In 2004, Kuo et al. developed PARIS (Personal Archiving and Retrieving Image System) to solve these problems. Based on MPEG-7, PARIS resolved most difficulties of personal digital image semantic annotation and lightened users’ annotation burdens by semi-automatic annotation methods. However, because of the lack of mobile device at that time, PARIS did not develop a modern mobile annotation system to help ordinary people annotate personal photographs. Therefore, this thesis builds a system with usability engineering as well as designs and develops a modern mobile image annotation system iPARIS (Integrated Personal Archiving and Retrieving Image System). iPARIS expands PARIS architecture to add the support for mobile. It expands PARIS DDDC metadata standard to iDDDC (Integrated Dozen Dimensional Digital Content) which is a crowdsourcing annotation enabled by third party social networking services, and provides STO’s spatial ontology a more flexible geo-information description methodology GRO (Geotag Related Ontology). iPARIS also takes the steps of workflow design, wireframe design, visual design, system implementation, participatory design to build the system; moreover, it keeps improving the user interface and user experience by iterative design. After implementing iPARIS, we conduct usability testing including participatory heuristic evaluation, gesture times, operation time, gesture path, error times, and interview. The test results reach the expected usability goals. Furthermore, the thesis finds some usability problems by analyzing users’ behaviors when they are using the application and brings future improvement for the system. By integral planning and appropriate interface design, this system lets user take, annotate, organize, and mange personal photos in a mobile application. We hope that iPARIS can meet the usability index to lighten the burdens of personal photograph annotation, arousing users’ desire to annotate personal photographs, and meet the growing needs for the management of personal digital photograph information.

The research addresses current shortcomings of autonomous service robots operating in domestic environments by considering the concept of a semi-autonomous robot that would be supported by human remote operators whenever the robot cannot handle a task autonomously. The main research objective was to investigate how to design the human-robot interaction for a robotic system to assist elderly people with physical tasks at home according to this conceptual idea. The research procedure followed the principles of human-centered design and is structured into four phases: In the first phase, the context of use of the system to be designed was determined. A focus group study yielded characteristics and attitudes of several potential user groups. A survey determined the demands of elderly people and informal caregivers for services a semiautonomous assistive robot may provide. An ethnographic study investigated the living conditions of elderly people and determined technical challenges for robots operating in this type of environment. Another ethnographic study investigated the work environment in teleassistive service centers and determined the feasibility of extending their range of services to incorporate robotic teleassistance. In the second phase, two studies were carried out to understand the interaction requirements. The first study determined common types of failure of current autonomous robots and required human interventions to resolve such failure states. The second study investigated how the human assistance could be provided considering a range of potential interaction devices. In the third phase, a human-robot interaction concept with three user groups and dedicated user interfaces was designed. The concept and user interfaces were refined in an iterative process based on the results of evaluations with prospective users and received encouraging results for user satisfaction and user experience. In the fourth and final phase the utility of two specific user interface features was investigated experimentally. The first experiment investigated the utility of providing remote operators with global 3D environment maps during robot navigation and identified beneficial usage scenarios. The second experiment investigated the utility of stereoscopic display for remote manipulation and robot navigation. Results suggested temporal advantages under stereoscopic display for one of three investigated task types and potential advantages for the other two. / Forskningen behandlar problem med autonoma robotar som agerar i hemmiljö. Specifikt studeras konceptet semi-autonoma robotar, vilket innebär att robotarna stöds av mänskliga operatörer när de inte klarar uppgifter på egen hand. Syftet med forskningen är att undersöka design av människa-robotinteraktion för robotsystem som stöder äldres behov av hjälp med fysiska uppgifter i hemmiljö. Forskningen är användarcentrerad och har strukturerats i fyra faser: I den första fasen undersöktes användarkontexten för systemet. I en fokusgruppsstudie utforskades karakteristika och attityder för flera potentiella användargrupper. Kraven på en semi-autonom robot för att assistera äldre och informella vårdgivare fastställdes. En enkätstudie undersökte levnadsvillkor hos äldre för att utforska tekniska utmaningar dessa omgivningar ställer på robotar. En etnografisk studie undersökte arbetskontexten på servicecenter för teleassistans och undersökte genomförbarhet i att utöka tjänsteutbudet till att även inkludera teleassisterade robotar. I den andra fasen utfördes två studier för att få kunskap om interaktionskrav. Den första studien fastställde vanliga typer av fel som inträffar med nuvarande typer av autonoma robotar och de typer av mänsklig assistans som krävs för att hantera dessa fel. Den andra studien undersökte hur mänsklig assistans kan utformas givet en repertoar av potentiella interaktionsanordningar. I den tredje fasen utformades ett interaktionskoncept för människa-robot interaktionen för tre användargrupper med dedicerade gränssnitt. Koncepten och användargränssnitten förfinades i en iterativ process baserat på resultat från utvärderingar med tänkta användare, och resulterade i uppmuntrande resultat vad gäller användarnas uppskattning och tillfredsställelse. I den fjärde och sista fasen studerades nyttan hos två specifika gränssnitt experimentellt. Det första experimentet undersökte nyttan med att ge operatörer på distans globala 3D-kartor under robotnavigeringen och identifierade användarscenarier där detta kan utnyttjas. Det andra experimentet undersökte nyttan med en stereoskopisk display för att manipulera och navigera roboten på distans. Resultaten visar på temporala fördelar med stereoskopisk display för en av tre undersökta uppgiftstyper och potentiella fördelar för de andra två.

Made available in DSpace on 2014-12-17T15:48:13Z (GMT). No. of bitstreams: 1 LirisneiGS.pdf: 852828 bytes, checksum: d8e0d9662bced4742e1d852cf03d78a8 (MD5) Previous issue date: 2007-08-20 / Coordena??o de Aperfei?oamento de Pessoal de N?vel Superior / This work presents an User Interface (UI) prototypes generation process to the softwares that has a Web browser as a plataform. This process uses UI components more complex than HTML elements. To described this components more complex this work suggest to use the XICL (eXtensinble User Interface Components Language). XICL is a language, based on XML syntax, to describe UI Components and IUs. XICL promotes extensibility and reusability in the User Interface development process. We have developed two compiler. The first one compiles IMML (Interactive Message Modeling Language) code and generates XICL code. The second one compiles XICL code and generates DHTML code / Este trabalho apresenta um processo de gera??o de prot?tipos de Interfaces de Usu?rio (IU) para software que tem como plataforma operacional um navegador Web. Este processo faz o uso de componentes de interface de usu?rio mais complexos que os elementos HTML. Para descrever estes componentes mais complexos este trabalho sugere o uso da linguagem XICL (eXtensible User Interface Components Language). A XICL ? uma linguagem, baseada em XML, para a descri??o de componentes de IU e de IUs. A XICL permite reusabilidade e extensibilidade no desenvolvimento de interfaces de usu?rios. Foram desenvolvidos dois compiladores, um que gera c?digo XICL a partir de c?digo IMML (Interactive Message Modeling Language) e outro que a partir de XICL gera DHTML

Around one percent of the Swedish population is defined as visually impaired and ten percent of them are classified as blind (Funka, n.d.; SRF, 2017a). A study shows that the prevalence of nearsightedness will increase to around half the population in the world in 2050 (Holden et. al., 2016). This suggests an increased need for solutions that work for people with reduced vision, not only for visually impaired but for a large group of the population. The aim of the project is to conceptualize a technological mainstream solution that supports people when shopping for groceries. The focus is on making this solution accessible for people with low vision. The project was planned based on the human-centered design process described by IDEO.org (2015), with an overall process divided into three phases: inspiration, ideation, and implementation. In the first phase, inspiration, a literature review was done, different field studies and other research methods were carried out. The outcome of the phase was three personas, two scenarios, and a design specification. During the second phase, ideation, the project scope was narrowed down – focusing on physical grocery stores (excluding online stores) and on conceptualizing a smartphone application. An ideation workshop was conducted, followed by concept creation, paper prototyping, scenario writing, user evaluations and a final concept selection. In the last phase, implementation, follow up feedback sessions were held and a simulation test of the final concept was held. Visualizations and presentation of the final concept were done. A list of summarized design principles was created, as support for further work on designing the application for low vision users. The final concept is based on a smartphone application that supports the customer through shopping list management, aisle navigation, item selection and item scanning, for a seamless customer experience for both people with full and low vision. The technology that will be utilized is Pricer AB's electronic shelf labels (ESL) with item positioning, customer navigation, and individual flashing light, combined with the grocery store online database with item descriptions and images. Here follows an example of how the interaction could look like for someone with low vision: He always prepares his shopping list before heading to the store, this way he knows the shopping will be easier for him. In the store, he gets all items on the list presented in the correct order of the store, in that way he knows what to search for. When looking for soy sauce from his shopping list he has trouble remembering where the section is, so he checks it up with the navigation. He realizes that it was just around the corner of where he just passed by. Once at the section he is presented with a list of different soy sauces in the application, matching his location, previous purchases and the soy sauce on his shopping list. He can now select the one that he prefers, and a picture of it appears on the screen, simultaneously a flashing green light appears by the item on the shelf, and he can easily and independently find the way right up to the soy sauce he wants. / Ungefär en procent av Sveriges befolkning är synskadade, och tio procent av dem är så pass gravt synskadade att de kan definieras som blinda (Funka, n.d.; SRF, 2017a). Enligt en studie förväntas närsynthet världen över att öka, och under 2050 vara uppe i hälften av jordens befolkning (Holden et. al., 2016). Detta tyder på ett ökat behov av lösningar som fungerar för personer med nedsatt syn, inte bara för synskadade utan för en stor del av befolkningen. Målet med projektet är att undersöka nuläget och behoven för synsvaga personer när de handlar mat, för att sedan kunna utveckla universell teknisk ­lösning som ska fungera som ett stöd när man handlar mat. Projektet planerades utifrån en människocentrerad designprocess beskriven av IDEO.org (2015), som är indelad i tre faser: inspiration, idégenereringen och genomförande. I den första fasen, inspiration, gjordes en litteraturstudie, flera fältstudier genomfördes, samt andra research metoder. Resultatet här var tre personas, två scenarion och en designspecifikation. Under den andra fasen, idégenereringen, ställdes nya avgränsningar upp för projektet – fokuset riktades nu mot den fysiska butiker (avgränsning från e-handeln) och att målet skulle vara att ta fram en smartphone-applikation. En idéworkshop genomfördes, konceptgenerering, skapande av pappersprototyper, scenarion, utvärdering med användare och ett slutligt konceptval. I sista fasen, genomförande, följdes det slutliga konceptet upp med tidigare deltagare och det slutliga konceptet testades i en simulerad studie. Visualisering och presentation av slutkonceptet gjordes. Designprinciper för utveckling av applikationer för synsvaga sammanfattades, för att fungera som stöd för vidare arbete med utveckling av konceptet. Slutkonceptet bygger på en smartphone-applikation som ska fungera som stöd för kunden, från skapandet av inköpslista, navigering i butiken, val och identifiering av varor och slutligen att scanna varan. I sin helhet skapar detta en komplett lösning i mataffären för både seende och synsvaga kunder. Tekniken som ska utnyttjas för konceptet är Pricer AB's elektroniska hyllkantsetikett-system (ESL-system) med positionering, kundnavigering samt en lysdiod på varje enskild etikett, i kombination med butikens online-databas med produktbeskrivningar och bilder på varorna. Här kommer en beskrivning av hur interaktionen med systemet kan gå till för någon som är synsvag: Han förbereder alltid sin inköpslista innan han går till affärer, eftersom han vet att det underlättar för honom. Väl i butiken får han varorna från inköpslistan presenterade i den ordningen de kommer, vilket förenklar letandeprocessen. När han letar efter sojasås som han har på listan har han svårt att komma ihåg var i butiken han hittar den, så han kollar upp det med navigeringsfunktionen. Han inser då att han missade den just bakom hörnet som han gick förbi. Väl framme vid sektionen får han en lista med olika sojasåser presenterade i applikationen, de baseras på hans position i butiken, tidigare köp och vad han har på inköpslistan. Han kan nu välja den han gillar och får då en bild på varan på sin skärm, samtidigt som en grön lampa blinkar precis där varan är placerad på hyllan. Han kan nu enkelt och självständigt plocka varan han vill ha från hyllan.

A maturidade da área de Interação Humano-Computador (IHC) pode ser atestada pela grande quantidade de conjuntos formados por regras, diretrizes e normas (aqui designados como diretivas) que têm sido formulados por dezenas de autores como guias para o estudo, criação e melhoria de interfaces de usuário. No entanto, esses conjuntos apresentam diferenças significativas entre si: muitas dessas diretivas, incluindo algumas já consagradas no universo da IHC, não pertencem ao mesmo nível de abstração nem formam um conjunto homogêneo de enunciados. Essa falta de unidade, aliada à acelerada evolução das tecnologias digitais, tem contribuído para manter essas diretivas (e a própria disciplina de IHC, segundo alguns) em um estado constante de fragmentação e permanente modificação. Mesmo assim, podem ser encontrados princípios — ou leis essenciais, universais e imutáveis — que são subjacentes às diretivas e que podem delas ser extraídos através de uma metodologia adequada. Para contribuir com esse processo, a presente pesquisa apresenta uma revisão dos critérios utilizados para a compilação de conjuntos de diretivas de usabilidade, além de um método de três etapas para a redução progressiva de um número significativo de diretivas a uma lista simples de princípios de usabilidade. Os resultados deste trabalho incluem um modelo metodológico e um conjunto de sete princípios que podem ser utilizados para a pesquisa a e prática da Interação Humano-Computador. / The maturity of the Human-Computer Interaction (HCI) field can be attested by the large number of existing sets of rules, guidelines and standards (called directives herein) that have been formulated by dozens of authors as guidelines for the study, design and improvement of user interfaces. Still, these sets present significant differences among themselves: many of these directives, including some already established in the realm of HCI, do not belong to the same level of abstraction and do not constitute a homogeneous set of statements. This lack of unity, coupled with the rapid evolution of digital technologies, has contributed to maintain these directives (and, according to some, the very discipline of HCI) in a constant state of fragmentation and perpetual change. Even so, it is possible to find among them certain principles — i.e., essential laws that are universal and immutable — which underlie these directives and can be extracted from them using an appropriate methodology. To contribute to this process, this research presents a review of the criteria used to compile these sets of usability directives and a three-step method for the progressive reduction of a significant number of directives to a simple list of usability principles. The results include a methodological framework and seven principles that can be used for the research and practice of Human-Computer Interaction.