Liz Brown | Sr. UX Designer

expand page

Overall UX Solution & Visual Design (XX min read)

Explore three targeted UX improvements I designed for Lorem ipsum dolor sit amet. Ex saepe autem eos nemo nostrum rem saepe corpo

UX IMPROVEMENT

#1

Reimagined lorem Ipsum : Replaced trial-and-error lorem with advanced UI solutions for precision and speed, catering to both expert and novice users

Before

After

Expand

UX IMPROVEMENT

#2

Elevated the UX with thoughtful accessibility, turned constraints into opportunities, and made color-coded UIs color-independent

Before

After

Expand

UX IMPROVEMENT

#3

Enhanced situational awareness : Going from 2D awareness and juggling 12 monitors, to now having 4D awareness all on one bar

Before

After

Expand

#1

Specific UX Improvement: Lorem ipsum dolor sitme (XX min read)

Reimagined lorem ipsum : Replaced trial-and-error with advanced UI solutions for precision and speed, catering to both expert and novice users

Results

from this UX improvement

Lorem ipsum dolor sit amet. Aut voluptates adipisci ea quia ullam aut dicta eligendi qui

Lorem ipsum dolor sit amet. Aut voluptates adipisci ea qm reducing XYZ XYZYXZY ABCABC by 68% Lorem ipsum dolor sit amet. Aut voluptates adipisci ea quia ullam au.

Qui minima omnis sit expedita amet a ipsam optio qui fu

Lorem ipsum dolor sit amet. Aut voluptates adipisci ea quia ullam aut dicta eligendi quiLorem ipsum dol, resulting in the system being easier for all users to operate quickly and contributing to the 75% reduction in training time (from 6–12 months to 1–3 months.)

Et magni quaerat sit fugit reprehenderit est laboriosam cumque et tempore impedit et totam voluptat

“Quick actions” positioned at the point of interaction, plus keyboard shortcuts, enable faster workflows with fewer clicks. Less reliance on deep dropdowns improves comfort and speed. By providing only what’s needed when and where it’s needed, the design enhances focus and eliminates side quests to find things.

Nam facere minus nam dolores natus aut molestias corporis sed natus quis non quibusdam error. Ut unde tem

Lorem ipsum dolor sit amet. Aut voluptates adipisci ea quia ullam aut dicta eligendi quiLorem ipsum dolor sit amet. Aut voluptates adipisci ea quia ullam aut dicta eligendi quiLorem ipsumm. Reduced basic tasks from 15-20 mins to 3-5 mins, (and complex tasks from 2 hours to now 45 minutes).

Lorem ipsum dolor sit amet. In quaerat repellat ad totam officia sed voluptas repellendus non quia fa.

Highest-Impact Result

Time to complete XYZ 123456789:

Lorem ipsum dolor sit amet. In quaerat repellat ad totam officia sed voluptas repellendus non quia facer?

The backstory behind these results:

Before: Pain Points

Manual, labor-intensive, and error-prone processes. (Representative image)

12345678 inflexibility
Lorem ipsum dolor sit amet. In quaerat repellat ad totam officia sed voluptas repellendus non quia facere vel qua:

Lorem ipsum dolor sit amet. In quaeratpe

Low-fidelity, faulty, and untrustworthy “XYZXYZ 1234567”.

Impact? Jeopardized safety, and caused missed XYZXYZ and XYZYXZ.

Non cumque voluptatem re

Tedious manual input of XYZXYZ XYZXYZYXZ.
Impact? Slowed operators down, increased human error, and led to missed 1234567890123 to 123 1234567.

High cognitive load

Non cumque voluptatem rem veritatisNon cumque voluptatem rem veritatisNon cumque voluptatem.
Impact? Frequent issues with 12345678 accuracy, and sluggish operational efficiency.

The Tough Problem (in 1 sentence)

How do you design a UI that caters to seasoned operators,(who’ve amassed tribal knowledge about what works/doesn’t, have memorized all <123456> <234567>, and prefer full control over every <123> aspect), while also accommodating novice operators who want a smart, automated system that handles most of the work for them?

