Skip to content

Team Project · 2024 · Team Project

PLANE(ra)T Resande

Sustainable Travel Decision-Support Concept

Interaction Design · MDU

How might a digital service make travel trade-offs easier to understand and support more conscious decisions?

  • Interaction Design
  • Double Diamond
  • Paper Prototyping
  • Figma
  • User Testing
  • Accessibility
  • Sustainability

Summary

Designed a decision-support concept helping users compare travel alternatives using emissions, cost, distance and time.

Process — Double Diamond

  • Explore: concept exploration, whiteboard ideation, interaction discussions, sketching
  • Define: sustainable-travel concept, core functions, usability, accessibility
  • Develop: sketches, design principles, Gestalt principles, paper prototyping with movable interactive elements, interface states
  • Test: user interviews, paper-prototype testing, feedback, usability issues
  • Iterate: revised prototype, high-fidelity Figma design, user testing, further redesign

Design principles

  • Simplicity
  • Affordance
  • Chunking
  • Proximity
  • Similarity
  • Hierarchy
  • Visibility
  • Consistency
  • Accessibility

Functionality

  • Origin and destination
  • Departure / arrival time
  • Travel alternatives
  • Distance, travel time, cost and emissions
  • Settings and statistics
  • Text size and theme
  • Audio assistance

Iteration example

User testing showed that some time-selection controls were not easy enough to discover. Their placement and visual hierarchy were changed.

Outcome

Progressed from ideation and paper prototypes to a higher-fidelity Figma mobile prototype.

Design progression

  1. Ideation
  2. Paper Prototype
  3. User Testing
  4. Figma

Images

Material from the ideation and prototyping work; Figma screens follow.

Whiteboard sketch of the travel app screens with a table of travel alternatives
1. Ideation — whiteboard sketch of the travel-alternatives concept
Paper prototypes of the travel app laid out on a table
2. Paper prototyping — booking and recommendation screens
Project team working together during the design workshop
3. Design workshop with the project team
Image to be added
4. Figma — home / destination
Image to be added
4. Figma — travel options
Image to be added
4. Figma — selected option
Image to be added
4. Figma — statistics

My contribution

My contribution: to be added. This was a team project — individual contribution is described only where it can be stated accurately.