scholarly journals ANALISIS USER EXPERIENCE DAN USER INTERFACE (UI/UX) PADA WEBSITE MENGGUNAKAN METODEGOOGLE DESIGN SPRINT

2021 ◽  
Vol 3 (2) ◽  
pp. 137-144
Author(s):  
Aan Ansen Andryadi ◽  
Neng Hasri Fatonah
Keyword(s):  
User Interface ◽  
Water Treatment ◽  
User Experience ◽  
User Interfaces ◽  
Digital Marketing ◽  
Visual Design ◽  
User Experiences ◽  
A Company ◽  
Matching Color

CV Tirta Kalimaya is a company engaged in Water Treatment which has products in two categories, namely Hexabion and Biotech. The marketing technique uses digital marketing, namely market places and websites. The current condition of the website has very few visitors, one of the factors is because the user interface and user experience are not quite right. It is important to pay attention to the user interface and user experience (UI/UX) so that the product can be used properly by users according to its functionality. This study aims to make the CV Tirta Kalimaya company website able to provide what users/website visitors need in terms of functional and visual design by analyzing and designing the user interface and user experience using the Google Design Sprint method, which consists of 5 stages namely, understand, diverge. , decide, prototype and validate. For the validate process using A/B Testing by displaying two variables to see which variable gets good performance. Based on the analysis, implementation and evaluation resulted in a final prototype that has been validated, in terms of appearance, duration of use to consideration of criticism and suggestions from users. And produce user interfaces with matching color schemes, consistent layouts and user experiences that match the respondent's mindset to get information or achieve goals

scholarly journals Analisis User Interface terhadap Website Berbasis E-Learning dengan Metode Heuristic Evaluation

2018 ◽  
Vol 5 (2) ◽  
pp. 270-277
Author(s):  
Yemima Monica Geasela ◽  
Pranchis - Ranting ◽  
Johanes Fernandes Andry
Keyword(s):  
Information Technology ◽  
User Interface ◽  
User Experience ◽  
Interface Design ◽  
Human Factor ◽  
Education Quality ◽  
Visual Design ◽  
Heuristic Evaluation ◽  
Support Element ◽  
E Learning

AbstrakDengan berkembangnya teknologi informasi, meningkat pula cara pembelajaran yang semakin modern salah satunya dengan menggunakan e-learning. E-learning adalah suatu model pembelajaran yang menggunakan website sebagai media dasarnya. Dengan adanya e-learning, pembelajaran dapat dilakukan dimanapun dan kapanpun. E-learning yang baik adalah e-learning yang dapat meningkatkan kemampuan pengguna yang menggunakannya. Desain antarmuka menjadi salah satu elemen paling penting yang dapat mendukung kualitas edukasi di dunia maya. Oleh karena itu, penelitian ini bertujuan mengevaluasi desain antarmuka suatu website berbasis e-learning menggunakan human factors dan pendekatan interpretasi ergonomik, untuk meningkatkan usability dan usefulness sebuah sistem. Metode yang dipakai dalam penelitian ini adalah evaluasi heuristik yang terdiri atas 10 aturan prinsipnya yang terkenal dalam melakukan penilaian atas suatu desain antarmuka. Hasil penelitian menunjukkan secara umum penilaian terhadap desain interface dan ketermudahan penggunaan suatu website yang memiliki basis e-learning ditemukan telah cukup baik, akan tetapi masih terdapat beberapa hal yang perlu ditingkatkan, terutama yang bersesuaian dengan karakteristik dalam ketermudahan penggunaan. Kata Kunci: website, e-learning, heuristic, usability AbstractWith the development of information technology, studying process is one of the affected aspect by technology and becoming a new modern studying method called e-learning. E-Learning is a studying model that use website as it basis. With the help of e-learning, studying process can be done anywhere and anytime. A good E-Learning is one that can increase the overall skill of the user. Visual design becoming one of the support element that can help the education quality in cyberspace. Therefore, this research purposes aims is to design an e-learning website using human factor and ergonomi interpretation approaches, to improve the usefulness for user and the usefulness for system. The method used in this research is a method that consist of ten rule that was famous for designing. The result of general research about user interface design and the content about e-learning with a basis of website was good enough, but there is still some problem that must be fixed especially those relating with user experience. Keywords: website, e-learning, heuristic, usability

Evaluating Context-Aware Mobile Interfaces for Professionals

