Designing an app is an exciting journey that requires a thoughtful and user-centric approach. To create an exceptional app experience, here are some expert tips to guide you through the design process.
1. Prioritise Products
It can be instinctual to want to provide as many elements & features as possible. However,
we want your customers to find exactly what they’re looking for as quickly as possible.
All relevant and popular products and collections should be easy & clear to find.
We know what you want to feature, now… how should we organise and display those products and get customers to engage with them?
2. Less is MORE
it’s all about quality over quantity! Create a streamlined & intuitive design. Don’t bombard users with content & copy.
Cut out the clutter and aim for minimalism.
Here’s an easy checklist to follow:
Concise call to actions “Shop now, Sale, etc.”
Bold and clear imagery for collections + Products.
Test the user journey throughout each page, especially the homepage. Ensure it flows and is relevant and helpful to your customers.
3. Brand Harmonisation
Brand identity is strong & cohesive throughout! We want your customers to feel at home on the new App. Think about how you would design a landing page or curate new social platform.
Here’s an easy checklist to follow:
The colour palette is evident (pick colours from your logo)
Relevant Collections Featured
Similar Flow & Organisation To Website
Closely mimicking your website is an easy way to get started on your App Design!
Here we can see the colour palette from the logo and website elements are strong throughout the design.
We ensure familiar navigation by featuring the most popular collections right at the top of the homepage.
The homepage banner imagery is identical to the website.
Now that we know the "do's", how about the "don'ts"...
Don’t overcomplicate - de-clutter & streamline
Don’t make users wait for content - ensure speedy loading times
Don’t use jargon - speak to customers in terms they understand
Don’t take users away from the App - avoid too many external links
Don’t be disheartened if you don’t get it right the first time - test and adapt your layout, imagery, copy, incentives, and call to actions
Test, test, test!
What looks good on a desktop might not look so good on a mobile device since a smartphone screen is portrait, unlike a landscape desktop or laptop screen.
Ensure your layout, copy, call to action, image and video quality translate well on the app.
Follow these guidelines:
Pay attention to the type of element you're using and be sure to use images that look best for the particular orientation.
Images & Videos should not exceed 40MB to avoid slow loading times, but be of a high resolution, avoiding pixelation.
Images should be in PNG or JPG format
Videos should be in MP4 or MOV format
The orientation is adjusted to better suit the App - landscape vs. portrait on web.
Mimicking the layout and flow of the website whilst adjusting the orientations and copy for the mobile user.
Consider your app as a continuously evolving entity, using data from analytics and user feedback to improve the experience.