Lemon Labs designar appar. När de skulle redesigna sin kund Vinted’s app gjorde man arbetet grundligt och dokumenterade 9 tydliga insikter som kan hjälpa alla som ska utveckla eller redesigna sin app. För det är ju inte bara e-handeln som vill driva affärer med sin app eller hur?
1. Bestäm tydliga prioriteringar för vilken information du vill visa
Since the Vinted app is about clothes and fashion, a key element we’ve selected is the member’s clothes, placing them front and center. Other information was simplified, removed or combined and moved up to the header and visually separated from the item list.
This enhances user experience and let’s them focus on main content. The more user focuses on content, the higher probability for the transaction.
2. Call to action (CTA) knappen ska alltid synas
To help your conversions, make a call to action button sticky – that is, ensure it’s always visible on the screen. It’s even better if it’s big and red – just don’t go too far. You don’t need to make it bounce, sing, or otherwise disrupt the user experience.
When evaluating the item screen, we focused on the single most important goal: to make the sale. Action buttons were placed right below the photos of clothes to keep user’s focus on content, but in addition we made the bar with the button “Buy” sticky. If member scrolled the screen, it would stick to the top and remain visible all the time, allowing interaction.
3. Så få steg som möjligt att nå fram till innehållet
We had this goal when redesigning the catalog, but this tip applies anywhere: users are not really that interested in your smart categories tree, they want to see the content, and then, maybe, narrow it down.
The clothes’ catalog in Vinted has a six-level deep hierarchy. We set out a goal to show items to the members within two taps.
For the entry into the catalog, we created an iconic grid of categories that led directly to the item listing within the chosen category. After many iterations the final solution allowed a member to navigate deeper via a dropdown in the navigation bar.
4. Chat är hur användarna kommunicerar i mobilen
Email-like communication feels foreign on mobile. Chatting is a more natural process, and makes for better communication between users overall.
For commerce apps, adding useful tips along the sales process could also enhance user experience. In Vinted’s case, we advised users to make an offer with a lower price. This allowed more context in conversation and shortened transaction time.
5. Desto kortare ”signup” formulär, ju bättre konvertering
When we see a form that is so long that we need to scroll, we instantly feel tired, and mobile apps can be closed with a press of a button, and deleted with another one.
Try to ask for as little information upfront as possible, and get user inside, even without the complete profile. You want them in the door first before they familiarize themselves with your app.
6. Ladda upp innehåll först, beskriv det senare
We found that the more content we have, the more transactions occur. To encourage users to contribute content, we split the actions into two steps, allowing members to be creative first by shooting images and uploading them before they need to fill in information about the item.
Users like experimenting with creative tools. Let members try out the visually appealing features first before forcing them to go through the formal tasks to finish up their efforts.
7. Navigera till vänster och actions till höger
Back button always take space on the left, there is nothing you can do about it. But do yourself a favor and don’t clutter the right side with persistent buttons.
In version 1.0, the Vinted Menu button occupied right top corner, so we needed to put action button somewhere else – usually in between the content or at the end of the screen. That never feels right on mobile and usability suffers. The solution is straightforward: move menu to the left.
8. Använd hjärta istället för stjärna
Here’s a tiny little tip: if you currently let users to favorite anything within your app using a star, consider a heart. We’ve changed it to a heart for members favorite clothes and to our own surprise this feature’s usage increased 10 times.
We actually learned this from Airbnb. By simply switching star to heart for a Wish List listings, Airbnb increased its usage by 30 percent. Something as small as a symbol is truly worth trying.
9. Vikten av att dokumentera designflöden
Vinted app has 90+ different screen and even more member flows, thus communication of these dynamics is difficult and prone to misunderstandings. Code has commit history, documentation and comments on Github repositories.
Design deserves good documentation as well, and we used App Flow documents – large flowchart-like diagrams showing every screen relevant to a particular flow (e.g. Sign Up) with every possible state and transition between the screens.
Källa: TNW. Läs hela artikeln här.