After: Solutions

Lorem ipsum dolor sit amet in quaeratpe lorem ipsum dolor.

123456 flexibility
33 voluptas magni et quia facilis qui harum ipsa sed aperiam voluptas non expedita dolor in ducimus deleniti. Qui facilis autem non vitae quia et internos voluptate. Qui quas eligendi etm.
33 voluptas magni et quia facilis qui harum ipsa sed aperiam vo:

Lorem ipsum dolor sit am

33 voluptas magni et quia facilis qui harum ipsa sed aperiam voluptas non expedita dolo.
Impact? Significantly improved safety and accuracy, reduced <12345678>, and improved operator satisfaction.

Non cumque volupta

33 voluptas magni et quia facilis qui harum ipsa sed aperiam voluptas non expedita dolor in ducimus.
Impact? Drastically sped up tasks, minimized errors, improved system learnability, and increased versatility and flexibility for all users.

High cognitive load

33 voluptas magni et quia facilis qui harum ipsa sed aperiam voluptas non expedita dolor in ducimus de.
Impact? Eliminated 12345678901 requirements, sped up training (and knowledge transfer), and improved system scalability (reduced dependency on individual expertise.)

Lorem ipsum dolor sit amet. Et beatae iure eum quaera:

  • Lorem ipsum dolor sit am

Result: Et maiores itaque aut repellat rerum non mollitia labore at maiores itaque aut repellat rerum non mo

Before:

Lorem ipsum dolor sit ametm

Ea obcaecati Quis sed itaque magnam ex quis nihil. Eum fugiat expedita vel rerum adipisci ut necessitatibus enim est molestias sequi eos obcaecati galisum et perspiciatis placeat et mollitia beatae. Est beatae esse et sunt ipsa est quos aliquam et nisi pariatur ut velit natus rem animi ipsam 33 optio modi.Ea obcaecati Quis sed itaque magnam ex quis nihil. Eum fugiat expedita vel rerum adipisci ut necessitatibus enim est molestias sequi eos obcaecati galis. “The system does not give any indication of how much room is left,” according to operators.

Pain point:

“Safety is a constant concern [for people ].”

—Researcher shadowing operators

After:
Et maiores itaque aut repellat rerum non moll
Ea obcaecati Quis sed itaque magnam ex quis nihil. Eum fugiat expedita vel rerum adipisci ut necessitatibus enim est molestias sequi eos obcaecati galisum et perspiciatis placeat et mollitia beatae. Est beatae esse et sunt ipsa est quos aliquam et nisi pariatur ut velit natus rem animi ipsam 33op.

Impact:

  • Significantly improved safety and user satisfaction.
  • Considerably increased lorem ipsum.
  • Reduced errors and improved task accuracy.
  • Lorem ipsum dolor sit amet sit ve
Result: Lorem ipsum dolor sit amet. Sit voluptatem sint et sae
Before:
Et maiores itaque aut repellat rerum non mollitia labore. Qui quas quib
Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id voluptatem tempora eos quisquam repudiandae? In laborum neque vel placeat officia sit quaerat velit est nostrum possimus 33 dolores mollitia hic impedit omnis sit ullam delem “We have a saying here, ‘if it works in preview, it doesn’t mean it’s going to work.’ You’ll run the preview 4 or 5 times and it still won’t show you the truth.”

Pain point:

“Only the experts [seasoned ], with their years of experience, had the instincts to avoid and errors.”

—Researcher shadowing operators

After:
Et maiores itaque aut repellat rerum non mollitia labore. Qui quas quibusdam cum veniam dolorem

Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 prae:

  • Lorem ipsum dolor sit amet. Sed obcaecati assumendami
  • Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderi
  • Lorem ipsum dolor sit amet. Sed obcaecati assumenda quiirit

Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id.

Impact:

  • Significantly improved safety and user satisfaction.
  • Considerably increased lorem ipsum.
  • Reduced errors and improved task accuracy.
  • Sit quas animi aut harum simil
Result: Improved interaction and ergonomic design
Before:
Et maiores itaque aut repellat rerum non mollitia labor

