1 of 17

Section 2:

Azure-Specific UX/UI Insights

2 of 17

Azure UI/UX Strengths and Weaknesses Overview

Strengths

  1. Comprehensive Service Introduction: Provides a broad overview of potential applications

  • Functionality-first-approach: Convenient for an advanced Azure user who needs to access tool and services quickly and efficiently.

  • Windows-friendly UI - Consistently incorporates the signature Microsoft UI and products into the application deployment page.

Weaknesses

  1. Lack of Clear Guidance: Absence of simple, accessible explanations within the launching process and dashboard.

  • Cluttered Navigation: Quickstart guides and tutorials are not straightforward, hindering intuitive use for new users.

  • Overwhelming Service Presentation: Extensive list of services overwhelms users.

3 of 17

UX/UI Recommendations

Launching Azure

Navigating Azure

Using Azure

1

2

3

4 of 17

  1. Launching Azure — UI/UX

Problem: Azure currently prompts users with extensive questions and trainings with videos and quizzes to get started, which can be overwhelming for new users.

Solution: Provide a streamlined, interactive checklist personalized to the user's background and intended use, with the option to access more in-depth resources as needed.

Problem: Most new users do not tend to sit through the hour-long tutorials.

Solution: Provide a shortened version of an introduction to Azure that plays automatically from a high level for new users who want to explore Azure a bit more before sitting through an extensive tutorial.

5 of 17

  1. Launching Azure — UI/UX

Problem: Small texts that are difficult to read

Solution: Enlarge text sizes and eliminate overly technical words for easy accessibility

Problem: Too much wasted space, which also makes new users feel lost

Solution: Replace with the personalized quickstart center

Problem: Counter-intuitive tool placement

Solution: Move to top; Add background color for distinguishability

6 of 17

2. Navigating Azure — UI/UX

Problem: The necessary information and answers to questions during the setup process are in locations that are difficult for users to find.

Solution: Implement a dynamic FAQ or help panel that is easily accessible during the setup process, providing instant answers to user questions without navigating away from the setup screen.

7 of 17

2. Navigating Azure — UI/UX

Problem: Too many modules without categorization makes learning Azure feel overwhelming

Solution: Categorize modules into sub-sections such as “AI Fundamentals” or “Programming Basics” to make learning Azure feel less intimidating

Problem: Requires a few clickings to find the education hub

Solution: When students register with an “edu” account, automatically puts the education hub in their homepage or quick start center

8 of 17

3. Using Azure — UI/UX

Problem: Over 20 Sections with average 18 Modules

Solution: Create more buckets and drop-down menus such as “Most Popular” or “Most Beginner Friendly” to direct users to certain services that fit their needs

Problem: Overwhelming number of options; New users-unfriendly

Solution: Create short pop-up blurbs of summary/introduction when a user hovers over each service with their cursor

9 of 17

3. Using Azure — UI/UX

Problem: Setting up Azure VMs involves numerous configuration tabs, which might feel daunting for new users.

Solution: Create an “overview” tab that briefly introduces what a VM is, as well as briefly going over what each step is for to allow new users to understand from a high level of what they are creating.

Problem: The large amount of customization might seem daunting to new users, and the pop-up explanations for some of these settings are displayed in dense, small text while others lack explanations.

Solution: Ensure each pop-up blurb is compact and contains hyperlinks to resources where new users can learn more about the purpose of each customization.

10 of 17

3. Using Azure — UI/UX

Problem: The help and quick start guides are hyperlinked and hard to find. The overwhelming blank space can intimidate new users.

Solution: Fill blank space with large embeddings of the Windows and Linux VM quick start guides.

11 of 17

UX/UI Recommendations Summary

>

Technical Students and Professionals

Young / Aspiring Entrepreneurs and Innovators

Navigating

Azure

Non-Technical Students

Using

Azure

Launching

Azure

>

  • Make use of the blank space on the landing page
  • Different quick start page catered towards each user’s experience and needs
  • Breakdown services into categories for easy navigation
  • Add pop-blurbs of description to each service for beginners

Navigating

Azure

Using

Azure

Launching Azure

  • Breakdown educational modules into categories to make learning Azure less intimidating
  • Add overviews of the entire creation process for each service (i.e. creating a VM) to allow new users gain a high level understanding before delving into customization
  • Make the help and quick start guides easily accessible to facilitate learning

12 of 17

Section 4:

Figma Mockups

13 of 17

Retaining The 1.5 Million New Users

1

GRAB attention! Gamified images, interactive first page, show potential of Azure for Students

2

INFORM how Azure operates! Intuitive, gamified tutorials, easy to access, visually simple

3

INTEGRATE new user with a customized, simple, easy to navigate homepage

14 of 17

GRAB

>

15 of 17

INFORM

>

16 of 17

INTEGRATE

>

17 of 17

ADVICE FROM

EX-AZURE USERS

REQUESTED FEATURES: TECHNICAL STUDENTS

FAST DEPLOY

Had a GitHub CI/CD pipeline, waited 45+ minutes for code to deploy and test on

LIVE SUPPORT

Azure had lackluster support for small businesses – no free credits and poor customer service

NO CLUTTER

The user get lost in the setup and offerings of Azure’s dashboard

NAVIGABLE SITE

Connection between starting/stopping resources and billing details are unclear

GAMING

APIs for game developers and automated game testing environments

LEARNING HUB

Gamified learning experiences and quick search to simplify Azure onboarding

RESUME EDITOR

Personalized AI Azure service to tailor resume to specific job apps

PROJECT TAB

Specialized tools for fields like NLP and medical analysis to showcase versatility.