User Interface - Design

Design Principles

Simplicity

One of our main aims is to make the system as accessible as possible for our target users. So the design should be simple and intuitive, making it easy for users to navigate and use the system without any confusion.

Accessibility

Our main aim is to ensure that the design is accessible to all users, including those with disabilities (the target users). So to do this we'll ensure that we includes features like high contrast mode, text-to-speech, different font styles and adjustable font sizes.

Feedback and Responsiveness

Due to the nature of our target users we need to provide immediate feedback to their actions and ensure the interface is responsive to their inputs and adapts to different devices and screen layouts.

Consistency

Maintaining consistency throughout the design to create a cohesive and predictable user experience. This includes consistent use of colors, fonts, and layout structures to make it easier to use for our target users.

User-Centric

We focus on the needs and preferences of our users. So we design by putting ourselves in therir shoes and ensure that the interface meets the users' expectations and enhances their experience.

Sketches

Once we had gathered and acknowledged the requirements of the product that needed to be made for the users. We used the brief, personas and scenarios to make something which was best suited for them. These sketches show different modes of the web page which allows the users to view and book appointments in their calendar.

Wireframes

Based on our initial sketches we created the following wireframes. The top left and top right represent two alternative layouts for the booking page. We considered both a calendar view and a grid view and consulted users to determine the best option.

Revised Wireframes

Upon further analysis and feedback from the our clients and users we decided to use the grid view and made several improvements based on feedback and heuristic evaluations. We created additional wireframes for pages to show the menu and the home page.

Final Website

Here's what our final website looks like: