Short answer

Shift from feature-rich layouts to task-focused flows by removing non-essential visual elements during the transaction phase.

Field: User-Centred Design
Source: Jurnal Sistim Informasi dan Teknologi (2023)
Method: Usability Testing and System Usability Scale (SUS)
Evidence: Strong effect

The mechanism involves minimizing cognitive load during the 'browse-to-cart' flow through consistent iconographic signifiers and reduced input density. This user-centred design research insight is drawn from a 2023 study published in Jurnal Sistim Informasi dan Teknologi. Using Usability testing and system usability scale (sus), researchers explored how this design variable affects real-world outcomes. The key design takeaway: Shift from feature-rich layouts to task-focused flows by removing non-essential visual elements during the transaction phase.

Study

User-Centred DesignRecentStrong effect

Reducing visual hierarchy complexity in e-grocery navigation increases task efficiency by 30%

The mechanism involves minimizing cognitive load during the 'browse-to-cart' flow through consistent iconographic signifiers and reduced input density.

Jurnal Sistim Informasi dan Teknologi · 2023

Key Findings

01Redesign increased task effectiveness by approximately 20%
02Efficiency improved by 30% with a reduction of over 900 seconds in total task completion time
03System Usability Scale (SUS) scores increased by 30 points after HCD improvements

Application

Design takeaway

Shift from feature-rich layouts to task-focused flows by removing non-essential visual elements during the transaction phase.

How to apply

Audit your grocery checkout flow; if it takes more than 3 steps from the cart to confirmation, relocate address and payment settings to a background 'default' state to increase speed.

Project actions

01Focus your redesign on the 'path to purchase'
02Use SUS surveys before and after your design changes to prove your design worked
03Time your users—speed is the best proof of good UX

Method & Evidence

AimHow does a Human-Centered Design (HCD) intervention impact the usability, effectiveness, and satisfaction of e-grocery mobile interfaces?

MethodUsability Testing and System Usability Scale (SUS)

ProcedureParticipants completed high-frequency grocery tasks (searching, adding to cart, checkout) on an existing interface, followed by a post-redesign trial using identical tasks to measure performance changes.

ContextMobile e-grocery shopping applications

Variables

IVVisual hierarchy complexity of e-grocery mobile interfaces (reduced complexity vs. existing complexity)

DVTask efficiency (measured by task completion time and number of errors), Usability (measured by System Usability Scale - SUS scores), User Satisfaction (inferred from SUS scores and qualitative feedback)

CVGrocery tasks (searching, adding to cart, checkout), Mobile interface context, Participant's frequency of e-grocery use (implied, for task relevance), Task completion criteria

Strengths & Limitations

Strengths

+The study provides a clear, quantifiable improvement (30% increase in task efficiency) directly linking the HCD intervention to a measurable outcome.
+The use of a mixed-methods approach (quantitative task efficiency and SUS, qualitative inferrals) offers a comprehensive evaluation of the user experience.
+The focus on high-frequency tasks and common user pain points (time pressure, cognitive fatigue) enhances the ecological validity of the findings for e-grocery contexts.

Limitations

Students often lack a large enough sample size to make the 900-second improvement statistically representative of all users.

Reliability & validity

Reliability is strengthened by the use of standardized tasks and the SUS questionnaire, which are designed for consistent measurement. Validity is enhanced by comparing performance before and after the intervention on the same tasks and context. However, construct validity could be strengthened by more explicitly defining and measuring 'task efficiency' beyond just time/errors (e.g., cognitive load). Ecological validity is good for the e-grocery context but limited by the specific UI transition studied.

Think critically

Why might a faster checkout time actually be bad for a business that wants users to spend more time browsing and discovering new products?

Design Principles

"Task-Flow Compression"

In high-frequency utility apps like grocery shopping, users operate under time pressure and cognitive fatigue. Reducing the friction between product selection and payment prevents cart abandonment and improves the emotional perception of the brand's reliability.

What This Means for Your Design

Making an app simpler and centered on what the user actually wants to do (like buying milk quickly) makes it much faster to use and less frustrating.

How to use in your project

1.Cite as evidence that the Human-Centered Design (HCD) process directly leads to improved SUS scores
2.Use the 30% efficiency benchmark to justify why a redesign of a common app (like a school portal) is necessary

Add to My Project

Quick Cite

Paragraph starter

According to Rembulan et al. (2023), applying a Human-Centered Design approach to mobile commerce can improve efficiency by 30% and significantly raise user satisfaction scores.

Source

Jurnal Sistim Informasi dan Teknologi

Evaluation and Improvement of E-Grocery Mobile Application User Interface Design Using Usability Testing and Human Centered Design Approach

journal · 2023

View source

Questions About This Research

What does the research say about reducing visual hierarchy complexity in e-grocery navigation increases task efficiency by 30%?: Shift from feature-rich layouts to task-focused flows by removing non-essential visual elements during the transaction phase. Evidence: Jurnal Sistim Informasi dan Teknologi (2023).
Why does "Reducing visual hierarchy complexity in e-grocery navigation increases task efficiency by 30%" matter for design?: In high-frequency utility apps like grocery shopping, users operate under time pressure and cognitive fatigue. Reducing the friction between product selection and payment prevents cart abandonment and improves the emotional perception of the brand's reliability.
How can designers apply this research?: Shift from feature-rich layouts to task-focused flows by removing non-essential visual elements during the transaction phase.
What were the main findings?: Redesign increased task effectiveness by approximately 20%. Efficiency improved by 30% with a reduction of over 900 seconds in total task completion time. System Usability Scale (SUS) scores increased by 30 points after HCD improvements
What research method was used?: Usability Testing and System Usability Scale (SUS).
How strong is the evidence?: Evidence strength is rated Strong effect, based on a 2023 journal from Jurnal Sistim Informasi dan Teknologi.
What should I do differently in my next project?: Audit your grocery checkout flow; if it takes more than 3 steps from the cart to confirmation, relocate address and payment settings to a background 'default' state to increase speed.
What are the limitations?: The study focuses on the transition from a poor UI to a refined one; results may vary when optimizing already mature applications.