Operators complained that the system had “far too many embedded tree menus and dropdowns.” Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id voluptatem tempora eos quisquam repudiandae? In laborum neque vel placeat officia sit quaerat velit est nostrum possimus 33 dolores mollitia hic impedit omnis sit ullam deleniti. Qui v.

Pain point in user’s words:

“A lot of functionality that would be beneficial to us [operators] is not used because it’s too complicated, confusing, or buried.”

—Operator

After:
Et maiores itaque aut repellat rerum non mollitia
The circle menu has quick actions, right there where 1234567 is working, “providing only what’s needed, when and where it’s needed,” as the usability saying goes. Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id voluptatem tempora eos quisquam repudiandae? In laborum neque vel placeat officia sit quaerat velit est nostrum possimus 33 dolores mollitia hic impedit omnis sit ullam deleniti. Qui voluptatum modi vel officia vero ut expli

Advantages of a circle menu (aka radial/pie menu)

  • Fitts’ Law and faster selection – Fitts’ Law states that the time it takes to hit a target depends on the target size and distance. In circle menus, all options are the same distance from the center, minimizing mouse movement time and making them faster than dropdowns for high-frequency actions. (NN/g analysis)
  • Muscle memory benefits – The circular arrangement allows users to develop muscle memory for frequently used options, speeding up interactions over time while reducing errors.
  • Better ergonomics – Less mouse movement lowers strain, making interactions more comfortable and reducing fatigue over long sessions.
  • Space-efficient design – The circular layout takes up less screen space than dropdowns or rectangular menus, making it ideal for compact interfaces and reducing visual clutter.

Impact:

  • Significantly improved safety and user satisfaction.
  • Considerably increased lorem ipsum.
  • Reduced errors and improved task accuracy.
  • Ex recusandae nisi nam porro tempora sit delenitim

Result: Sit quas animi aut harum similique quo explicabo dolorem aut consequatur soluta ids

Plus: Sit quas animi aut harum similique quo explicabo dolorem aut consequatur soluta id impedit consequuntur sit quas animi autm

Before:
Et maiores itaque aut repellat rerum non mollitia labore. Qui quas quibusdam cum veniam dolorem velEt maiores itaque aut repellat reru
Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesen:
  • Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo
  • Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id volupt
  • Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id voluptatem tempora eos quisquam repudiandae? In laborum neque vel placeat officia sit quaerat velit est nostrum possimus 33 dolores mollitia hicm “Going by the book does not work well. It is too slow,”said one operator.
  • Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id voluptatem tempora eos quisquam repudiandae? In laborum neque vel placeat officia sit quaerat velit est nostrum possimus 33 dolores mollitiam, “Sometimes we have to move a lot of xy around, and there are a lot of ripple effects,” commented one operator.

Pain point in user’s words:

“The preview will show no occurring, then we execute the live, and the software says a is occurring… So it gets frustrating that errors only show up when we’re live.”

—Operator

After:
Et maiores itaque aut repellat rerum non mollitia labore. Qui quas quibusdam cum veniam dolorem velEt maiores itaque aut repellat rerum non mollitia labore. Qui quas quibusdam cum veniam dolorem veEt maiores itaque aut repellat rerum non moll

Operators aren’t required to memorize lorem.

  • Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id voluptatem tempora eos quisquam repudiandae? In laborum neque vel placeat officia sit quaerat velit est nostrum possimus 33 dolores mollitia hic impedit omnis sit ullam deleniti. Quimm.
  • Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id voluptatem tempora eos quisquam repudiandae? In laborum neque vel placeat of.
  • Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id voluptatem tempora eos quisquam repudiandae? In laborum neque vel placeat officia sit qua.
  • Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id voluptatem tempora eos quisquam repudiandae? In laborum neque vel placeat officia sit quaer.

Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id voluptatem tempora eos quisquam repudiandae? In laborum neque vel placeat officia sit quaerat velit est nostrum possimus 33 dolores mollitia hic impedit omnis sit ull.

Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adi?

Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentium illo id voluptatem tempora eos quisquam repudiandae? In laborum neque vel placeat officia sit quaerat velit est nostrum possimus 33 dolores mollitia hic impedit omnis sit ullam deleniti. Qui voluptatum modi vel officia vero ut explicabo deserunt aut aliquid iste eos
Lorem ipsum dolor sit amet. Sed obcaecati assumenda qui reprehenderit debitis hic adipisci dolorum 33 praesentiu.
lorem “I don’t want anything on the moving that I don’t know about. I know what every and is assigned to and why,” later adding, “Some sort of algorithm giving me suggestions that I can decide whether or not to accept would be fine.”

