Prototype Website Research Articles

Adapting a Telehealth Physical Activity and Diet Intervention to a Co-Designed Website for Self-Management After Stroke: Tutorial.

People who experience a stroke are at a higher risk of recurrent stroke when compared with people who have not had a stroke. Addressing modifiable risk factors like physical inactivity and poor diet has been shown to improve blood pressure, a leading contributor to stroke. However, survivors of stroke often experience challenges with accessing risk reduction services including long wait lists, difficulty with transportation, fatigue, impaired function, and diminished exercise capacity. Providing health interventions via a website can extend the reach when compared with programs that are only offered face to face or via real-time telehealth. Given global challenges of accessing secondary prevention programs, it is important to consider alternative ways that this information can be made available to survivors of stroke worldwide. Using the "design thinking" framework and drawing on principles of the integrated knowledge translation approach, we adapted 2 co-designed telehealth programs called i-REBOUND - Let's get moving (physical activity intervention) and i-REBOUND - Eat for health (diet Intervention) to create the i-REBOUND after stroke website. The aim of this paper is to describe the systematic process undertaken to adapt resources from the telehealth delivered i-REBOUND - Let's get moving and i-REBOUND - Eat for health programs to a website prototype with a focus on navigation requirements and accessibility for survivors of stroke. We engaged a variety of key stakeholders with diverse skills and expertise in areas of stroke recovery, research, and digital health. We established a governance structure, formed a consumer advisory group, appointed a diverse project team, and agreed on scope of the project. Our process of adaptation had the following 3 phases: (1) understand, (2) explore, (3) materialize. Our approach considered the survivor of stroke at the center of all decisions, which helped establish guiding principles related to our prototype design. Careful and iterative engagement with survivors of stroke together with the application of design thinking principles allowed us to establish the functional requirements for our website prototype. Through user testing, we were able to confirm the technical requirements needed to build an accessible and easy-to-navigate website catering to the unique needs of survivors of stroke. We describe the process of adapting existing content and co-creating new digital content in partnership with, and featuring, people who have lived experience of stroke. In this paper, we provide a road map for the steps taken to adapt resources from 2 telehealth-delivered programs to a website format that meets specific navigation and accessibility needs of survivors of stroke.

Optimization of Website Development to Increase Export Sales of Stone Resin Products: A Case Study of Pt. Als Pra Capital

In the era of growing international trade, the use of digital technology has become very important for companies to increase their competitiveness. This research aims to optimize the use of PT Als Pra Capital's website as a digital marketing tool to increase export sales of Damar Batu products. The methods used include the Design Thinking approach, SWOT (Strengths, Weaknesses, Opportunities, Threats) analysis, and STP (Segmentation, Targeting, Positioning) to design a website prototype that supports e-commerce functionality and improves company branding. The results of the website prototype development show that the implementation of an effective digital marketing strategy can increase the visibility and accessibility of Damar Batu products in the international market. The discussion highlights that by optimizing the website and implementing appropriate digital marketing strategies, PT Als Pra Capital is expected to expand their export market share and strengthen their position in the global market. This research contributes to the development of digital marketing strategies in the export sector.

User Friendly Dental Clinic Website Design and Development: Improving Dental Health Services and Patient Satisfaction

Promotion in dental health services in Indonesia must adhere to the dental ethics code. One form of promotion is introducing the various services and facilities of a dental clinic. A website can serve as a medium for introducing a dental clinic. This study aims to design and develop a dental clinic website to improve dental health services and patient satisfaction. The research method used is research and development with an action research approach. The study employed the waterfall System Development Life Cycle (SDLC) method. The website development process was based on a needs analysis, which included interviews with the dental clinic owner, website creation, testing, and evaluation using the System Usability Scale (SUS) questionnaire containing 10 Likert-scale questions. The study results showed that the average evaluation score using the SUS questionnaire was 84.3. Consequently, the adjective ratings fell into the "Excellent" category, the acceptability ranges fell into the "Acceptable" category, and the letter grade fell into category A. The conclusion drawn was that developing a dental clinic website prototype provided beneficial results for both the clinic owner and patients, particularly in obtaining information about dental health services.

Designing The UI/UX of a Website Introducing Traditional Culture Focusing on Dance Using the User-Centered Design Method

