The Listing Place

Project description:
The Listing Place is a comprehensive real estate portal designed to connect everyone involved in the real estate ecosystem. To build it, I started with thorough research—analyzing competitors and engaging directly with diverse user groups, including investors, homeowners, first-time buyers, and commercial real estate agents. Using these insights, I developed an initial prototype and conducted user testing to refine the experience. After incorporating feedback, I finalized the design and seamlessly handed the prototype over to the development team for implementation.

Continue reading

Designing My Life: How UX Principles Became My Personal Compass 🧭💡

UX Design

As a seasoned User Experience designer, I’ve uncovered a delightful revelation. The principles guiding my designs are the same ones that have shaped my life’s journey. The lines between pixels and real-life moments have blurred, and here’s how I’ve infused UX teachings into my daily existence:

  1. Empathy is Everything 💖: Truly understanding users in design parallels the deep connections I foster in relationships. Genuine concern and understanding form the bedrock of both.
  2. Embrace Life’s Iterations 🔄: As designs evolve with feedback, I’ve learned to pivot and adapt, understanding that life’s first drafts aren’t always perfect.
  3. Celebrate Diverse Perspectives 🌍: Diversity in design teams enriches outcomes. Similarly, inviting varied life views has painted my canvas with richer hues.
  4. Dip Your Toes First 🦶: Prototyping in UX has taught me the value of cautious exploration in life, from trying out new hobbies to making significant decisions.
  5. Zoom Out for Clarity 🔍: Like in design, stepping back to see life’s bigger picture provides clarity and purpose.
  6. Driven by Curiosity 🚀: Always questioning and learning in UX has kept my journey adventurous and ever-evolving.
  7. Speak Your Truth 🎙: Articulating challenges clearly in design discussions has translated to open, honest conversations in my personal life.
  8. Feedback Fuels Growth 🌱: Constructive feedback in design paves the way for refinement. In life, it’s the cornerstone of my evolution.
  9. Better Together 🤝: Team brainstorming in UX has made me cherish collective endeavors with loved ones, leading to the most memorable moments.
  10. People First, Always ❤️: Prioritizing users in my designs reminds me to keep the feelings and aspirations of my loved ones central in life’s decisions.

The tools of my trade have become the guiding stars of my voyage. As I sketch interfaces or map out user journeys, I’m constantly reminded of the beautiful interplay between my work and the tapestry of life. 🎨🌟

AI & Machine Learning: The Future of UX Research & Design

AI & Machine Learning: The Future of UX Research & Design

In the ever-evolving realm of technology, the integration of Artificial Intelligence (AI) and Machine Learning (ML) into user experience (UX) research and design is inevitable. Jakob Nielsen, a renowned figure in the UX community, recently addressed this topic during a Q&A session at the virtual UX Conference hosted by NNgroup. His insights provide a glimpse into the future of UX and how professionals in the field need to adapt.

Nielsen highlighted two primary angles to consider:

  1. User Interface (UI) Evolution with AI: The user interface will naturally evolve as AI integrates into our daily tech. This means that UX professionals will need to adapt and learn new skills. For instance, Nielsen mentioned using AI in face recognition technology, such as the “pay by smile” feature tested in China. While the technology is groundbreaking, its implementation faced usability issues, mainly due to users’ mental model confusion. This example underscores the importance of understanding the user’s perspective and ensuring that even advanced technologies are intuitive and user-friendly.
  2. Shift from Literal to Understanding Interpretation: Traditionally, computers operate on a “do what I say” principle. They execute commands precisely as instructed, sometimes leading to errors if the user’s command isn’t precise. With the integration of AI, there’s potential for computers to operate on a “do what I mean” principle. This would allow for a more understanding interpretation of commands, where the system can predict and suggest the most likely actions the user intended. Such a shift can significantly enhance usability, making interactions more efficient and user-centric.

However, Nielsen emphasized that while AI can suggest probable options based on its learning, the final decision should always be in the hands of the user. This ensures that the human judgment aspect remains central to the process. One of the key takeaways from Nielsen’s talk is that the introduction of AI doesn’t negate the need for UX design. In fact, it makes it even more crucial. As AI systems become more advanced, there’s a greater need for a deep understanding of both the user and the problem at hand.