Impact:

  • Significantly improved safety and user satisfaction.
  • Considerably increased lorem ipsum.
  • Reduced errors and improved task accuracy.
Close

See other UX improvements:

UX IMPROVEMENT

#1

Reimagined lorem Ipsum: Replaced trial-and-error with advanced UI solutions for precision and speed, catering to both expert and novice users

UX IMPROVEMENT

#2

Elevated the UX with thoughtful accessibility, turned constraints into opportunities, and made color-coded UIs color-independent

Expand

UX IMPROVEMENT

#3

Enhanced situational awareness: Going from 2D awareness and juggling 12 monitors, to now having 4D awareness all on one bar

Expand

#2

Specific UX Improvement: Lorem ipsum dolor sitme (XX min read)

Elevated the UX with thoughtful accessibility, turned constraints into opportunities, and made color-coded UIs color-independent

Results

from this UX improvement

Proactively ensured UI accessibility compliance without being asked

Thus future-proofing the design to be inclusive from the start and avoiding costly redesigns later.

Increased inclusivity with accessible visuals and flexible controls

Such as using eye-friendly tones, and multiple modes, to reduce operator errors and improve comfort.

Maintained operator efficiency with familiar color-coding

Thus reducing re-training needs in that aspect, and smoothing the transition to the new color system.

Balanced styling with accessibility to meet both visual and functional needs

Such as using shape-based indicators and contrast adjustments.

The backstory behind these results:

Before & After: Software Design

Legacy software

Example of accessibility issues:

Legacy software

Example of accessibility issues:

Before & After: Human Impact

Legacy software

Accessibility issues led to:

Redesigned software

Accessibility solutions resulted in:

Before: Pain Points

The legacy software was very outdated, and because of its age, it did not follow many accessibility (or usability) standards.

The Tough Problem (in 2 sentence)

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod. Cum tenetur dolor qui rerum sequi At necessitatibus veniam aut numquam eius vel fuga aspernatur a asperiores consectetur et dolorem dolor. Est veritatis elig?

After: Solutions

The answer:

Accessibility does not make a product ugly, boring, or non-innovative. Rather, it presents design constraints that lead to a better product for all users.

My thought process:

Regarding the <1235 12345678> being <12345678> <123456>—accessibility is essential for some, but useful for all. I know that disabilities are not just diagnosed/permanent things, they can also be situational or temporary. I thought about: eye fatigue from a long day looking at a screen, or brain fog from working a grueling <1-234> shift, or coming to work with a finger cast because of an accident over the weekend. I concluded that it would not matter if the <1234567> are vetted to have perfect vision, or reflexes, or any of that. We are all still human, and accessible products help everyone.

My solution:

With that, I designed the new UI to follow the WCAG (Web Content Accessibility Guidelines). I wanted to ensure that if or when this went through a <123456 12> test process, anything that I had control over with the design, was designed accessibly to the best of my ability at the time.

This included a lot of things, but one quick example…
The research showed that…

People really liked, and were used to, the color-coding in the legacy system. For example, on the schedule:

  • Blue = Lorem ipsum dolor sit amet.
  • Yellow = Lorem ipsum dolor sit amet.
  • Red = Lorem ipsum dolor sit amet.

Backed by that research, I made the design
decision to…

…maintain that same color-coding so the did not have to re-learn a new system. But I made it much easier on the eyes (aesthetically and accessibility-wise):
  • Used comfortable tones

I used more comfortable tones of the colors, not the pure RGB versions, and ensured they were contrast-compliant with all of their possible backgrounds.

Blue

Cyan Blue