2008 ◽  
pp. 759-779 ◽  
Author(s):  
Jan Willem Streefkerk ◽  
Myra P. van Esch-Bussemakers ◽  
Mark A. Neerincx ◽  
Rosemarijn Looije
Keyword(s):  
User Experience ◽  
Situation Awareness ◽  
User Interfaces ◽  
Evaluation Methods ◽  
Development Stage ◽  
Mobile User ◽  
Context Aware ◽  
User Experiences ◽  
Mobile Interfaces ◽  
Combination Of Methods

Evaluation refines and validates design solutions in order to establish adequate user experiences. For mobile user interfaces in dynamic and critical environments, user experiences can vary enormously, setting high requirements for evaluation. This chapter presents a framework for the selection, combination, and tuning of evaluation methods. It identifies seven evaluation constraints, that is, the development stage, the complexity of the design, the purpose, participants, setting, duration, and cost of evaluation, which influence the appropriateness of the method. Using a combination of methods in different settings (such as Wizard-of-Oz, game-based, and field evaluations) a concise, complete, and coherent set of user experience data can be gathered, such as performance, situation awareness, trust, and acceptance. Applying this framework to a case study on context-aware mobile interfaces for the police resulted in specific guidelines for selecting evaluation methods and succeeded to capture the mobile context and its relation to the user experience.

scholarly journals User Experience in Using Graphical User Interfaces of Web Maps

2020 ◽  
Vol 9 (7) ◽  
pp. 412 ◽  
Author(s):  
Paweł Cybulski ◽  
Tymoteusz Horbiński
Keyword(s):  
User Interface ◽  
Eye Movement ◽  
User Experience ◽  
Graphical User Interface ◽  
User Interfaces ◽  
Interactive Multimedia ◽  
Graphical User Interfaces ◽  
Simulation Environment ◽  
Web Map ◽  
Interactive Task

The purpose of this article is to show the differences in users’ experience when performing an interactive task with GUI buttons arrangement based on Google Maps and OpenStreetMap in a simulation environment. The graphical user interface is part of an interactive multimedia map, and the interaction experience depends mainly on it. For this reason, we performed an eye-tracking experiment with users to examine how people experience interaction through the GUI. Based on the results related to eye movement, we presented several valuable recommendations for the design of interactive multimedia maps. For better GUI efficiency, it is suitable to group buttons with similar functions in screen corners. Users first analyze corners and only then search for the desired button. The frequency of using a given web map does not translate into generally better performance while using any GUI. Users perform more efficiently if they work with the preferred GUI.

scholarly journals A user experience case study: two embodied cognition user interface solutions for a math learning game

Seminar.net ◽  
2016 ◽  
Vol 12 (2) ◽  
Author(s):  
Antero Lindstedt ◽  
Kristian Kiili ◽  
Pauliina Tuomi ◽  
Arttu Perttula
Keyword(s):  
User Interface ◽  
User Experience ◽  
User Interfaces ◽  
Objective Measure ◽  
Physical Activities ◽  
Educational Game ◽  
Future Research ◽  
Game Based Learning ◽  
Subjective Measures ◽  
Significant Difference

Game-based learning solutions provide possibilities to teach conceptual number knowledge in engaging ways. The evaluation of user experience and error-proneness of the user interface are crucial in the educational game development process and game-based assessment. In the present study, we investigated how two different user interfaces of the rational number game, Semideus, influenced the game character controlling accuracy and user experience. Two user interfaces varying in the intensity of physical activities needed for controlling the game character were compared. Thirty-six university students played both Semideus game versions for 20 minutes in randomized order.  In order to compare the tilting (low physical intensity) and walking (high physical intensity) user interfaces we used stealth assessment as an objective measure of controlling accuracy as well as flow experience and playability questionnaires as subjective measures of user experience. The results revealed that there was no significant difference in game controlling accuracy between the user interface solutions, suggesting that the intensity of the physical activities did not influence the error-proneness. However, the subjective measures indicated that students appreciated the tilting user interface significantly more than the walking user interface. Implications of the findings for future research and further development of the Semideus game are discussed.

Communication + Dynamic Interface = Better User Experience

2009 ◽  
pp. 220-227
Author(s):  
Simon Polovina ◽  
Will Pearson
Keyword(s):  
User Interface ◽  
User Experience ◽  
User Interfaces ◽  
Business Logic ◽  
Human Communication ◽  
Tight Coupling ◽  
Dynamic Interface ◽  
Physical Form ◽  
Logic Operations ◽  
Physical Output