In conclusion, the integration of AI and ML into UX research and design is not just about leveraging new technologies but about enhancing the user experience in a more profound and meaningful way. As UX designers, it’s essential to stay updated and be ready to navigate the challenges and opportunities that come with these advancements.

Reference: AI & Machine Learning Will Change UX Research & Design by NNgroup.


Note: This blog post is a summary and interpretation of Jakob Nielsen’s insights from the video. For a comprehensive understanding, it’s recommended to watch the video in its entirety.

NIR Spectrometer Dashboard

NIR Spectrometer Dashboard

Role: UI/UX Designer / Researcher
Duration: 4 months
Client: Perkin Elmer
Tools: Figma, Miro

Summary

Develop software to predict NIR (Near Infrared) instrument accuracy by analyzing historical and lab datasets for precise calibration. Modern FT-NIR spectroscopy, like Bruker Optics devices, revolutionizes food industry quality control with fast, non-destructive analysis of solids and liquids, avoiding chemicals while ensuring product integrity and identifying ingredients.

Background

In the competitive landscape of NIR calibration tools, it became evident that there was a significant gap between expert users and those with minimal experience. Legacy NIR calibration software, while effective, did not necessarily cater to the needs of every user, especially those less familiar with the intricacies of the calibration process.

Competitive Analysis

A thorough analysis of competitors and our legacy NIR calibration software revealed the essential features and potential areas of innovation.

Competitors Benchmarking

Collaboration

Working closely with key stakeholders, Subject Matter Experts (SMEs) and end-users, we crafted a software solution tailored to meet the needs of all users, ensuring an inclusive user experience.

Project Whiteboard

Key Features

Score Number Concept

Introduced a “Score Number” – a tangible value that communicates the accuracy of the calibration model. This simple yet powerful metric enables users, especially those with less experience, to gauge the reliability of their calibration model effectively.

User-Friendly Interface

Designed an intuitive interface that simplifies complex processes such as data set review, outlier identification and calibration model calculation, ensuring users can easily navigate and understand functionalities.

Coach Marks Integration

To enhance user experience and provide guidance, coach marks were implemented, spotlighting key features of the software and offering users a guided walkthrough of its primary functionalities.

Components

Figma Mockups

Inception Vitamins Website Concept

Inception Vitamins Website Concept

Role: UI/UX, Digital Artist
Duration: 2 months
Client: Inception Vitamins

Project Description

Inception Vitamins Website — a design project infused with the essence of nature to foster a sense of wellness. In today’s digital age, a brand’s online presence is pivotal in creating awareness and driving customer engagement. Drawing inspiration from the serene beauty of the natural world, this concept aims to enhance the brand’s identity and deepen customer connection through immersive design elements. The underlying theme evokes feelings of vitality and well-being, aligning perfectly with the holistic promise of Inception Vitamins. 

GC-MS 2400 Dashboard

GC 2400

GC-MS 2400 Dashboard

Client: Perkin Elmer
Role: UX Designer
Responsibilities: User research, information architecture, prototyping, usability testing, design iterations
Tools: Figma, Miro, Jira, Aha!

Problem Statement

Instrument operators, scientists, and tech engineers, our primary users, faced a significant inconvenience due to the physical separation of the GC-MS 2400 control system and the instrument. The necessity to commute between different rooms led to an inefficient use of time. Moreover, the pre-existing control software was feature-based, which posed a steep learning curve, especially for less experienced users.

Method 5

Project Goal

The aim of this project was to design a new application that alleviates these issues by making it more accessible, user-friendly, and task-oriented. The solution was to develop a tablet-based application attached to the instrument itself, streamlining the workflow and saving valuable time. By emphasizing user’s immediate tasks, we aimed to make the software more intuitive, easier to learn and operate, even for less experienced users.

Target Users & User Research

The target users of our project included instrument operators, scientists, and tech engineers. To develop an understanding of these individuals’ unique needs and challenges, we initiated an immersive research process.

Observation and Behaviour Analysis