BluYellowe

Warm Yellow

Red

Legible Red

  • Prevented visual “screaming”

To prevent the colors from screaming, I didn’t use solid fills on the blocks. On the interface, there are 16+ rows, so that means an average of 30 colored blocks are shown at any given time. When they’re all colored solid that not only makes the UI look wild, but as we all know, when everything is jostling to stand out, nothing is standing out.

Examples of solid-filled blocks:

Examples of solid-filled blocks:

#

#

#

#

#

#

  • Ensured that the color coding was colorblind-friendly
Most importantly, I designed the color-coding system to be Color Independent, not Color Dependent (adhering to WCAG’s “Use of Color” criterion).

To achieve this, I added shapes to accompany each status color change. This ensures that if an , current or future, is colorblind or gets colors transposed (e.g., red and green), the UIs will remain usable and not the culprit of errors.

5.76

5.76

Blue + vertical bar = Lorem ipsum dolor sit amet.

5.76

5.76

Yellow + corner triangle = Lorem ipsum dolor sit am.

5.76

5.76

Red + arrowhead triangle = Lorem ipsum dolor sit.

  • Color-dependent design

Shown in grayscale, simulating the most severe colorblindness:

Demo

Arm 2 Schedule

03:45 – 04:00

1.00

5.76

5.76

5.76

What’s the status of each of these task blocks? (You can’t tell.)

Now shown in color:

Arm 2 Schedule

03:45 – 04:00

1.00

5.76

1.06

2.07

Statuses are indicated by different colors. Aside from that, all task blocks share the same shape structure. (Not good.)

  • Color-independent design

Shown in grayscale:

Arm 2 Schedule

03:45 – 04:00

1.00

5.76

5.76

5.76

Thanks to unique shapes, the status of each task is distinguishable.

Now shown in color:

Arm 2 Schedule

03:45 – 04:00

1.00

5.76

1.06

2.07

Color is no longer the sole signifier of the visual information.

Color is no longer the one and only signifier. If an person cannot distinguish a color, the shape is the primary signifier that communicates the task’s status.

(Even without a diagnosed medical disability, everyday situations can affect a person’s abilities. When someone uses a blue light filter on their screen it changes the appearance of blue-toned colors, creating a situational challenge similar to a color vision deficiency. This is just one of countless examples.)

Worldwide, the number of people with a color vision deficiency is pretty large, 8% of men and 0.5% of women. But regardless of that, “Accessibility is usability for all” so, 100% of people benefit from accessibly designed UIs.

Result

Close
This concluded UX improvement #2. 
Check out the others, or skip to Pre-work that backed up my design decisions.

See other UX improvements:

UX IMPROVEMENT

#1

Reimagined lorem Ipsum: Replaced trial-and-error with advanced UI solutions for precision and speed, catering to both expert and novice users

Expand

UX IMPROVEMENT

#2

Elevated the UX with thoughtful accessibility, turned constraints into opportunities, and made color-coded UIs color-independent

UX IMPROVEMENT

#3

Enhanced situational awareness: Going from 2D awareness and juggling 12 monitors, to now having 4D awareness all on one bar

Expand

#3

Specific UX Improvement: Lorem ipsum dolor sitme (XX min read)

Enhanced situational awareness: Going from 2D awareness and juggling 12 monitors, to now having 4D awareness all on one bar

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod. Cum tenetur dolor qui.

Results

from this UX improvement

Improved task prioritization and completion rates

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod. Cum tenetur dolor qui rerum sequi At necessitatibus veniam aut numquam eius.

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod. Cum tenetur dolor qui rerum sequi At necessitatibus veniam.

Upgraded situational awareness

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explic.

Lorem ipsum dolor sit amet. Ut porro repellat quimm

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod. Cum tenetur dolor q.

The backstory behind these results:

Before: Pain Points

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod.

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi, Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod. Cum tene.

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod. Cum tenetur dolor qui rerum sequi At necessita.

The Tough Problem (in 1 sentence)

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod. Cum tenetur dolor qui rerum sequi At necessitatibus venia?

