FindEmAll: A study on event cards
FindEmAll: A study on event cards
FindEmAll: A study on event cards
Finding different ways to sort event information
Role
Role
Foundational UX/UI Designer
UX/UI Designer
Foundational UX/UI Designer
Industry
Industry
Events and marketplaces
Events and markets
Events and marketplaces
Task Duration
Task Duration
2 months
2 months
2 months
Here's the problem
Here's the problem
Delivering the essential information for an event in a quick snapshot from the browsing page would arguably be the most important, and most challenging, aspect of FindEmAll's event system.
Delivering the essential information for an event in a quick snapshot from the browsing page would arguably be the most important, and most challenging, aspect of FindEmAll's event system.
I approached this task knowing that information must be complete, coherent, but concise. It is a fine line to balance between delivering just the right amount of details: enough to educate the viewer but not enough to overwhelm them.
I approached this task knowing that information must be complete, coherent, but concise. It is a fine line to balance between delivering just the right amount of details: enough to educate the viewer but not enough to overwhelm them.
Let's try a solution
Let's try a solution
I knew that the card for event information would need to be balanced between visual elements and text elements. The key would be learning how to balance them.
I knew that the card for event information would need to be balanced between visual elements and text elements. The key would be learning how to balance them.
I began my approach by leaning into the two extremes: something that would emphasize visual photographs and banners, then something that would emphasize text. Using this method would allow me to see where both elements would need to be scaled back.
I began my approach by leaning into the two extremes: something that would emphasize visual photographs and banners, then something that would emphasize text. Using this method would allow me to see where both elements would need to be scaled back.
Let's begin iterating
Let's begin iterating
Uncovered Issue
Uncovered Issue
My first iteration, which only included a banner, was not enough to deliver sufficient information to our viewers.
My first iteration, which only included a banner, was not enough to deliver sufficient information to our viewers.
Applied Strategy
Applied Strategy
I added much more information including the address, time, and description.
I added much more information including the address, time, and description.
Uncovered Issue
Uncovered Issue
This second iteration was very heavy with the text, would would potentially overhelm views.
This second iteration was very heavy with the text, would would potentially overhelm views.
Applied Strategy
Applied Strategy
I scaled back this second iteration to include only the most essential information.
I scaled back this second iteration to include only the most essential information.
Uncovered Issue
Uncovered Issue
After finding the right amount of visual space against text, I realized it must also be sorted well.
After finding the right amount of visual space against text, I realized it must also be sorted well.
Applied Strategy
Applied Strategy
After using studies to measure the right amount of information to display, we surveyed users for the best sorting of this information.
After using studies to measure the right amount of information to display, we surveyed users for the best sorting of this information.
Final result and impact
Final result and impact
Our final iteration was decided through surveys and tests.
Our final iteration was decided through surveys and tests.
I decided on this version because it balanced the visual element of an event well against the text elements of the event.
I decided on this version because it balanced the visual element of an event well against the text elements of the event.
The result was an event card that could allow the events imagery to be appealing, but also deliver the essential information related to the event.
The result was an event card that could allow the events imagery to be appealing, but also deliver the essential information related to the event.
Other Projects
Other Projects
Engageathon - PM & Design Lead
Engageathon - PM & Design Lead
Change begins with engagement
Change begins with engagement
