M4 - UI&UX Design and Development

ASU W.P. Carey School of Business

• Location: Arizona State University

• Focus Area: UI/UX Design & Development

Design Process Phases

1. Plan: Initial preparations and research.

2. Design: Creating the visual and functional layout of the product.

3. Develop: Actual coding and building of the application.

4. Test: Verifying that the product functions as intended with users.

5. Review: Gathering feedback and analyzing the application from users' perspectives.

6. Launch: Releasing the product for public use.

UI/UX Design Concepts

• User Experience (UX):

  • Focuses on the overall feel of a product.

  • Ensures meaningful interactions and relevant experiences for users.

• User Interface (UI):

  • Concentrates on the aesthetics of a product.

  • Includes visual elements such as screens, buttons, colors, icons, etc.

Key Principles of UI/UX Design

• User-Centricity: Designing around the needs and wants of the users.

• Information Hierarchy: Organizing content effectively for user comprehension.

• User Control: Providing users with options to navigate and interact with the product.

• Typography: The style and appearance of printed matter to enhance readability.

• Visual Hierarchy: Prioritization of elements on the screen to direct user attention.

• Aesthetic Consistency: Maintaining a uniform visual style throughout the product.

• Simplicity: Creating intuitive and straightforward interfaces.

• Accessibility: Ensuring that products can be used by all people, including those with disabilities.

Design Considerations

Hierarchy

• Screen Flow Diagram: Representing the navigational pathways through the application.

Consistency

• Maintain:

  • Screen layout

  • Color theme

  • Text styles

  • Actions on the navigation bar.

Information/Visual Hierarchy

• Clear navigation paths without dead-ends to guide user experiences.

Simplicity

• Ensure clear content presentation with minimal steps or clicks needed to navigate.