Application Design - User flow, Card sorting 2 & Site map

 Khansa Raudlatus Syahiidah / 0374511

Application Design / Bachelor of Design (Honours) in Creative Media

Task 2 : User flow, Card sorting 2 & Site map


Table of Contents:

1. Lecture
2. Introduction
3. User research slide
4. Reflection

1. LECTURE

What is site map ?
    A footprint showing how each page relate to the web/app’s hierarchy. It guides the user's attention and organizes content meaningfully.

  • Visual representation of site / app content organization.
  • Hierarchy of nodes (boxes) representing pages or content.
  • Arrows or lines indicate relationships between web pages/ app interface.
  • With card sorting insights, you can create a logical and intuitive organization for your content in site map
What is user flow ?
    The user’s path to finish a specific purpose. It includes each step, from the starting point to the endpoint.

  • Visualization tool: User flows are visual representations of all interactions a user has on your site/App. • Purpose: To design efficient task completion
  • Focuses on tasks: User flows concentrate on the specific actions users take within a product to accomplish something.
  • Multiple paths: There can be multiple branches in a user flow, depending on the choices a user makes at different points.
  • Benefits: User flows help designers understand how users interact with a product, identify potential issues, and optimize the user experience for better usability and efficiency.
Interactivity & Decision Points


User journey map:

Scope: Encompasses the entire experience of the user from start to end. Bird’s eye perspective of the user or customer interactions with your organization from beginning to end.

Focus: User's emotions and thoughts throughout the entire experience. Visual representation of your customers’ whole experience .

Components: Captures emotional states, motivations, and experiences that influence the user's actions. Includes external factors and touchpoints outside the site, such as initial awareness and post-purchase reflections.

Coverage: Includes experiences both outside and within the site. Multiple user interactions, complex and intricate.

User flow chart:

Scope: Visual representation of all interactions a user has on your site/App. Micro-level and displays the individual steps consumers take to achieve the intended goal.

Focus: Actions and pages users explore from entry to exit. User’s interaction with software at a particular point in a bigger journey. It covers steps, sequences, interactions.

Components: Includes logical and computational conditions. Details every step a user takes on the site, such as clicks, form submissions, and navigation paths. Outlines decision points and possible user actions at each step.

Coverage: Limited to the interactions within the site/app. Single user interaction, linear and structured.



2. INTRODUCTION



3. USER RESEARCH SLIDE
4. REFLECTION

After all the user research done, it was easier for us to identify which is important and which isn't necessarily needed. This give us a clear understanding on what to focus and improve on when creating an app, especially to satisfy users expectation. Through all the journey and flow mapping, I was able to pin point which parts on a user step could be improve to enhance their overall experience. Therefore, through this research, it allows researcher to better imagine / picture on how they want the app to look like, and how it could affect positively to users.

Comments

Popular posts from this blog

Advanced Typography - Exercises: Typographic Systems & Type & Play

Minor - Cooling the Heat, Healing the Mind [Group 10]

Intercultural design - Everyday design (group 20)