Product design Archives - David Chukwuma

Financial Dashboard – Case Study

David Chukwuma — Mon, 28 Jun 2021 16:25:58 +0000

The solution

I ran a week of design sprints and user testing based on the user experience process, which includes four stages: discover, refine, design, and test.

My role

On this project, I was a UX generalist. I led a team of staff and stakeholders to go through a design sprint and develop ideations and deliverables. Some of the deliverables were empathy maps and journey maps. In addition, I got new insights from usability tests as we released multiple iterations of the system to the entire company.

User testing and iterations

I made sketches on whiteboards in the office after conducting interviews with the users of the platform. Finally, I designed all the use cases and tested them with users by showing them proposed sketches and workflows. I chose the user experience process because of the time constraints. Since this was software in development, implementation was fast-paced, and testing was paramount.

Dashboard iteration

Iteration summary

Had a side bar for easy navigation
Reduced colors compared to existing implementation
Cards used to display metrics
Fancy modern were charts

User-testing results

- A set of users complained about the sidebar navigation taking up much space. We decided to dig into this in more detail. We realized that on large screens, the sidebar navigation was adequate. However, 90% of users at the company used desktops with small screen sizes, less than 768px.
  The reduced colors were liked by 97% of the users.
- The cards made things easy to understand, so more cards were requested.
- We removed fancy charts and used traditional charts to increase information assimilation and reduce the learning curve. The majority of users preferred charts they already knew.
- We used responsive fonts for users with small screens. This implementation meant that no matter the screen size, the text was still legible.

Results

I created a scalable design system on Figma that allowed for changes to be made as the platform scaled. After weeks of Usability testing and A/B testing, the team developed and shipped a fully functional web dashboard that helped the C-level officers quickly digest financial information.

Across a user survey, the new dashboard increased user satisfaction from 40% to 84%. In addition, the dashboard helped management see metrics easily while increasing the “skim-ability” of the dashboard .

Lessons learned

Hindsight is 20-20 they say. I spent a good amount of time talking with C-level executives about the business goal and their perceived notion of the challenges of the marketing team. From speaking with the Marketing team I learned the actual issues they were facing. User research is a must.

The post Financial Dashboard – Case Study appeared first on David Chukwuma.

VRZ CHAMP – Verzuz TV voting platform

David Chukwuma — Sun, 01 Nov 2020 15:38:18 +0000

Solution

We ran 2 weeks of design sprints based on the design thinking methodology, which includes 5 stages: empathize, define, ideate, prototype, and test. We eventually created and shipped a fully functional app where people can vote for their favorite artist and song in real-time as the Instagram battles took place.

Role

I led the project and worked on all aspects of the new design system, including its visual, UX, and interaction design. I also revamped the UX of key pages while my developer colleagues at Excellerent helped bring the product to life.

Testing the product

Often times there are features that do nothing but confuse users. One notable feature request on this platform was to implement a button that allows the user to signify a tie. I felt this was a confusing feature but I did not quantitive evidence to prove my claim. We used A/B testing to discover how users reacted to this feature. we put out a survey with substantial responses. 92% of test users said they don’t see the need for a “Tie” button. After presenting this to the client, the feature was dropped.

Product features

I presented most of the proposed solution to the client and the product owner on the client’s team as a high-fidelity prototype. The pitch’s success relied heavily on how the prototype solved and addressed business needs.

Clean interface

The proposed interface was lacking aesthetically. However, I strived to make the interface as clean and easy to use as possible with the bit of time I had.

Real-time viewing of votes

Votes cast needed to be seen in real-time. I added a color-coded bar chart to ensure an easy-to-understand view of votes.

Round anticipation

Because the battles were live and the number of rounds was often hard to keep track of. The platform included a round number count. Also, whenever a round was started the system preempted the next round so the user is aware of the upcoming round.

Final results

The redesigned platform had 27% more visitors than the anticipated number given as a success criterion. We also achieved a bounce rate of less than 20% as more users stay longer on the platform and found it easy to understand.

This product cycle was not the first time I led a project. Nonetheless, it was as exciting as the rest. Working with a team of talented developers made this project fun. I learned to trust my teammates even more, and that daily stand-up meeting were critical to the project’s success.

Hindsight - What I learned

Design is a funny word, Some people think design is how it looks But of course, if you dig deeper,it’s really how it works – Steve Jobs

The importance of User research is paramount, and for this project, there was inadequate stakeholder buy-in for field studies. A lack of UX buy-in is challenging to navigate, but proper communication helps bridge that gap. Practicing Agile/Lean UX is easier said than done. Time is still needed to achieve concrete goals. The time for this project was short, but things worked out in the end, and the site is live with hundreds of visitors each day.

