E-handelsapp

Organisere butikken din

Tre verktøy gir katalogen din struktur, og de virker på ulike nivåer. Kolleksjonene er gangene i butikken din. Kolleksjonslistene rydder de gangene så menyen din ikke flyter over. Taggene virker i bakgrunnen, som usynlige sekundære kolleksjoner.

Kapittel 1Kolleksjoner

Hva de er

Kolleksjoner gir Shopping App-en din struktur og organiserer produktene dine. Hvis appen din var en fysisk butikk, ville kolleksjonene vært gangene i den.

De avgjør også hva kunden din kan nå. Et produkt som ikke er knyttet til noen kolleksjon finnes riktignok i butikken din, og det selger, men det nås gjennom sin direkte adresse: gjennom en lenke du sender, gjennom et søk, gjennom en widget på startskjermen. Å knytte hvert produkt til minst én kolleksjon er derfor den første refleksen, før du i det hele tatt tenker på organiseringen din.

De er fleksible på to måter. I tid først: en kolleksjon legges til, slettes, vises eller skjules med ett klikk, noe som gjør midlertidige kolleksjoner mulige. I organisering dernest: de går på tvers av hverandre, og det samme produktet hører til flere kolleksjoner samtidig.

Den egenskapen med å gå på tvers er det som fortjener oppmerksomheten din når du oppretter dem. Ta interiørbutikken vår. En kunde som leter etter en pyntegjenstand kan tenke langs tre ulike linjer: rommet det gjelder, typen gjenstand, trenden for øyeblikket. Vi opprettet derfor ni kolleksjoner fordelt på de tre linjene:

Etter rom: Bedroom, Bathroom, Kitchen

Etter type gjenstand: Frames, Vases, Pillows

Etter trend: Big in Japan, Keep it Slow, Words matter

Hvert produkt hører altså til flere kolleksjoner. Det har større sjanse for å bli sett, og kunden har større sjanse for å finne det langs den veien som faller dem naturlig.

På toppen av dette kommer en Sales-kolleksjon, som samler nedsatte produkter. Den endrer seg over tid, og skjules utenfor salgssesongen.

Opprette dem

Gå til Products Collections. Klikk på Create a collection.

Deretter fyller du inn tittelen, et illustrasjonsbilde, og visningsrekkefølgen for produktene. Tittelen er begrenset til 32 tegn, og det er en nyttig begrensning: navnet på en gang leses i en meny, på en telefonskjerm, og korte navn vinner alltid der.

For visningsrekkefølgen er regelen alltid den samme: spør deg selv hva kunden din leter etter.

Seks automatiske rekkefølger tilbys, parvis: opprettelsesdato, nyeste til eldste eller omvendt, pris, laveste til høyeste eller omvendt, og tittel, A til Å eller Å til A. Den sjuende måten er manuell.

  • Dato setter nyheter først. Det er det riktige valget for en klesbutikk som får inn varer regelmessig, eller for en bokhandel med kunder som kommer tilbake på jakt etter noe nytt å lese.
  • Stigende pris passer en dagligvarebutikk, der kunden vil ha kontroll på budsjettet sitt. Synkende pris tjener heller en eksklusiv kolleksjon, der den første varen setter nivået.
  • Alfabetisk rekkefølge er for kataloger folk blar i når de allerede kjenner navnet på det de vil ha: reservedeler, tekniske referanser, viner.
  • Manuell måte lar deg skyve det du vil selge først til toppen, og gir deg full kontroll over hvordan listen din ser ut.

Den rekkefølgen hører til kolleksjonen, ikke til butikken. Nyhetene dine kan altså sorteres etter dato mens månedens utvalg blir stående ordnet for hånd. Det er dette som gjør den manuelle måten holdbar: automatiske rekkefølger legger seg selv på produkter du legger til senere, den manuelle måten ber deg komme tilbake til den, så spar den til kolleksjonene som fortjener det.

Ikke glem SEO. Kolleksjonene dine kan indekseres akkurat som produktsidene dine. Fyll ut taggene Title og Meta description, og tilpass adressene med nøkkelordene dine.

Kolleksjonslisten til butikken. Øverst et søkefelt og, ringet inn, den grønne knappen som oppretter en. Nedenfor tar hver kolleksjon en rad: miniatyrbildet med tittelen satt inn i, antall produkter, og en brikke som sier om den dukker opp i menyen i appen.
En kolleksjon bærer sitt eget omslag og sitt eget antall, og et merke sier om menyen viser den.
Detaljene i en kolleksjon. Til venstre produktene i visningsrekkefølge, hvert med miniatyrbildet sitt, prisen sin, lagerstatusen sin, et håndtak for å flytte det og et kryss for å fjerne det. Til høyre, ringet inn, søkeblokken: tittel og beskrivelse for søkemotorer, sideadressen, og en forhåndsvisning av resultatet slik det vil se ut. Nederst til høyre knappen som åpner innstillingene igjen.
En kolleksjon har sin egen adresse og sitt eget utdrag: det er en side for søkemotorer, ikke bare en mappe.