We began by observing the users interacting with the existing system. Watching them execute tasks gave us a wealth of insight into the issues they faced during their daily routines. It enabled us to understand their current workflows and identify opportunities for improvement.

User Journey Mapping

Using our observations, we were able to map out user journeys, outlining the steps our users took from start to finish of their tasks. This visual representation of user experiences highlighted key interactions and pain points, which proved crucial in shaping our new design.

Building Relationships

A critical component of our user research was building relationships with our users. By fostering a sense of trust and collaboration, we created a feedback loop that extended throughout the project’s development. This continual dialogue allowed us to gain timely feedback, ensuring our design remained aligned with user needs and expectations.

User Journey

Wireframes & Prototypes

My next step is to create wireframes to validate our user-centric hypotheses early in the design process. These simplified visual guides allow us to assess the alignment of user journeys and functionalities with our project goals, facilitating quick iterations based on user feedback before proceeding to detailed, high-fidelity prototypes.

Login
Systems
System check
sequence editor
Acquisition
Acquisition

Usability Testing & Feedback

One of the critical elements of our design process was usability testing. By conducting several user interviews, we could directly engage with our users to assess our design hypotheses and understand their needs and pain points more accurately.

Final Design & click-through Prototype

After user testing I refined the workflow and created a high-fidelity, click-through prototype in Figma, using the existing design system.

Outcome and Reflection

Upon completion, the GC-MS 2400 control dashboard was met with positive reviews from our internal team and end-users. Our new application addressed the mobility issue by making the control dashboard accessible at the instrument. Still, it also made the process more intuitive by focusing on user tasks, reducing the learning curve for less experienced users.

A significant outcome was the realization that even in highly technical fields like ours, user experience plays a critical role. Our design was successful because we centered it on the user. Understanding their needs, behaviors, and feedback was integral to our process and product development.

The next steps are to create workflows for 3 other user personas: Lab Manager, Field Engineer and Method Developer/Scientist. 

Crafting an Effective UX Portfolio: Strategies from Experience

Successful UX Portfolio

Crafting an engaging and easy-to-navigate online portfolio is vital for every UX designer. Throughout my career, I’ve gathered key insights that can simplify the portfolio creation process and make your work stand out.

Start With a Case Study Outline

One of the most effective strategies I’ve discovered is initiating a case study at the onset of a new project.

Why Start Early?

The early stages of a project are often rich with critical information, including unique data points and the foundational reasons that sparked the project. Capturing these insights from the beginning ensures you’re well-prepared, no matter how the project evolves.

Using Tools Effectively

Including this data directly into your design files (like those in Figma) can be highly beneficial. While it may seem overwhelming at first, having a wealth of information to sift through simplifies the creation of detailed project breakdowns later.

Presentation Matters

Another pivotal strategy centers on your work’s presentation.

Put Your Best Foot Forward

Featuring the final state of your project at the start of your case study creates an immediate impact. High-quality screenshots or gifs of key screens, coupled with concise bullet points outlining your role, the project’s duration, and the team composition, can instantly capture a hiring manager’s attention.

Enhance User Experience

By placing this valuable content at the top, you’re improving the user experience for the viewer, allowing them to grasp the essence of the project without scrolling extensively.

Standing Out as a Boot Camp Graduate

For those fresh from a UX boot camp, reforming your case studies can set you apart from the rest. Since many boot camp curriculums are similar, distinctively showcasing your journey in each case study ensures your portfolio stands out.

Conclusion

Building an effective UX portfolio doesn’t have to be daunting. By starting your case study early, presenting your work strategically, and personalizing your projects, you’re on your way to creating a portfolio that showcases your skill and tells your unique design story.

The Timeless Allure of Bauhaus: A Journey through the Royal Ontario Museum

Bauhaus chairs
Royal Ontario Museum

A weekend visit to the Royal Ontario Museum (ROM) in search of Tyrannosaurus Rex unexpectedly became a captivating encounter with two remarkable creations from a bygone era. It wasn’t the bones of the colossal predator that captivated me; instead, it was the elegant simplicity of two iconic chairs—the Barcelona Chair by Ludwig Mies van der Rohe and the “Wassily” lounge chair by Marcel Breuer.