Traditionally, programming code that is used to construct software user interfaces has been intertwined with the code used to construct the logic of that application’s processing operations (e.g., the business logic involved in transferring funds in a banking application). This tight coupling of user-interface code with processing code has meant that there is a static link between the result of logic operations (e.g., a number produced as the result of an addition operation) and the physical form chosen to present the result of the operation to the user (e.g., how the resulting number is displayed on the screen). This static linkage is, however, not found in instances of natural human-to-human communication. Humans naturally separate the content and meaning that is to be communicated from how it is to be physically expressed. This creates the ability to choose dynamically the most appropriate encoding system for expressing the content and meaning in the form most suitable for a given situation. This concept of interchangeable physical output can be recreated in software through the use of contemporary design techniques and implementation styles, resulting in interfaces that improve accessibility and usability for the user.

scholarly journals THE INFLUENCE OF USER INTERFACE, USER EXPERIANCE AND DIGITAL MARKETING TOWARD PURCHASE INTENTION (STUDY IN SEJASA.COM)

2020 ◽  
Vol 3 (2) ◽  
Author(s):  
Eldad Baltaszar Watulingas
Keyword(s):  
User Interface ◽  
User Experience ◽  
Purchase Intention ◽  
Survey Methods ◽  
Partial Least Square ◽  
Least Square ◽  
Digital Marketing ◽  
Validity Testing ◽  
Instrument Validity ◽  
Collection Methods

This study aims to analyze the Effect of User Interface, User Experience and Digital Marketing on Purchase Intention (Study at Sejasa.com). The population in this study was 877 users in Senopati, so the percentage of benefits used was 10% and the results of calculations could have been rounded up to 100 users to achieve the suitability of the study. The sampling method uses Convenience Sampling. Data collection methods using survey methods, with the research instrument is a questionnaire. Measurement of variables is done by Likert Scale. The instrument validity testing is done by correlating the scores on each item with the total score of the respondents' answers. Analysis of the data used is statistical analysis in the form of PLS (Partial Least Square). Research shows that the User Interface (UI) has a negative but significant effect on Purchase Intention, User Experience (UX) has a positive and significant effect on Purchase Intention, and Digital marketing has a positive but not significant effect on Purchase Intention. Keywords :    User Interface, User Experience, Digital Marketing, Purchase Intention, Sejasa.com

scholarly journals Analisis User Interface terhadap Website Berbasis E-Learning dengan Metode Heuristic Evaluation

2018 ◽  
Vol 5 (2) ◽  
pp. 270-277
Author(s):  
Yemima Monica Geasela ◽  
Pranchis - Ranting ◽  
Johanes Fernandes Andry
Keyword(s):  
Information Technology ◽  
User Interface ◽  
User Experience ◽  
Interface Design ◽  
Human Factor ◽  
Education Quality ◽  
Visual Design ◽  
Heuristic Evaluation ◽  
Support Element ◽  
E Learning

AbstrakDengan berkembangnya teknologi informasi, meningkat pula cara pembelajaran yang semakin modern salah satunya dengan menggunakan e-learning. E-learning adalah suatu model pembelajaran yang menggunakan website sebagai media dasarnya. Dengan adanya e-learning, pembelajaran dapat dilakukan dimanapun dan kapanpun. E-learning yang baik adalah e-learning yang dapat meningkatkan kemampuan pengguna yang menggunakannya. Desain antarmuka menjadi salah satu elemen paling penting yang dapat mendukung kualitas edukasi di dunia maya. Oleh karena itu, penelitian ini bertujuan mengevaluasi desain antarmuka suatu website berbasis e-learning menggunakan human factors dan pendekatan interpretasi ergonomik, untuk meningkatkan usability dan usefulness sebuah sistem. Metode yang dipakai dalam penelitian ini adalah evaluasi heuristik yang terdiri atas 10 aturan prinsipnya yang terkenal dalam melakukan penilaian atas suatu desain antarmuka. Hasil penelitian menunjukkan secara umum penilaian terhadap desain interface dan ketermudahan penggunaan suatu website yang memiliki basis e-learning ditemukan telah cukup baik, akan tetapi masih terdapat beberapa hal yang perlu ditingkatkan, terutama yang bersesuaian dengan karakteristik dalam ketermudahan penggunaan. Kata Kunci: website, e-learning, heuristic, usability AbstractWith the development of information technology, studying process is one of the affected aspect by technology and becoming a new modern studying method called e-learning. E-Learning is a studying model that use website as it basis. With the help of e-learning, studying process can be done anywhere and anytime. A good E-Learning is one that can increase the overall skill of the user. Visual design becoming one of the support element that can help the education quality in cyberspace. Therefore, this research purposes aims is to design an e-learning website using human factor and ergonomi interpretation approaches, to improve the usefulness for user and the usefulness for system. The method used in this research is a method that consist of ten rule that was famous for designing. The result of general research about user interface design and the content about e-learning with a basis of website was good enough, but there is still some problem that must be fixed especially those relating with user experience. Keywords: website, e-learning, heuristic, usability