Culture is the entire system of ideas, actions and results created by humans in social life that humans possess through the learning process. Introduction to traditional culture is an important part in maintaining and developing the identity of a society. In the digital era, the use of technology as a medium to promote traditional culture is very important. Mahograyasah art studio is one of the art studios or places to learn art which currently has problems, namely in the delivery of material. As a result, learning effectiveness decreases and participants have difficulty mastering the material well. The participants felt it was ineffective to receive the material directly and preferred to practice. However, due to the time and large number of participants, direct practice is difficult. Apart from that, the studio does not provide video tutorials for independent study at home, so participants only rely on learning when practicing in class. To overcome this problem, researchers used the User-Centered Design (UCD) method by developing a web-based prototype. Testing was carried out using the System Usability Scale (SUS). In this research, figma is used to design a website which contains dance material, dance videos, games and locations. The result of this research is a dance learning website prototype for the Mahograyasah studio. Based on prototype testing using the System Usability Scale (SUS) method, the average SUS score obtained was 88. 625. Thus it can be concluded that the Introduction to Traditional Culture learning website focusing on Dance has been accepted and meets the expected criteria. Keywords:Traditional Culture, Dance, User-Centered Design, prototype, System Usability Scale.

Iterative Development of an Interactive Website to Support Shared Decision-Making in Metastatic Breast Cancer.

Recent treatment advances have resulted in significantly increased survival times following metastatic breast cancer (MBC) diagnosis. Novel treatment approaches-and their related side effects-have changed the landscape of MBC treatment decision-making. We developed a prototype of an online educational tool to prepare patients with MBC for shared decision-making with their oncologists. We describe the five phases of tool development: (1) in-depth, semi-structured qualitative interviews and (2) feedback on storyboards of initial content with patients with MBC and oncology providers. This was followed by three phases of iterative feedback with patients in which they responded to (3) initial, non-navigable website content and (4) a beta version of the full website. In the final phase (5), patients newly diagnosed with MBC (N = 6) used the website prototype for 1week and completed surveys assessing acceptability, feasibility, treatment knowledge, preparation for decision-making, and self-efficacy for decision-making. Participants in Phase 1 characterized a cyclical process of MBC treatment decision-making and identified key information needs. Website content and structure was iteratively developed in Phases 2-4. Most participants in Phase 5 (n = 4) accessed the website 2-5 times. All participants who accessed the website at least once (n = 5) felt they learned new information from the website prototype and would recommend it to others newly-diagnosed with MBC. After using the website prototype, participants reported high preparation and self-efficacy for decision-making. This multiphase, iterative process resulted in a prototype intervention designed to support decision-making for MBC patients.

Perancangan Ulang Desain UI/UX Website Digilib Universitas Sriwijaya Menggunakan Metode Double Diamond

Perancangan Ulang Desain UI/UX Website Digilib Universitas Sriwijaya Menggunakan Metode Double Diamond

UI/UX DESIGN ON A COMPANY WEBSITE PROTOTYPE USING THE SPRINT DESIGN METHOD (CASE STUDY: PT. REAL MEDIA LAB)

A company's online visibility is essential in today's digital era, especially for promoting products and reaching a wider audience. One means to make it happen is the company website. Designing a website as a medium of information, promotion, and communication without an introduction and understanding of the psychological aspects will result in a system that fails. A website with an attractive user interface (UI) will create a good user experience (UX). A standard is needed to produce a good website interface, which will become a benchmark in actual system design, in this case, a prototype. Apart from being a standard, prototypes can be used to test system performance before implementation. The method used in designing the user interface prototype in this study is the design sprint method. Data was collected by interviewing and surveying stakeholders (company leaders), employees, and consumers actively involved in the company's system to explore users' needs. Based on user needs, a company website prototype is designed. Prototype testing includes testing usability, content, aesthetics, and quality of information. Testing involving 16 respondents. The test results show an average of 60% of users give a positive response.

To Animate or Not to Animate Usability Scales: The Effect of Animation on Questionnaire Experience and Psychometric Properties

The Hybrid Usability Inventory (HUI) is a usability questionnaire that uses a combination of pictorial and verbal information to express the meaning of its items. This study aimed to extend the static pictorial representation by using animations. Previous research has not yet addressed the positive or negative outcomes of using animations in pictorial questionnaires. We hypothesized that an animated questionnaire would have an additional positive effect on respondents’ questionnaire experience, motivation, and preferences without impinging psychometric properties. The goal of the present study was to compare the static HUI with an animated version (AniHUI) in an online test setting. Respondent-centered aspects (questionnaire experience) and psychometric properties (sensitivity, validity, reliability) were assessed. Participants (N = 192) interacted with a website prototype (either high or low usability) and subsequently assessed the website’s usability either with HUI or AniHUI, the System Usability Scale (SUS), and further measures of interest. Results suggest that AniHUI did not differ substantially from HUI. However, both the static and animated scales were superior to the SUS regarding respondent-centred measures. Findings suggest that the HUI and the AniHUI are engaging and reliable scales that can be used in research and practice.