Kapittel 2Kolleksjonslister

Hva de brukes til

En kolleksjon når menyen i appen din på to måter, og det er der utseendet på navigasjonen din avgjøres.

Alene. Hver kolleksjon bærer sin blokk for synlighet i menyen, der du krysser av for valget som fører kolleksjonen opp i menyen og velger plassen den skal ha. Den blir en oppføring i egen rett, på linje med en seksjon. En butikk med tre ganger viser dem på den måten, og kunden får hele katalogen med i ett blikk.

Gruppert. Collection list-seksjonen samler flere av dem under én enkelt oppføring. Den nyttige pekepinnen: over fem ganger tjener menyen på å bli gruppert.

I e-handelsspråket er den andre måten skillet mellom kategori og underkategori, der listen bærer kategorien og kolleksjonene underkategoriene. Hvis du kommer fra en annen plattform, er dette grepet du kjenner under et annet navn.

La oss gå tilbake til interiørbutikken og de ti kolleksjonene den har. Uten gruppering ville menyen i appen blitt overfylt.

Vi opprettet derfor tre lister, som tar opp de tre søkelinjene, med tre kolleksjoner hver:

  • Rooms: Bedroom, Bathroom, Kitchen
  • Objects: Frames, Vases, Pillows
  • Trends: Big in Japan, Keep it Slow, Words matter

Sales-kolleksjonen blir stående utenfor enhver liste: vi vil at den skal være så direkte tilgjengelig som mulig. Det er en avgjørelse verdt å ha i bakhodet, for ryddingen må aldri begrave det som må bli liggende i overflaten.

Menyen i en butikk der hver kolleksjon står alene: tolv oppføringer følger etter hverandre, fra startsiden til salget, én per produktfamilie. Nederst i panelet to sosiale nettverk og innstillingene.
Tolv oppføringer når hver kolleksjon står for seg selv, og menyen blir hele katalogen.
Den samme menyen med kolleksjonene gruppert: fem oppføringer holder, og hver av dem åpner listen over kolleksjonene sine.
Den samme katalogen bak fem oppføringer: grupperingen skjer i menyen, ikke i kolleksjonene.

Opprette dem

En kolleksjonsliste er en seksjon i Shopping App-en din. Den legges til som enhver seksjon, fra My App Structure. Klikk på Add a section, og velg deretter Collection list.

Gi seksjonen din en tittel, knytt et bilde til den, og bekreft.

For å legge kolleksjonene dine inn i den, to metoder:

  • klikk på ikonet «+» for å velge kolleksjonene som skal med
  • eller dra kolleksjonene rett inn under Collection list-seksjonen
Panelet for å legge til en seksjon, åpent på kolleksjonsgruppen. En første flis, ringet inn, legger til en liste med kolleksjoner; de neste legger til en bestemt kolleksjon, der den som allerede er i appen bærer en grønn hake; den siste oppretter en kolleksjon. Til venstre følger forhåndsvisningen av appen med på endringene.
To ulike ruter: den første legger til en liste, de neste legger én enkelt kolleksjon til menyen.
Seksjonen som nettopp er opprettet, fortsatt tom. I panelet til høyre legger den innringede lenken en kolleksjon til listen, og velgeren den åpner viser alle tilgjengelige kolleksjoner. Til venstre inviterer forhåndsvisningen deg til å legge til den første.
Listen kommer tom: deretter velger du hvilke kolleksjoner som skal inn, og i hvilken rekkefølge.

Hvilken layout du skal velge

Tre layouter, og en av dem avhenger av navigasjonsmåten din.

Swipe Submenu setter kolleksjonene dine i en undermeny, under hovednavigasjonen i appen. Den er bare tilgjengelig i navigasjonsmåten «Swipe», den der du beveger deg fra seksjon til seksjon ved å dra fingeren vannrett over skjermen. Det er standardlayouten for katalogen, men den er bundet til navigasjonen: velg den bare hvis appen din binder seg til den måten, aldri som en enkel reserveløsning.

Classic presenterer gangene dine i rader, med et lite miniatyrbilde og navnet i fet skrift, flere per skjerm. Det er katalogholdningen: den passer deg når du har mange ganger, når navnet betyr mer enn bildet, og når det må fungere også uten sterke bilder. Den er også den naturlige reserveløsningen fra de to andre.

Visual er et utstillingsvindu: store kort i full bredde, bildet til gangen som bakgrunn og navnet lagt oppå. Velg den når ganger velges med øyet, i mote, interiør eller mat.

