Answer Mode by Roboexpert

Answer Mode is a new experience designed to help users get faster and more relevant answers while interacting with Roboexpert. The project focused on improving the way users ask questions, understand answers, and continue their learning journey within the product.

Interface Design

Product Design

Mobile App Design

Company

Ruangguru

Company

Ruangguru

My Contribution

Product Designer

Website

Date Created

2021

Key Challenges

Making answers easier to understand and act on the existing experience presented several opportunities to improve:

01

Users need a clearer path to ask and receive answers.

02

The experience should reduce friction between question and answer.

03

Different user scenarios require different interaction patterns.

04

The answer experience needs to feel simple, intuitive, and trustworthy.

05

The overall flow should support users beyond simply receiving an answer.

Design Process

01

Mapped user roles, user journeys, & identify pain points and opportunities.

02

Explored multiple concepts through wireframes and different interaction approaches.

03

Translated promising concepts into detailed UI flows and interaction states.

04

Tested the proposed experience to identify usability issues and validate the overall flow.

05

Refined the experience based on findings & prepared the final interface for implementation.

01

Mapped user roles, user journeys, & identify pain points and opportunities.

03

Translated promising concepts into detailed UI flows and interaction states.

05

Refined the experience based on findings & prepared the final interface for implementation.

02

Explored multiple concepts through wireframes and different interaction approaches.

04

Tested the proposed experience to identify usability issues and validate the overall flow.

01

Mapped user roles, user journeys, & identify pain points and opportunities.

03

Translated promising concepts into detailed UI flows and interaction states.

05

Refined the experience based on findings & prepared the final interface for implementation.

02

Explored multiple concepts through wireframes and different interaction approaches.

04

Tested the proposed experience to identify usability issues and validate the overall flow.

Key Strategy

The strategy was to simplify the journey from question to answer by reducing interaction friction, improving information hierarchy, and guiding users toward the next meaningful action. Rather than treating the answer as the end of the experience, the design was structured to help users quickly understand the response, build confidence in the information, and seamlessly continue their learning journey.

Key Solutions

The value was clear, but the execution was full of complexity from platform constraints to ownership gaps across teams. I had to lead the design not just as a flow, but as a long-term, scalable system.

01

Streamlined User Flow

A simplified end-to-end flow helps users move naturally from entering a question to receiving an answer.

02

Clear Answer Experience

The interface prioritizes the answer while maintaining supporting information

and relevant actions.

03

Guided Interactions

Interaction patterns help users understand what they can do next and reduce uncertainty throughout the journey.

04

Iterative Interface Exploration

Multiple concepts were explored before converging on the most effective experience.

05

Validated Through Usability Testing

The final direction was refined based on usability findings rather than relying solely on design assumptions.

List of Questions

Answer Content Flow

Image Upload Workflow

Video Upload Workflow

Pop-up Case Answer

Component - Card Matchmaking

Component Details

Desktop Versions

Outcome Highlight

Over 1,000 questions successfully answered

Over 1,000 questions successfully answered

The final experience demonstrated the potential of a more streamlined answer journey, helping users interact with Roboexpert more effectively.

A clearer flow creates a better learning experience

A clearer flow creates a better learning experience

Reducing unnecessary steps allows users to focus on the information they need.

Testing helps turn assumptions into decisions

Testing helps turn assumptions into decisions

Usability testing revealed opportunities that were not always visible during the initial design exploration.

Good answer design is more than displaying information

Good answer design is more than displaying information

The experience should help users understand the answer and confidently decide what to do next.

Wed
10:47:32
AM

Transforming Vision
into Reality through
Smart Design

Ika Hanudin

©

2026

Transforming Vision
into Reality through
Smart Design

Ika Hanudin

©

2026

Create a free website with Framer, the website builder loved by startups, designers and agencies.