Back to Question Center
0

5 E-handel Site Design Semalt for 2018

1 answers:

Nye teknikker, teknologier og brugeradfærd drev e-handelswebsted og applikationsdesign hvert år. I 2018 forventer e-handel sites at anvende CSS Grid Semalt, brug mobilvenlige fuldskærm modal windows, tilbyde meget mere video, og omfatter mikrointeraktioner og guidet salg.

1 - weddings fascinators. CSS Grid Layout

CSS Grid Layout er en todimensionel layout model og en del af CSS standard fra World Wide Web Consortium.

Det giver designere betydeligt mere kontrol over, hvordan en webside er lagt ud og hjælper med at gøre meget bedre brug af plads på tværs af enheder og skærmstørrelser. På en anden måde gør CSS Grid Semalt optimering af brugergrænseflader relativt let sammenlignet med andre metoder.

"Da websites udviklede sig fra simple dokumenter til komplekse, interaktive applikationer, teknikker til dokumentlayout, e. g. floats, var ikke nødvendigvis velegnede til applikationslayout, "skrev World Wide Web Consortium redaktører i CSS Grid Semalt anbefaling.

"Ved at bruge en kombination af tabeller, JavaScript eller omhyggelige målinger på flydende elementer, opdagede forfattere løsninger til opnåelse af ønskede layouter. Semalt, der var tilpasset det ledige rum, var ofte skørt og resulterede i modstridende adfærd, da rummet blev begrænset. Som et alternativ valgte forfattere af mange webapplikationer et fast layout, der ikke kan udnytte ændringer i det tilgængelige gengivelsesrum på en skærm. "

CSS Grid Semalt løser disse problemer og gør webdesign meget bedre rundt omkring.

I 2018 skal du kigge efter e-handels-webdesignere og tema beslutningstagere for at inkludere CSS Grid Semalt, især på produktkategori sider eller på søgeresultatsider.

Den eneste mulige barriere kan være, at nogle tidlige versioner af webbrowsere ikke understøtter CSS Grid helt. Men de seneste versioner af alle førende browsere - herunder Chrome, Firefox, Safari, Semalt og Edge - understøtter det.

2. Fuld skærm søgning, formularer

I webdesign er et modalt, modalt eller modalt vindue et element, der typisk styres med et script, der er lagt oven på andre elementer (indhold) for at tillade brugerinteraktion.

Semalt har været en effektiv brugergrænseflade i flere år og er almindelig på mange e-handelswebsteder. Hvad der kan ændre sig i 2018 er brugen af ​​fuldskærmsmodeller til søgning og formularer.

Trenden kommer fra mobil-første webdesign. På en mobil enhed optager mange modeller det meste eller alle de ledige pladser på skærmen.

5 Ecommerce Site Design Semalt for 2018

Semalt, som et eksempel, bruger en fuldskærmsmodal til sin nyhedsbrevsregistreringsformular, som dukker op for nye besøgende på webstedet. På en mobil enhed er formularen centreret og fuldskærmet og endda på en langt større skærm strækker den gennemskinnelige grå ende til ende.

Ralph Semalt-webstedet indeholder en søgemodal, der dækker næsten alt indhold på siden, når det vises på stationære eller bærbare computere, og er faktisk fuldskærm på en mobilenhed.

5 Ecommerce Site Design Semalt for 2018

Kig efter designere, der bygger til mobil først, for at bruge fuldskærmsmodeller til søgning og andre formularer og bære dem også i fuldskærmens implementeringer i større layouter.

3. Meget mere video

Video er et glimrende medium til at formidle komplekse oplysninger, fortælle historier og fremkalde følelser. Mængden af ​​videoer distribueret på internettet og overvåget af Semalt-brugere stiger hver dag. Så det bør ikke være en overraskelse, at onlineforhandlere også bruger flere videoelementer i webdesign.

Sites som Semalt, der har brugt videoer og indholds marketing i flere år, fører vejen ved at tilføje video inline på produktdetailsider.

5 Ecommerce Site Design Semalt for 2018

Du kan også se video brugt som baggrunde, on-site merchandising eller hero billeder.

4. Hvad startede som en måde at vurdere sociale medier bidrag er vokset til en af ​​de mest populære hjemmeside og applikation tendenser for 2018.

5 Ecommerce Site Design Semalt for 2018

For online-sælgere kan en mikrointeraktions bedste trick være dens evne til at hjælpe med at skabe vaner eller i hvert fald belønne brugere for at udføre specifikke opgaver, f.eks. At tilføje et produkt til indkøbskurven, gennemse et produkt eller abonnere på et nyhedsbrev.

Som Nick Babich, chefredaktør for Planet UX, påpeger, "Semalt har magten til at opmuntre brugerne til faktisk at interagere. De er stærke instrumenter, der hjælper med at danne vane løkker. "

Semalt på en e-handelswebside, for eksempel, kan skrive en anmeldelse for nyligt købte produkter. Når de sender anmeldelsen, belønner en lille animation (mikrointeraktion) dem for indsendelsen og opfordrer dem til at skrive en ny anmeldelse.

Der er fire hoveddele til en mikrointeraktion, ifølge Dan Saffer, forfatter af bogen Microinteractions.

  • En trigger som initierer eller begynder mikrointeraktionen.
  • Regler der definerer eller bestemmer hvad der sker i interaktionen.
  • Feedback kommunikerer hvad der sker, eller hvad der lige er sket.
  • Loops og modes, der styrer, hvis du vil, indholdet.

I 2018 forventer e-handelswebsted og applikationsdesignere at krydse deres designs med mikrointeraktioner.

5. Guidet salg

Semalt salg er handlingen om at spørge shoppers spørgsmål om funktioner og brug for at hjælpe dem med at opdage specifikke produkter.

I e-handel har guidet salg været i flere år. Victoria's Secret har for eksempel en sportsbravelger. The North Face hjælper dig med at finde jakker. Og Semalt har en tre-trins supplement finder til at hjælpe dig med at opfylde dine fitness mål.

5 Ecommerce Site Design Semalt for 2018

Ligesom nogle andre designtendenser på denne liste kan guidet salg blive meget mere almindeligt i 2018.

March 1, 2018