Unlock the perfect shot with an enhanced photo spot finder!
Plan better. Shoot smarter. Capture more. Because the best moments deserve the best backdrops!
GramGlobe is a photo editing app that helps users easily make their photos look awesome before sharing them on instagram or other social media networks. As the next step, GramGlobe wants to explore how (and where) they can help their users find great photo-ops near them.
Jump to the Main Screens or Style Guide.
OVERVIEW
For this project, I was responsible for Affinity Mapping, User Journey, Design Systems, Wireframing, Prototyping, Usability Testing, UI Design.
PROJECT SPECS
Role: IC UX Designer
Duration: 1 Week
Platform: Mobile (iOS)
Team: 1 Designer, 1 Design Mentor
Tools: Figma, Miro, Adobe Photoshop, Adobe Illustrator, Microsoft Office
CHALLENGE
For many travelers, discovering the most photogenic locations can be a frustrating and time-consuming task. GramGlobe recognized that while users relied on the app for travel insights, they often lacked a seamless way to locate ideal photo spots that matched their preferences.
Location Recommendations, Real-Time crowd data,
and Suggested Poses
Hidden Treasures Recommendations & Map
APPROACH
GramGlobe introduces a feature designed to revolutionize how users discover and enjoy photo-worthy locations. By integrating this capability into the existing app, we aim to:
-
Deliver Tailored Recommendations: Provide users with curated suggestions based on their individual preferences.
-
Enhance Navigation with Precision: Offer accurate distance measurements to help users easily find their desired spots.
-
Incorporate Real-Time Crowd Data Powered by AI: Leverage AI-driven analytics to provide live updates on crowd density at popular locations. Using data from various sources, the feature predicts crowd levels, helping users make informed decisions and choose the best times to visit their desired spots.
-
Encourage Hidden Gem Exploration: Motivate users to uncover unique, lesser-known spots through exclusive recommendations.
Explore the Main Screens or accompanying Style Guide.
Design Constraints
The solution should be designed as a feature for the GramGlobe mobile app.
Help users find physical places and locations.
Create an active community of users who find & share their favorite locations.
Interview Insights
STYLE GUIDE
The mobile application's design system features lively colors and incorporates the Poppins and Cabin font, accompanied by a varied array of components. These components, including buttons, icons, and bars, ensure a unified and fluid user interface.
Primary Colors
Secondary Colors
Neutral Colors
Buttons
Typography
Headline
Poppins - 31 pts
Title
Poppins - 26 pts
Sub-heading 1
Poppins Semi Bold - 20 pts
Sub-heading 2
Poppins Semi Bold - 16 pts
Sub-heading 3
Cabin - 14 pts
Body
Cabin - 12 pts
Caption 01
Cabin - 11 pts
MAIN SCREENS
Crafting the high-fidelity wireframes entailed integrating brand components into low-fidelity wireframes, a seamless process facilitated by the principles of design thinking.
USABILITY TESTING
Testing MVP
Conducting a Moderated user testing with 5 participants, the following tasks were assigned -
-
Navigate through the Home page, explore the feature 'Snap' and select a photo spot, then explore the details of that location.
-
The User wishes to travel to this photo spot and learn more about it. What steps would they take next?
-
Review the location details page and identify which pieces of information the user find most relevant and useful.
-
The users through app navigation has arrived at the chosen photo spot. Capture a photo of themselves at this location and share it on their profile.
-
The user further feels like exploring the 'Hidden Treasures' near the location.
-
Use the Map feature, the user is to discover more photo spots near their current location. What information did they find useful on the page and why?
Results
-
The design resulted in a 100% task completion rate, showing that all users were able to complete their tasks successfully.
-
With an average difficulty rating of 1.1 (on a scale from 1 to 5), the tasks were perceived as extremely easy to perform.
-
Furthermore, users made an average of just one error, highlighting the interface’s clarity and overall usability.
MY LEARNING
While adding the 'Smap' feature to GramGlobe, it was crucial to consider the app's initial users, particularly those using it for editing purposes. Introducing 'Smap' required thoughtful branding on the home page alongside the UI design. Ensuring the feature aligned with the overall app interface was vital. Strategizing feature additions while balancing design constraints and user requirements was a key aspect of the process. Overall, a user-centric design approach was essential; prioritizing user preferences and feedback enhanced the app's relevance and usability, making it intuitive and enjoyable. Accurate information, such as improved distance measurement and AI-integrated real-time crowd density monitoring, helped users plan visits effectively.
Engagement through exploration was boosted by incentivizing users to discover 'hidden gems' with personalized recommendations. Seamless social integration was key, as easy photo sharing on social media boosts interaction and would promote the app organically.
Comprehensive detail pages with high-quality images, descriptions, reviews, and tags helped users make informed decisions. Clear navigation, with multiple ways to reach a point, ensures a positive user experience.
Real-time features, like crowd density updates, provide valuable insights. Localization offers relevant, location specific recommendations. Finally, a continuous feedback loop refined features and ensured the app evolves to meet user needs.