This challenge involves designing a main screen UI for intercity bus seatback screens that provides essential travel information, while addressing privacy concerns and ensuring accessibility for all passengers.
Detailed Instructions
- Research Existing Solutions:
- Investigate how other transportation services display travel information on personal screens (e.g., airlines, trains).
- Note effective design elements, UX patterns, privacy measures, and accessibility features.
- Define Key Information to Display:
- Identify the essential travel information to include on the screen:
- Time until destination
- Upcoming stops
- Current location
- Estimated arrival time
- Seat number
- Any other relevant information
- Brainstorm ways to protect personal information on the screen.
- Sketch the Layout:
- Create rough sketches of different layout ideas for the screen.
- Focus on the arrangement of information to ensure clarity and ease of use.
- Consider the use of colours, fonts, and spacing to enhance readability.
- Set Up Your Design File:
- Open your preferred design tool (e.g., Figma, Sketch, Adobe XD) and prepare your workspace for designing the UI.
- Design the Main Screen UI:
- Design the UI based on your sketches, ensuring it is visually appealing and easy to navigate.
- Incorporate privacy measures and accessibility features into the design.
- Use clear and concise labels, icons, and visual elements to present information effectively.
- User Testing and Iteration:
- Conduct quick usability tests with peers or available users.
- Identify any usability issues, privacy concerns, or areas of confusion.
- Iterate on the design based on feedback.
<aside>
💡 Reflection (Optional): After completing the task, spend 10 minutes reflecting on the experience. Write down what you learned, what went well, and what could be improved.
</aside>
Resources Needed
- Design tools (Figma, Sketch, Adobe XD, or any other UI design software)
- Examples of transportation UI designs
Expected Outcomes
- A high-fidelity design of a main screen UI for intercity bus seatback screens.
- Effective presentation of essential travel information with privacy and accessibility considerations.
Tips
- Keep the design simple and focused on delivering key travel information.
- Ensure the text is easy to read by choosing appropriate font sizes and line spacing.
- Use contrasting colours to enhance readability and accessibility.