As an ardent appreciator of stylish furniture, I was immediately drawn to these two pieces. Despite being close to a century old, their modern aesthetic was strikingly evident. These weren’t just chairs—they were design statements, each telling a compelling story about their origins and the movement they represented: the Bauhaus.

Unraveling the Bauhaus

The Bauhaus was not just a school; it was a radical concept, a revolutionary approach to design and architecture that emerged in Germany in the early 20th century. Founded by architect Walter Gropius in Weimar in 1919, the Bauhaus was born to create a “total” work of art where all disciplines would eventually be unified.

At its heart, Bauhaus was about blending form and function. It promoted the idea that design should serve the needs of society yet also be aesthetically pleasing. The years between 1919 and 1933, when the school operated, marked a significant period of creative liberation, innovation, and experimentation.

The Maestros and Their Creations

Mies and Breuer were products of this vibrant environment, serving as professors at the Bauhaus. Their chairs, each a testament to the school’s principles, embody the essence of the Bauhaus philosophy.

Marcel Breuer

Marcel Breuer (1902-1981)
Breuer designed the prototype of the first modern tubular steel
framed chair in 1925 while working as head of the furniture
workshops at the Bauhaus. His design combined the technology
of bent tubular steel, as incorporated in his recently purchased bicycle, with the concept of flat planes and supporting elements,
embodied in a 1918 chair design by De Stijl artist Gerrit Rietveld
of the Netherlands.
Ludwig Mies van der Rohe

Ludwig Mies van der Rohe (1886-196g)
One of the great architects of the 20th century, Mies was vice president of the Deutscher Werkbund and served as Director of the Bauhaus from 1930 to 1932. His architecture combined Frank Lloyd Wright’s concepts of flowing, interpenetrating spaces with the sliding, intersecting planes of Dutch artist Theo van Doesburg.
Mies’ buildings exploited the cantilever principle, where the floors of a building project out from their inner support, like the branches of a tree, freeing walls of their structural role.

The Barcelona Chair

Designed for the German Pavilion at the International Exposition of 1929 in Barcelona, the Barcelona Chair is a masterstroke of minimalist elegance. Mies’s design was inspired by the folding chairs of the pharaohs, offering a modern interpretation of an ancient style.

Barcelona chair

The chair exudes refined sophistication with its sleek chrome frame and geometric lines. Yet, its inviting leather upholstery ensures it doesn’t sacrifice comfort for style. Today, it remains a favorite among design enthusiasts, gracing the rooms of countless homes and offices worldwide.

The Wassily Chair

Breuer’s contribution to modern furniture design, the Wassily Chair, named after the painter Wassily Kandinsky, is another quintessential embodiment of the Bauhaus ethos. Breuer experimented with tubular steel, inspired by his bicycle’s handlebars, to create a lightweight yet sturdy framework.

wassily chair
Wassily chair

This groundbreaking use of materials resulted in a functional and visually distinctive chair. With its abstract form and industrial aesthetic, the Wassily Chair challenged traditional notions of what a chair could be. And much like the Barcelona Chair, its appeal endures, adding a touch of avant-garde elegance to contemporary spaces.

The Bauhaus Legacy

The influence of the Bauhaus extends far beyond the confines of the school, and the years it was in operation. Its impact on modern design is immeasurable. The Bauhaus moved away from the ornate, decorative styles of the past, championing the beauty of simplicity and practicality instead. This ethos resonates today, informing the design of everything from skyscrapers to smartphones.

As we traced our path through the ROM, admiring the T. rex and other wonders, I couldn’t help but reflect on the enduring legacy of the Bauhaus. Those two chairs, standing in quiet dignity amidst the bustling museum, were powerful reminders of a transformative moment in design history.

The Bauhaus offers a fascinating narrative for those who are not architects but love design and the connections it creates throughout history. It’s a story of innovation, breaking boundaries, and the ceaseless quest for beauty in utility. It’s a story told through the clean lines, geometric forms, and unadorned elegance of pieces like the Barcelona and Wassily Chair.

The Bauhaus’s Impact on Today’s Furniture Design