Design and implementation of architectural websites based on Java: A case study of architectural firm website

In the contemporary digital landscape, architectural firms are increasingly reliant on sophisticated websites to showcase their portfolios and engage with clients. This paper delves into creating a user-centered website, emphasizing the critical role of front-end development in marrying aesthetics with functionality. Through a detailed examination, the study highlights prevailing trends in user interaction, visual design, and technological integration specific to architectural web platforms. In this paper, a prototype website was designed and implemented, utilizing HTML5, CSS3, and JavaScript, coupled with responsive design principles and interactive features. The development process involved using interactive keywords, a dynamic project gallery, and a responsive navigation menu, all facilitated by Java Server Pages (JSP) for back-end integration. This approach underscored the importance of user-centered design in web development for architectural firms. This study successfully integrated an intuitive user interface with advanced functionality, resulting in a web design that not only aesthetically aligns with the architectural firms brand identity but also enhances user engagement. Key results include an innovative scrolling gallery showcasing architectural projects, seamless integration of JSP for dynamic content management, and a notable improvement in website navigability and responsiveness, leading to a more interactive and satisfying user experience.

PERANCANGAN UI/UX APLIKASI E-LEARNING PADA MTSS IRSYADUL ATHFAL MENGGUNAKAN METODE DESIGN THINKING

PERANCANGAN UI/UX APLIKASI E-LEARNING PADA MTSS IRSYADUL ATHFAL MENGGUNAKAN METODE DESIGN THINKING

Perancangan Website Departement Profile Plant Hauling District Indo PT. Pamapersada Nusantara Kalimantan Timur

One media for conveying information about a departement, company or agency is a website profile. To provide information, the indo plant hauling district departement only uses the WhatsApp application to share the latest news, announcements, or updates related to the departement, such as awards, new projects, or changes in the organization. To overcome the problem of information that can only be known by people in the departement, we provide recommendations for designing the Indo Plant Hauling District Departement website PT. Pamapersada Nusantara East Kalimantan. The prototype method that will be used to develop this website and get results from this service, namely a user interface design and website prototype for the Indo plant hauling district departement profile.

INTRODUCING EFRAILTY: SIMPLIFYING SELECTION OF FRAILTY ASSESSMENT TOOLS

Abstract Health care providers recognize the importance of frailty assessment for older adults, but they may be unfamiliar with which frailty assessment tool to use. We sought to create an accessible website to assist clinicians in choosing an effective, evidence-based frailty screening tool. We selected commonly used frailty tools based on the literature and worked with a web designer to develop the eFrailty website prototype. A short description of each tool’s key features and estimated time for assessment is included for each frailty tool. An algorithm based on differences in patient characteristics, clinical scenarios, available information, and time for assessment was created to guide users. Modeled after the highly popular ePrognosis website, eFrailty is designed to guide clinicians to select the ideal frailty tool for their clinical context. The site prompts clinicians to choose between patients considering stressful treatment (e.g., major surgery), or patients with or without serious illness. Depending on available information, clinicians choose between ‘Self reports/records only,’ or ‘Performance tests available’ including cognitive screens or physical performance testing. Alternatively, Clinicians may use the eFrailty comparison table which builds on the work of several systematic reviews of frailty identification tools to easily select the best instrument for their patient. A recent addition to the site is a crosswalk to compare scores between different frailty assessment tools. Future directions for eFrailty include beta testing to gather clinician input from point of care use.

AN ANALYSIS OF THE IMPLEMENTATION OF ACCESSIBILITY TOOLS ON WEBSITES

The websites of higher education institutions, due to the fact that they are addressed to multiple stakeholder groups, not only need to have an appropriately designed information structure but must also be useful. Additionally, in the case of public universities, their services are expected to be accessible to the widest possible audience, especially for people with disabilities. The accessibility tools used on websites should be quickly located, easily identifiable and user-friendly. So far, no standards have been developed regarding these issues, and therefore, there are various solutions on the web. The objective of this study is to analyze various implementations of accessibility tools on university websites in terms of their location, form of presentation and ways that enable access to them. A study was conducted in which web interfaces were evaluated with the participation of users. The experiment consisted of two parts: the first one used the eye tracking technique, whereas in the second one, a survey was conducted. The research material was prototypes of websites from four different universities. Each website had two versions differing in implementation of accessibility tools. In the study, 35 participants were divided into two groups of people. Each group was shown one of the two sets of website prototypes and the users were tasked with finding and activating a specific accessibility tool. After exploring the websites, each participant completed a questionnaire that pertained to their opinions regarding aspects such as appearance, placement and a way to access tools dedicated to people with disabilities. The obtained data, processed to the form of heatmaps and fixation maps, were subjected to a qualitative analysis. The survey results and eye tracking data were analyzed quantitatively. On the basis of performed analyzes it can be concluded that the following factors have an impact on the reduction in efficiency and productivity of users: placement of accessibility tools on university websites in a place other than the upper right corner, an indirect access to these tools or their non-standard appearance.