Communication + Dynamic Interface = Better User Experience

2008 ◽  
pp. 419-426
Author(s):  
Simon Polovina ◽  
Will Pearson
Keyword(s):  
User Interface ◽  
User Experience ◽  
User Interfaces ◽  
Business Logic ◽  
Human Communication ◽  
Tight Coupling ◽  
Dynamic Interface ◽  
Physical Form ◽  
Logic Operations ◽  
Physical Output

Traditionally, programming code that is used to construct software user interfaces has been intertwined with the code used to construct the logic of that application’s processing operations (e.g., the business logic involved in transferring funds in a banking application). This tight coupling of user-interface code with processing code has meant that there is a static link between the result of logic operations (e.g., a number produced as the result of an addition operation) and the physical form chosen to present the result of the operation to the user (e.g., how the resulting number is displayed on the screen). This static linkage is, however, not found in instances of natural human-to-human communication. Humans naturally separate the content and meaning that is to be communicated from how it is to be physically expressed. This creates the ability to choose dynamically the most appropriate encoding system for expressing the content and meaning in the form most suitable for a given situation. This concept of interchangeable physical output can be recreated in software through the use of contemporary design techniques and implementation styles, resulting in interfaces that improve accessibility and usability for the user.

Communication + Dynamic Interface = Better User Experience

2006 ◽  
pp. 85-91
Author(s):  
Simon Polovina ◽  
Will Pearson
Keyword(s):  
User Interface ◽  
User Experience ◽  
User Interfaces ◽  
Business Logic ◽  
Human Communication ◽  
Tight Coupling ◽  
Dynamic Interface ◽  
Physical Form ◽  
Logic Operations ◽  
Physical Output

Traditionally, programming code that is used to construct software user interfaces has been intertwined with the code used to construct the logic of that application’s processing operations (e.g., the business logic involved in transferring funds in a banking application). This tight coupling of user-interface code with processing code has meant that there is a static link between the result of logic operations (e.g., a number produced as the result of an addition operation) and the physical form chosen to present the result of the operation to the user (e.g., how the resulting number is displayed on the screen). This static linkage is, however, not found in instances of natural human-to-human communication. Humans naturally separate the content and meaning that is to be communicated from how it is to be physically expressed. This creates the ability to choose dynamically the most appropriate encoding system for expressing the content and meaning in the form most suitable for a given situation. This concept of interchangeable physical output can be recreated in software through the use of contemporary design techniques and implementation styles, resulting in interfaces that improve accessibility and usability for the user.

Orientation, Functions, Navigation, and Experiences

2021 ◽  
pp. 84-115
Keyword(s):  
User Interface ◽  
User Interfaces ◽  
Content Management ◽  
Learning Resources ◽  
Authoring Tools ◽  
Digital Learning ◽  
Learning Space ◽  
User Experiences ◽  
Digital Learning Resources ◽  
Content Management Systems

The design of learning resources is both enabled and constrained based on the available technologies. To save on costly and effortful development, the design planning involves drafting user interface designs (orientation) and wireframes (which suggest how users would navigate the learning space and engage various functions). These early designs are enabled by drafting tools, wireframing tools, authoring tools, and hosted learning and content management systems. Ultimately, the designs are to serve the users and the ultimate designed learning purposes. To these ends, user interfaces/user experiences (UI/UX) are both considered important. This chapter explores design approaches to designing user interfaces and navigation in digital learning resources.

Sign in / Sign up

Export Citation Format

Share Document