How to design a mobile shopping cart - The story of the Partnerkaadi app
.png)
The Partner Card app brings together everything you need for a convenient shopping experience, fulfilling the functions of a regular Partner Card, but also works as a shopping console and payment method. You can also conveniently present your Partner Card there and manage your purchase receipts, loyalty offers and personal discounts. 100,000 people downloaded the Partner Card app in the first four months.
Kaubamaja Grupp was looking for a partner to help develop a prototype of the Partner Card app, i.e. create the simplest, most convenient and intuitive shopping experience for customers who prefer to use a mobile app. Below, I will share the journey taken by a UX designer and Google design sprint leader to reach a successful end result in just a month.
A methodology that fit the client's vision and timeframe
In general, the app development strategy can be divided into two - either choose the faster path and go through a full-scale four-day Google design sprint, which results in a prototype of the new app tested on end users, which is the input for the app programming. Or, take a more leisurely service design and UX/UI design process, which can take an average of four months to reach a similar desired prototype. After discussing different options with the client, we came to a combo where all the stages of the Google design sprint were completed, just in the usual four consecutive days, we completed it within a couple of weeks. This gave the client more flexibility to involve all the necessary participants from their leadership group in the development of a commercially strategic application, which would have been significantly more difficult during the four intensive days of the design sprint, but still ensured the speed of development.
End-user observations and interviews
As a first step, we started with observations and interviews with today's end users. We observed in stores how customers use the shopping cart today, what they like about it and what could be even better. This gave us important input that could be transferred to the app design. We also conducted several interviews with end users to better define more specific personas (fictitious characters used in app development who represent your main end user group), their use cases and needs.
One of the important goals in creating the new application was to create the most convenient and intuitive shopping experience possible for the customer when scanning products with the app. Observing customers in the store provided valuable information about their current shopping experience, how they use the scanning remote with shopping bags, trolleys or baskets. For example, we learned that the text size on the screen is important for the user so that they can view the phone from a distance when the bag or basket is currently in their hand and it is not convenient to raise the phone to their nose. The result of the observations was a summary analysis, based on which we were able to supplement the use cases and specify the needs of the personas.
Partnerkaardi prototüüpe testiti erinevas vanuses nii noorte kui ka vanemate lõppkasutajate peal.
Inspiratsiooni demod ja esmaste visandite loomine
Järgmiseks oluliseks sammuks oli saada inspiratsiooni sellest, mis mujal maailmas toimub ning mis on head näited, millest ideid võtta ja mida veel paremini teha saaks. Tiim tegi läbi põhjaliku analüüsi ostuäppide maailmas, vaadates millised on trendid ja suunad ja kasutajate ootused. Seejärel tuldi kokku ja sarnaselt Google disainisprindi protsessi teisele päevale sai igaüks visandada (pastaka ja paberiga) oma ideaalse visiooni, milline uus mobiilirakendus nende nägemuses välja võiks näha. Seejärel esitles igaüks oma lahendust, toimus hääletus, kus valiti lemmikud ning lõpuks pandi kokku parimad palad ühendkontseptsiooniks, mille põhjal hakkasime looma esmaseid prototüübivaateid.
“Google disainisprint annab hea võimaluse meeskonnale lühikese ajaga visualiseerida oma ideed, argumenteerides sõeluda neist välja parimad ning testida neid ka lõppkasutajate peal. Iga meeskonna liige tunneb disainisprindi käigus, et ta on protsessi 100% kaastatud, tema ettepanekuid on kuulda võetud ja lõpptulemuseni on jõutud ühiselt” , sõnas Partnerkaardi arendusjuht Rene Paats.
Prototüübi loomine ja UX/UI disain
Ühendkonseptsiooni järgselt hakkasime disainima esmast prototüübiga ning täiendama kasutuslugusid, et valmistuda ette lõppkasutajate testimiseks. Kasutajaliidese disaini kesksel kohal oli pakkuda kliendile ka võimalikult sujuvat üleminekut füüsilise puldi kasutamiselt mobiilirakendusega toodete skaneerimisele ning teha selle kasutus võimalikult intuitiivseks. Samuti oli disainis olulisel kohal ka sujuv rakendusega liitumine, pakkudes võimalikult mugavat Smart IDga registreerimist ja pangakaartide lisamist maksevahendiks. Prototüübi UX/UI disainis keskendusime ka kontrastide kesksele disainilahendusele ning et rakendust saaks kasutada ka telefoni vöökõrgusel hoides. Lõplik disain valmis Oliver Obergi poolt ettevõttest Kaks ood OÜ ning koostöös arendaja Datanor OÜ’ga sai äpp arenduse käigus oma praeguse visuaalse ilme.
Lõppkasutajate peal testimine ja lõplik prototüüp
Partnerkaardi mobiilirakenduse esmast prototüüpi testiti erinevas vanuses, nii noorte kui vanemate kasutajate peal, saades väärtuslikku tagasisidet, mida parendada uute prototüübivaadete disaini ja kasutuslugude juures. Kasutajatele oli väga oluline oli mugav liikumine skänneri ja ostetud asjade nimekirja vahel. Näites oli üheks huvitavaks väljakutseks luua disain, mis balansseeriks äpi kasutamist, nii füüsilise ostupuldi võtmiseks kui ka mobiilirakenduse kasutamist ostupuldina. Tulemuseks oli balansseeritud disain ja fookus kasutusmugavusele. Testimise tagasiside tulemusel täiendati prototüüpi ning sellest sai sisend UI/UX disainerile.
Loe lähemalt disainisprintidest siin lingil