Acceptability and usability of the Planning Advance Care Together (PACT) website for improving patients' engagement in advance care planning

ObjectivesMost prior advance care planning (ACP) interventions lack integration of the social context of patients' ACP process, which patients indicate is critically important. The current study developed the Planning Advance Care Together (PACT) website to foster inclusion of loved ones in the ACP process. MethodsTo provide feedback about the PACT website, patients with advanced cancer (N = 11), their caregivers (N = 11), and experts (N = 10) participated in semi-structured interviews. Patients and caregivers also completed standardized ratings of acceptability and usability. ResultsOverall, patient (n = 11) and caregiver (n = 11) ratings of acceptability and usability of the website exceeded benchmark cut-offs (≥24 on the Acceptability E-Scale and ≥ 68 on the System Usability Scale). Patients, caregivers, and experts liked the topic of ACP but felt that it could be emotionally challenging. They recommended focusing more on planning and less on end of life. They appreciated being able to include loved ones and recommended adding resources for caregivers. ConclusionsStudy findings support the preliminary usability and acceptability of the PACT website. Findings will be used to inform a modified prototype of the PACT website that is interactive and ready for field testing with patients with advanced cancer and their loved ones. InnovationWe utilized a novel application of the shared mind framework to support patients with advanced cancer in engaging their loved ones in the ACP process.

PERANCANGAN MOBILE WEBSITE CLOUD KITCHEN LAA ZURU MENGGUNAKAN METODE DESIGN THINKING

The aim of this research is to produce a U/UX prototype for a cake ordering website using a design thinking approach. Design thinking is a method for developing business innovations that focus on users. Two phases are involved: the inspiration and ideation phases. Data collection through observation and in-depth interviews, the inspiration phase understands user needs and goals. The ideation stage involves brainstorming with stakeholders and selecting ideas into solutions, in the form of features for the Laa Zuru mobile website. The resulting website prototype was tested through the System Usability Scaling questionnaire. The test results show a score of 82.5, indicating the usability of the mobile website prototype is in category B (Acceptable) and has an adjective rating of "excellent" in the usability testing assessment. Keywords: Design Thinking; Cloud Kitchen; System Usability Scaling

Perancangan Website Company Profile PT. Jamkrida Kalimantan Timur

one of the media for conveying information about a company or government agency is a company profile website. During operation, PT. Jamrkida East Kalimantan they only rely on the sales team to be able to promote the company and its products to the surrounding community by still using company profile brochures. To deal with the problems faced, we provide input and recommendations for website design at PT. Jamkrida East Kalimantan. The method that will be used in developing this website is to use the prototyping method. The result of this service is to produce a user interface design and prototype of company profile website of PT. Jamkrida East Kalimantan.

“FORWARD WITH DEMENTIA” CO-DESIGN OF AN ONLINE GUIDE FOR DEMENTIA PATIENTS AND FAMILIES

Objective:Through a co-design process we set out to improve post diagnostic dementia support as part of a wider international programme. A partnership approach was taken with people living with dementia, carers and healthcare professionals.Methods:A scoping review and thematic analysis of existing national and international dementia policies guidelines and campaigns were undertaken to identify gaps and to create a core evidence base. We established co-design local working groups in each of the five partner countries. A series of 20 objective led iterative workshops, four in each country over a period of six months were held. In this way a prototype website was designed, built, populated, and refined. Evidence based English language content was generated and edited collaboratively, core themes were derived from operationalising national Dementia Clinical Guidelines, utilising current evidence, responding to co-designers’ requests and formative research findings. The website was then adapted regionally through translation, links to local information, and including culturally appropriate images, stories and news items. These adapted sites were then user tested and further refined ahead of awareness raising campaigns.Results:We co-designed a dementia friendly accessible resource to support people living with dementia, carers and healthcare professionals for the first 12 months following diagnosis. The workshops determined that the resource should be available online, current, practical, and relevant at a regional and individual level. The need for a practical, empathetic and individually tailored resource was identified. Language, tone, and online accessibility were essential, particularly for people living with dementia. It was important that the content be written and presented specifically and discretely for people recently diagnosed with dementia, for care partners and for healthcare professionals.Conclusion:We set out to improve the dialogue around dementia diagnosis. To empower patients and practitioners through providing information, practical tools, improving awareness of and access to available local supports. Through a person-centred approach with target audience groups together we have developed an online actionable guide Forward with dementia (https://www.forwardwithdementia.org) which supports decision making and to help people find their way forward from a diagnosis of dementia.

WebDraw: A machine learning-driven tool for automatic website prototyping

To overcome the time-consuming nature and improve the cost-effectiveness of classical web development, being automatic is the most convenient alternative recent researchers suggest. Over the years, researchers have been working on inventing new approaches to generating websites automatically. In this paper, a novel approach is presented that automates the website generation process by incorporating web designer best practices and driving new prototype websites without the significant effort of redesigning websites. It takes high-fidelity mock-up design artifacts such as screen captures of real-world websites, and generates functional websites similar to the input websites, which involves three steps: GUI element detection, classification, and code generation. First, image processing techniques are applied to detect atomic web GUI elements from a mock-up design artifact of a real-world website. Second, a Convolutional Neural Network (CNN) is trained to classify the extracted web GUI elements into their domain-specific types such as headings, paragraphs, images, etc. A Graphical User Interface (GUI) is typically represented in code as a hierarchical tree, with nested GUI elements bundled together within one another to construct a tree. A recursive algorithm is proposed that constructs the appropriate Document Object Model (DOM) hierarchy for a website by recursively grouping classified web GUI elements within each other. Finally, the constructed DOM is converted to the accurate native code. The approach was implemented as a tool called WebDraw. Design science research evaluation shows that WebDraw achieves an average of 90% web GUI element classification and generates website prototypes that are visually similar to the target website design mock-up artifact while producing functional GUI code. Furthermore, interviews with industry professionals illustrate WebDraw's industry relevance for improving their industrial web design and development workflows.

Website Prototype As a Digital Based Media Promotion at PT Fei Fan International

Tourism has become a major sector of world’s economic development including Indonesia. The contributions of tourism in Indonesia have increased annually. Pandemic sped up the digital transformation economy in Indonesia, where people have been using technology for daily basis. Business owners have made a lot of innovations in response to the changing. PT Fei Fan International is one of a company in the tourism sector that needs an innovation to respond to the changing in the industry. However, they still have no media that can support companies in responding to the changes. The process of data collection using interviews, observation, also distributed questionnaires and reviewed websites’s related literature. Then analyzed the data using SWOT analysis, and visual analysis comparison matrix. The output is to design the company prototype website and media promotions that will help PT Fei Fan International to respond to the interaction changes from conventional to digital.

Pengembangan Platform Coffee Shop KURLEB dengan Fokus pada User Interface dan Prinsip UX Law

The increasing trend and public interest in coffee shops, also known as cafes. One of the cafes named Kopi KurangLebih has great potential to attract customers due to its strategic location, high-quality menu, and aesthetic ambiance. Although Kopi KurangLebih already has an Instagram account to showcase its content and engage with followers, the information provided is limited and lacks proper organization. Visitors to the coffee shop struggle to make menu choices due to the absence of a platform to display the available options. To address these challenges and improve the quality of service, a website is needed to document and present information that assists customers in making menu selections. The current reliance on social media as a source of information for coffee shops is inefficient and temporary, as the information shared only appears briefly on users' timelines. Hence, the development of an attractive and informative website for Kopi KurangLebih becomes necessary. The website should be designed according to user needs and the resources available to Kopi KurangLebih. By utilizing a digital information medium in the form of a website, potential customers can access and obtain information easily, thereby increasing their interest and purchasing power. The research also applies the Three Circles method and incorporates various UX Law principles into the user interface (UI) design. Through observations and analysis, the research identifies the values of Kopi KurangLebih, customer needs, and competitor values. This research successfully built a UI prototype of the KURLEB website, transforming it into an effective digital platform for promoting, storing, and providing information about Kopi KurangLebih. It also achieved a good user experience by providing relevant information, intuitive navigation, and appealing visual aesthetics. With a well-designed UI and the applied principles of UX Law, this website delivers a positive user experience, enhances customer engagement, and contributes to the sustainable marketing of Kopi KurangLebih as a local coffee shop brand.