Ett forbehold ved den siste: den krever gode bilder på alle kolleksjonene dine. Hvis noen ikke har noen, eller har dårlige, fall tilbake på Classic.

Valget gjøres i My App Structure, på menyen til seksjonen din, Edit the design. Classic og Visual gjelder for enhver navigasjonsmåte. Hvis appen din ikke er i Swipe-måten, gråner back office ut Swipe Submenu og tilbyr deg en lenke for å endre menyen din.

Tre modeller ved siden av hverandre, én per layout: Swipe Submenu setter kolleksjonene i en undermeny til en sidenavigasjon; Classic stiller dem opp i rader, hver med sitt runde miniatyrbilde og sin tittel; Visual stabler store bilder i full bredde.
Tre layouter for den samme listen: en undermeny på siden, rader med miniatyrbilde, eller bilder i full bredde.
Menyen i en klesbutikk: under klesoppføringen lister fem underoppføringer kolleksjonene, mens de andre oppføringene blir stående på første nivå.
Swipe Submenu i bruk: kolleksjonene folder seg ut under én oppføring, resten av menyen forblir flat.
En kolleksjonsliste i rader: tre kolleksjoner, hver med sitt runde miniatyrbilde og sin tittel.
Classic, der miniatyrbildet forblir lite og det er tittelen som bærer kolleksjonen.
Den samme listen som bilder: hver kolleksjon tar hele bredden, tittelen satt midt i fotoet, og du blar for å se de neste.
Visual, der bildet er argumentet og tittelen ligger inne i det.

Bør du bruke den samme layouten overalt

Nei, og det er en detalj som kan bety noe. Vi anbefaler å holde designet konsekvent gjennom hele appen din, men det å variere layouter lar deg signalisere et hierarki.

Ta en dagligvarebutikk med en katalog som er organisert slik:

  • Food
  • Fresh: Fruit, Vegetables
  • Bulk: Cereals, Rice & Pasta
  • Health & Beauty: Cosmetics, Essential oils

Her inneholder noen kolleksjonslister ikke kolleksjoner, men andre kolleksjonslister. Det er altså to nivåer å skille fra hverandre. Å bruke en annen layout på nivå 1 og nivå 2 hindrer at kunden går seg vill i treet.

To skjermer fra den samme dagligvarebutikken: til venstre en kolleksjonsliste i rader; til høyre kolleksjonen åpnet, med underkolleksjonene vist som store bilder. To layouter for to nivåer av navigasjon.
To layouter i den samme butikken: rader for å velge hylle, bilder når du først er inne.

Kapittel 3Tagger

Hva de er

En tagg er et nøkkelord knyttet til et produkt, som en markør. Du kan knytte flere til det samme produktet.

De tjener først til å finne igjen produktene dine i back office. Men hovedverdien deres ligger et annet sted: de styrer det som vises på kundens side.

  • de filtrerer widgetene med produktlister på startskjermen din
  • de mater, sammen med kolleksjonene, blokken med liknende produkter på produktsidene dine
  • de mater resultatene i søkeseksjonen i butikken din

Hvordan du velger dem

Tenk på tagger som sekundære kolleksjoner, usynlige i navigasjonen, men aktive i visningen. De bygges vanligvis på egenskapene til produktene dine: farge, materiale, form.

Et eksempel. I en klesbutikk havner en brun ullgenser med polokrage i kolleksjonslisten «Clothing», kolleksjonen «Sweaters». Den får taggene «polokrage», «brun», «ull».

To bruksmåter følger umiddelbart. For å vise alle ullplaggene dine på startskjermen filtrerer du ganske enkelt på taggen «ull». Og genseren kan dukke opp som utfyllende produkt under et par brune bukser.

Det er den grunnleggende forskjellen fra kolleksjonene: kolleksjonen organiserer det kunden blar i, taggen organiserer det du presenterer for dem.

Opprette dem

De legges til når du oppretter eller redigerer et produkt. I menyen til høyre på redigeringssiden til produktet skriver du inn taggene dine i Tags-feltet. Publiser for å bekrefte.

To skriveregler avgjør helsen til vokabularet ditt over tid. En tagg skrives som ett ord, uten mellomrom, og det er derfor eksemplet ovenfor sier «polokrage». Og store og små bokstaver spiller ingen rolle, ull og Ull er den samme taggen, så du trenger ikke å passe på store bokstaver.

Resten er disiplin, og back office gir deg verktøyet: over feltet åpner View all tags listen over dem som allerede finnes i butikken din, med et søk og en sortering etter alfabetisk rekkefølge eller etter hvor ofte de brukes. Venn deg til å plukke fra den i stedet for å skrive på nytt. Et vokabular som glir ut i ull, ullen og rentull filtrerer tre ganger færre produkter enn det finnes, og det er en utglidning du oppdager etter to hundre produktsider.