The Bauhaus movement has left an indelible mark on today’s furniture design. Its principles of functionality, simplicity, and the unity of art and technology continue to guide many contemporary designers. The idea that attractive design and practicality need not be mutually exclusive is a cornerstone of the Bauhaus philosophy that still holds sway.

Look at any piece of modern furniture today, and you’ll likely find traces of the Bauhaus. The sleek, minimalist aesthetic, the emphasis on form following function, and the innovative use of materials are hallmarks of the Bauhaus school that have been integrated into the DNA of contemporary design.

The Enduring Allure

It’s a testament to the timelessness of the Bauhaus design ethos that both the Barcelona Chair and the Wassily Chair remain as popular today as they were when first introduced. They are enduring reminders of a movement that championed simplicity’s beauty, functionality’s importance, and the potential of new materials and technologies.

These chairs aren’t just pieces of furniture; they’re historical artifacts that embody the spirit of the Bauhaus. And they continue to inspire, their timeless designs serving as a touchstone for modern creators.

Ultimately, our visit to the ROM wasn’t just about dinosaurs or ancient civilizations. It was a journey through design history, a celebration of the enduring influence of the Bauhaus, and a testament to the power of good design.

As we continue to surround ourselves with objects and spaces designed with the Bauhaus principles in mind, we pay tribute to this groundbreaking school and the visionaries it produced. We remember that good design isn’t just about aesthetics—it’s about creating functional, simple, and beautiful solutions that stand the test of time, just like the Barcelona Chair and the Wassily Chair in the Royal Ontario Museum.

So, the next time you find yourself admiring a piece of modern furniture, take a moment to reflect on its origins. Behind its sleek lines and stylish form, you’ll likely find a hidden connection to the revolutionary world of the Bauhaus.

Beyond Chairs: A Showcase of Bauhaus Ingenuity

The Barcelona Chair and the Wassily Chair are undoubtedly iconic creations from the Bauhaus school. Still, they represent just a fraction of the prolific output of this influential movement. Let’s delve into some prominent designs that have left an indelible mark on modern design.

Marianne Brandt – Tea Infuser and Strainer

Marianne Brandt – Tea Infuser and Strainer
https://www.metmuseum.org/art/collection/search/491299

Marianne Brandt was one of the few women who studied at the Bauhaus, and she quickly made a name for herself through her exceptional designs. Her geometric tea infuser and strainer, crafted in silver and ebony, exemplify the Bauhaus principle of form following function. The design is stripped down to its essential elements, showcasing simplicity and practicality.

Walter Gropius – Fagus Factory

Walter Gropius - Fagus Factory
Walter Gropius – Fagus Factory
https://en.wikipedia.org/wiki/Fagus_Factory

The Fagus Factory, designed by Bauhaus founders Walter Gropius and Adolf Meyer, is a testament to the school’s architectural influence. The factory marked a significant departure from traditional industrial architecture with its curtain wall facade and lack of ornamental detailing. It’s considered one of the first examples of modernist architecture.

Wilhelm Wagenfeld – WG24 Lamp

Wilhelm Wagenfeld – WG24 Lamp
https://www.bauhausdesign.ca/wg24.html

Wilhelm Wagenfeld was another prominent figure at the Bauhaus. His WG24 Lamp, also known as the Bauhaus Lamp, embodies the school’s approach to product design. The lamp’s minimalistic design, with its glass base, shade, and metal shaft, exudes a timeless elegance that has kept it a favorite among design enthusiasts.

Gunta Stölzl – Bauhaus Weaving

Gunta Stölzl, the only female master at the Bauhaus, revolutionized weaving with her innovative use of materials and patterns. Her abstract textile designs, often used for wall hangings or furniture upholstery, brought a new artistic dimension to a traditionally craft-based medium.

These designs and countless others from the Bauhaus continue to inspire and influence contemporary design. They are reminders of the school’s revolutionary approach to art and design, which championed simplicity, functionality, and the integration of art and industry.

Web Accessibility: An Indispensable Guide for UX Designers and Product Owners

The Era of Digital Accessibility