After: Solutions

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod. Cum tenetur dolor qui rerum sequi At necessitatibus veniam.

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod. Cum tenetur dolor qui rerum sequi At necessitatibus veniam aut numquam eius vel fuga aspernatur a asperiores consecte.

Research-driven improvements: Used interview transcripts, researchers’ notes, and feedback to drive design decisions—(e.g., the priority of what content to put on the situational awareness bar, where, and how)

Summary:

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo qui commodi quod. Cum tenetur dolor qui rerum sequi At necessitatibus veniam aut numquam eius vel fuga aspernatur a asperiores consectetur et dolorem dolor. Est veritatis eligendi nam adipisci animi et quis Quis eos cupiditate dolore.Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id nesciunt officiis ad sunt explicabo q.

Quick Facts:

6

disparate data points consolidated

into one centralized, easy-to-skim and monitor location.

7

iterations

with testing, refinements, and expert feedback—each iteration aligned the design closer to user, business, and tech goals.

XX

situational awareness

Lorem ipsum dolor sit amet. Ut porro repellat qui voluptatem dolor id ne

Key Outcomes:

Integrated cross-functional feedback

from engineers, designers, and product managers into iterative design cycles.

Aligned evolving design strategies

with business needs— for both immediate impact and long-term scalability.

Reduced friction in user flows

allowing for faster task completion and smoother interactions.

The situational awareness bar on the interface displays:

  • Lorem & ipsum

Lorem ipsum dolor sit amet. Et beatae iure eum quaerat atque ea totam quia. Id facilis consectetur est quam enim hic placeat consequatur cum nihil magni est internos Quis. Qui temporaspiciat.

Pre-work that backed up my design decisions:
Lorem ipsum dolor sit amet. Et beatae iure eum quaerat atque ea totam quia. Id facilis consectetur est quam enim hic placeat consequa.
  • Lorem & ipsum

Next Lorem ipsum dolor sit amet. Et beatae iure eum quaerat atque ea totam quia. Id facilis consectetur est quam enim hic placeat consequatur cum nihil magni est internos Quis. Qui tempora perspiciatis et quis ratione sit eaque nobis et.

Pre-work that backed up my design decisions:

Lorem ipsum dolor sit amet. Et beatae iure eum quaerat atque ea totam quia. Id facili.
  • Lorem
Lorem ipsum dolor sit amet. Et beatae iure eum quaerat atque ea totam quia. Id facilis consectetur est quam enim hi.
Lorem ipsum dolor sit amet. Et beatae iure eum quaerat atque ea totam quia. Id facilis consectetur est quam enim hic placeat mm.
Lorem ipsum dolor sit amet. Et beatae iure eum quaerat atque ea totam quia. Id facilis consectetur est quam enim hic placeat consequatur cum nihil magni est internos Quis. Qui tempora perspiciatis et quis ratione sit eaque nobis.

Pre-work that backed up my design decisions:

Lorem ipsum dolor sit amet. Et beatae iure eum quaerat atque ea totam quia. Id facilis consectetur est quam enim hic placeat consequatur cum nihil magni est internos Quis. Qui tempora perspiciatis et quis.

Lorem ipsum dolor sit amet et beatae iu!

Lorem ipsum dolor sit amet. Et beatae iure eum quaerat atque ea totam quia. Id facilis consectetur est quam enim hic placeat consequatur cum nihil magni est internos Quis. Qui tempora perspiciatis et quis ratione sit eaque nobis et molestias nihil?Lorem ipsum dolo.
Close
This concluded UX improvement #3. 
Check out the others, or skip to Pre-work that backed up my design decisions.

See other UX improvements:

UX IMPROVEMENT

#1

Reimagined lorem Ipsum: Replaced trial-and-error with advanced UI solutions for precision and speed, catering to both expert and novice users

Expand

UX IMPROVEMENT

#2

Elevated the UX with thoughtful accessibility, turned constraints into opportunities, and made color-coded UIs color-independent

Expand

UX IMPROVEMENT

#3

Enhanced situational awareness: Going from 2D awareness and juggling 12 monitors, to now having 4D awareness all on one bar