Back to Problem Solving

UI Improvements for Best Practice

 UI redesign guided by usability study and industry best practice.

Culinary Agents launched their SaaS platform in 2012, and the design remained unchanged for two years.

When I joined the team, they were preparing for the first round of design improvements. My responsibility was to redesign the essential job card to present job posting information more compactly and efficiently.

Old Design

The old design

The old job card only displayed limited information, such as the job title, employer, and location. Many important details that job seekers are interested in were missing due to the limited space on the card.

Additionally, the pictures took up the most prominent space on the card, even though they were not the most informative clues for job seekers.

To address these issues, I began my new design by tackling these two challenges.

The Best Practice

The best practice

Being someone who follows UX research articles from well-known sources like the Nielsen Norman Group, I was aware of their study on [link] how to position a thumbnail image.

I borrowed the "decision tree" from the article and presented it to the team, demonstrating that, in our scenario, the best practice suggests placing the thumbnails on the right side of the job cards. The team unanimously agreed and was pleased to incorporate this change.

The new design

The new design features a larger card size, allowing for more details based on the business requirements. I organized the information into groups and utilized lines, icons, different fonts, and colors to ensure a clear hierarchy of job details.

Once the design was finalized, I took afternoons to approach chefs on breaks in Manhattan streets for first-hand user feedback. I asked them to evaluate the new design and provide input on whether the information was helpful in their job search. The feedback received was overwhelmingly positive.

This type of quick-and-dirty usability testing proved effective in validating product concepts within a startup environment.