In today’s digital era, the Internet is essential for information, communication, and commerce. However, it can be a challenging field to navigate for many users. As UX designers and product owners, the responsibility lies in ensuring that digital creations are universally accessible. This involves not only complying with accessibility standards but also striving to create genuinely inclusive online experiences.

The Birth of Web Accessibility Standards

The concept of web accessibility traces back to the early stages of the Internet. In 1999, the World Wide Web Consortium (W3C) introduced the Web Content Accessibility Guidelines (WCAG), specifically designed to make web content more accessible to individuals with disabilities. This was further bolstered by the Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA) standards in 2014, aimed at enhancing the accessibility of advanced web applications.

The Challenge of Web Accessibility Today

Despite the existence of these guidelines for several years, numerous contemporary websites and applications still fall short in terms of accessibility. This restricts their potential user base and contradicts the fundamental principle of the Internet – universal access to information. Overlooking accessibility may also lead to legal implications, as evidenced by the recent increase in digital accessibility-related lawsuits.

What is WCAG?

WCAG, an acronym for Web Content Accessibility Guidelines, is a set of guidelines developed and maintained by the World Wide Web Consortium (W3C). The primary aim of WCAG is to provide standards that make web content more accessible and user-friendly for individuals with disabilities. These guidelines encompass many recommendations for making web content more accessible, including visual, auditory, physical, speech, cognitive, language, learning, and neurological disabilities. WCAG has three conformance levels – A, AA, and AAA, each representing increasing levels of accessibility. By following these guidelines, developers can create inclusive digital experiences, allowing users with diverse abilities to effectively consume and interact with web content.

The Aim of this Blog Post

This blog post aims to delve into three critical areas: adhering to accessibility standards, preserving built-in browser accessibility features, and designing for assistive technologies. By comprehending these aspects in depth, digital products that are compliant, genuinely inclusive, and user-friendly for all can be developed.

It’s crucial to familiarize yourself with the WAI-ARIA standards to create a digital environment that is inclusive and accessible.

Adhere to Accessibility Standards:

It’s crucial to familiarize yourself with the WAI-ARIA standards to create a digital environment that is inclusive and accessible. These guidelines are designed to make web content more accessible for people with disabilities. They’re not just rules but a reflection of the commitment to making the Internet universally accessible. Key aspects include:

  • Roles: Roles provide a way to describe the type or purpose of an element in your interface. For instance, a button could be assigned the role “button,” which helps assistive technologies understand its function: <button role=”button”>Click me</button>.
  • States and Properties: ARIA properties and conditions supply extra information about elements, enhancing their meaning and interaction behavior. For example, a dropdown menu’s open or closed state can be represented with the property aria-expanded: <div role=”menu” aria-expanded=”false”>Menu</div>.
  • Accessible Names: Accessible names serve as identifiers for assistive technologies. For example, an image can have an accessible name provided by the alt attribute: <img src=”logo.png” alt=”Company Logo”>.
  • Live Regions: Live regions are a powerful tool for updating content dynamically and notifying assistive technologies of these changes. For example, a live region could announce new chat messages: <div role=”log” aria-live=”polite”>New message: Hello!</div>.
  • Keyboard Accessibility: Keyboard accessibility is a fundamental aspect of web accessibility. It ensures that all functionality is operable through keyboard input alone, catering to users who cannot use a mouse or prefer keyboard navigation: <div role=”slider” tabindex=”0″ aria-valuemin=”0″ aria-valuemax=”100″ aria-valuenow=”50″></div>.
  • Landmark Regions: Landmark roles help users navigate large page sections more easily. For instance, a navigation bar could be assigned the “navigation” role: <nav role=”navigation”>…</nav>.

Preserve User Agent Accessibility Features:

User agents, like web browsers, often have built-in accessibility features. Your design should not interfere with these features but complement them to create a seamless user experience.

  • Enable Browser Zoom: Some users may need to magnify your website’s content for comfortable reading. Always allow users to zoom in and out using browser controls.
  • Use Standard HTML Elements: Standard HTML elements have built-in accessibility benefits and are recognized by all browsers and assistive technologies. Whenever possible, choose these over custom elements.
  • Avoid Unnecessary Keyboard Events Capture: Capturing and overriding keyboard events can disrupt user navigation, especially for those using only a keyboard to navigate. Therefore, avoid this unless necessary.
  • Respect Animation Preferences: Some users may prefer reduced motion due to vestibular disorders or personal preference. Consider these users by avoiding forced animations.
  • Be Cautious With Fixed Positioning: Fixed or sticky elements can interfere with browser zoom and virtual keyboards on mobile devices. Ensure you test your sticky headers on multiple devices and screen sizes.
  • Regular Testing: Different browsers and assistive technologies interpret and interact with web content differently. Regular testing across different platforms will help identify and resolve accessibility issues early.

Design for Assistive Technologies:

Assistive technologies such as screen readers, speech recognition software, and alternative input devices are lifelines for many users. Considering these users and ensuring your design is compatible with their tools is vital.

  • Provide Image Alternative Text: Alt text describes the content of images to screen reader users. Always include meaningful alternative text for images.

  • Ensure Proper Contrast Ratio: Good color contrast is critical for users with visual impairments. Make sure your text color contrasts enough with the background for easy reading.

  • Label Form Fields

Final thoughts

In conclusion, web accessibility is not merely an optional add-on but a fundamental aspect of effective UX design and product development. By adhering to established standards like WAI-ARIA, preserving user agent accessibility features, and thoughtfully designing for assistive technologies, we can create digital environments that are compliant, genuinely inclusive, and user-friendly.

This commitment to accessibility broadens potential user bases and upholds the Internet’s fundamental principle of universal access to information. It is an ongoing process, requiring regular testing and updates to keep pace with evolving technologies and user needs.

As we progress in the digital age, let’s strive to make the Internet a welcoming place for everyone, regardless of their abilities or the tools they use to navigate the digital world. Let’s remember that an accessible web is a better web for all.

PWC – Financial News Delivery App

new app mvp

PWC – Financial News Delivery App

Client: TechBlocks for PWC
Role: UX Designer / Researcher
Responsibilities: User research, information architecture, prototyping, usability testing, WCAG 2.0 Guidelines implementation
Tools: Adobe XD, Figma, Miro, Sim Daltonism, Maze

Problem Statement

Finance professionals and enthusiasts often need quick access to news while commuting or traveling. However, current solutions fall short with poor navigation, limited offline access, slow loading, and lack of personalization—highlighting a market gap for a user-friendly, on-the-go solution.
News App Concept

Project Goal

This project focused on designing a mobile app to address the challenges of accessing financial news on the go. Priorities included seamless navigation, personalized content, efficient offline use, security, and adapting to public transit constraints—filling a key market gap with a user-centric solution.

Target Users

The primary target users for this project encompass a broad spectrum of individuals who consume financial news, including:

  • Financial Professionals:  Such as analysts, brokers, and portfolio managers who need real-time updates.
  • Business Travelers:  Individuals who travel frequently for work and rely on financial news.
  • Financial Enthusiasts:  General public interested in finance, investments, and market trends.

Target users' pain points

Unreliable Internet Hindrance

An unstable or non-existent internet connection, especially in areas like subways or airplanes, prevents users from accessing breaking financial news promptly. This disruption compels users to seek alternative platforms or offline methods to remain updated.

Invasive Advertising Distractions

The continuous appearance of in-app upsell pop-ups and excessive advertisements hinders the reading experience. Such interruptions drive users to consider other less intrusive news sources or platforms.

Lengthy Content Overwhelm

With the fast-paced nature of today’s world, users often don’t have the luxury of time to peruse extensive articles. The presence of overly long content prompts users to skim through or abandon reading, risking missing out on essential details.

Inadequate Visual Accessibility

News apps without features like font adjustments, high contrast, or content narration risk alienating visually impaired users, driving them to more accessible alternatives.

Low fidelity prototype

If we design a news app that delivers condensed information, prioritizes accessibility, ensures seamless navigation, and offers offline usability, users will be able to quickly and effortlessly access the latest financial news on the go—even in offline situations like subways or flights—reducing frustrations and meeting the need to stay updated in time-critical environments.

High fidelity prototype

After conducting the usability test and implementing the feedback in the areas of concern, we opted to create high-fidelity mockups.