The post VRZ CHAMP – Verzuz TV voting platform appeared first on David Chukwuma.

Interactive Marketing portal – Case Study

David Chukwuma — Sun, 01 Nov 2020 21:22:22 +0000

The solution

We ran several weeks of design sprints and user testing based on the design thinking methodology, which includes five stages: empathize, define, ideate, prototype, and test. We eventually created and shipped a fully functional web application that helped the marketing team create and manage marketing campaigns in 2 easy steps.

My role

I led a team of user experience designers to begin primary user research and define key personas, empathy maps, and journey maps. We got new insights from usability tests before we released the product to the entire marketing team. I worked on the final high-fidelity prototype, and the development team helped create the final product.

Research findings

1. Poor advert duration tracking

The marketing team had issues knowing what adverts were effective on different branches. Members of the team would copy each other on emails to the IT Team so they are aware of adverts. They also had to keep track of the advert effective dates in calendars or other ways.

3. Poor user audit

user audits were poorly managed as it was difficult to know who sent what ad to the IT team. Emails had to be grouped to keep track of add creation. If a team member forgot to copy another marketing team member then that member was oblivious to the ad creation.

2. Poor audience tracking

Emails had to be sent to know what ads were running in specific states or branches. Complex and often multiple emails between IT and marketing were needed to know if adverts were active.

4. Poor ad metrics tracking

The IT team had to create reports routinely or requested by the marketing team. Most times the IT team gave the marketing team SQL stored procedures to see the requested metrics of adverts. This was a learning curve for team members without technical expertise.

Design sprint meeting

Rapid prototyping sketches

Product features

We created a centralized advert location. The vision of the developed platform was to promote transparency and collaboration among the marketing team. The creation of the portal allowed the team to scale their efforts and focus more on planning creative ad campaigns for specific audience. The plan is to add more features to the platform as adoption increases.

Unified advert list

A place to easily keep track of adverts in their different states – inactive, active, expired, published, draft. The list also made it easy to know the audience of each advert.

Previewing system

In order to give the users the ease of previewing a created advert quickly we added the feature to preview an ad quickly and with minimal clicks. Users can preview an advert right from the list, the creation page, and a special audience simulation page.

Targeted Audience – locations and branches

The platforms gave users the ability to target specific audiences across locations and branches in real-time.

User audits

Users are able to see who did what on the platform, thus encouraging team transparency.

Ad reports

Ad performance metrics are shown in real-time

API simulator

The team wanted a way to preview adverts for any location or branch they wanted. So we designed an API simulator that made it easy to query the ad showing in a location and see the details of the ad.

Sample Design guideline artifact to developers

User Testing

It was great to see the smiles on the faces of the marketing team when we unveiled the product to them. Because they were involved in the process, they felt like they were looking at their creation. The CIO of Security finance was pleased about this because our design sprints were not in vain. The goal was to keep it simple, and I believe we achieved that. Remote User testing went great; as tricky as the pandemic made things, it was still a rewarding exercise.

Across the marketing team, we had over 90% user satisfaction from a testing survey conducted. The product simplified how the marketing team created and managed campaigns and led to a 60% reduction in the time it takes to train staff to start a marketing campaign.

Lessons learned

High-Fidelity Prototype

The post Interactive Marketing portal – Case Study appeared first on David Chukwuma.

Get It Together for Web

David Chukwuma — Tue, 28 Jun 2016 19:35:42 +0000

The Get It Together campaign is the overarching umbrella under which NURHI (Nigerian Urban Reproductive Health Initiative) rolled out a series of innovative consumer-focused activities using radio, TV, and community mobilizers to promote modern family planning methods.

The call to action for the Get it Together campaign is its tagline; ‘KNOW the facts about Family Planning,’ ‘TALK about Family Planning,’ and ‘GO for Family Planning.’

I led the web design project and worked on all aspects of the new design system, including its visual, UX, and interaction design.

Curated questions & Answers

Frequently asked questions curated from years of research analysis of the questions commonly asked by people. The answers are provided by industry professionals and are concise and easy to understand.

Pictures + words =

Pictures speak louder than words… or so they say. Well, we can have words and pictures! This combination makes it easy to see the family planning method and frequently asked questions about the method.

Responsive and Touch friendly

Browse with a finger or a mouse? How about both? The Get It Together website supports touch-friendly tap targets and responsive window handling. That means it’s great for large and little screens (and fingers) alike.

Want to see it in action? Visit the Get It Together website

The post Get It Together for Web appeared first on David Chukwuma.