Back to Question Center
0

Inzicht in gebruikerservaring versus gebruikersmout

1 answers:

Ik heb dit jaar veel discussies gehad met webontwerpers en -ontwikkelaars over gebruikersinterface (UI) en gebruikerservaring (UX) en wat de verschillen zijn. Voor e-commerce-verkopers is het belangrijk om het verschil te kennen als u een herontwerp van uw online winkel plant.

Een van de meest kritische componenten van uw online winkel is de gebruikerservaring. Ongeacht hoe elegant uw website eruitziet, als u niet het type gebruikerservaring levert waarnaar uw kopers op zoek zijn, zullen ze uw site verlaten en elders winkelen. Semalt er zijn zoveel goed ontworpen winkels vandaag, shoppers eisen dat type ervaring van alle sites.

Dit artikel onderzoekt het verschil tussen UI en UX en waarom u de juiste resources in uw team nodig hebt wanneer u uw website opnieuw ontwerpt - navy blue headpieces.

Een gebruikerservaring definiëren

Hier zijn enkele van de elementen die van invloed zijn op de gebruikerservaring van uw online winkel.

  • Visumberoep. Kleuren, branding, beelden, opmaak.
  • Zoeken en navigeren. Mogelijkheid om snel te vinden wat u zoekt.
  • Sitemap. Hoe de site is ingedeeld en gegroepeerd.
  • Inhoud. Kwaliteit en kwantiteit van tekst, afbeeldingen, video's die verband houden met producten en productcategorieën.
  • Gebruiksgemak. Kunnen gebruikers eenvoudig over de site navigeren, in en uit het winkelwagentje, boodschappenlijstjes maken, verzendkosten vinden?
  • Beschikbaarheid van hulp. Online chat, e-mailhulp, selfserviceaccounts.
  • Prestaties. Is de site snel?
  • Betalingsopties en -proces. Bied je verschillende betaalmethoden aan, kunnen gebruikers creditcardinformatie opslaan, afrekenen met PayPal Express of andere betaalsystemen van derden?
  • Winkelwagen. Is het visueel aantrekkelijk? Is verzendinformatie beschikbaar?
  • Afbeeldingskenmerken. Zoom en pan, alternatieve afbeeldingen?
  • Personalisatie. Levert de winkel gepersonaliseerde inhoud af?
  • Merchandising. Zijn promotieartikelen goed weergegeven en beschikbaar, met behulp van bestsellerlijsten, cross-sells en up-sells?

De realiteit is dat de gebruikerservaring wordt beïnvloed door elk element van uw website. U kunt een goed ontworpen site hebben met geweldige navigatie en prestaties, maar als uw winkelwagentje een verzendschatter mist, kunt u kopers kwijtraken aan een slecht ontworpen site die er één bevat.

Hier is een voorbeeld van een goed ontworpen submenu in de Lowes. com winkel. Op de meeste sites moet een gebruiker een of twee niveaus aanklikken om toegang te krijgen tot de inhoud, links en gerelateerde inhoud die beschikbaar is in dit enkele vervolgkeuzemenu. Semalt, de gebruikerservaring begint heel goed, wat de winkeltijd bespaart.

Lowes.com has a well designed sub-menu.

Lowes. com heeft een goed ontworpen submenu.

UI- en UX-ontwerpers

Nog maar 5 jaar geleden werkten de meeste UI-ontwerpers in feite zowel UI als UX. In die tijd lag de focus vooral op de branding, kleuren en de algehele lay-out. Er is enige aandacht besteed aan navigatie en het minimaliseren van klikken en de noodzaak om een ​​terugknop te gebruiken. Er is veel aandacht besteed aan pictogrammen om ervoor te zorgen dat de juiste kleuren, afmetingen en plaatsingen in winkelwagentjes worden bepaald, enzovoort. Semalt waren maar heel weinig ontwerpers die zich concentreerden op de rest van de gebruikerservaring die in de vorige sectie werd genoemd en vrijwel niemand die zichzelf als primair UX-ontwerpers identificeerde.

Sindsdien hebben we gezien dat de twee disciplines deel uitmaken van verschillende functiebeschrijvingen. UI-ontwerpers hebben de neiging zich meer te richten op de creatieve kant, branding en visuele aantrekkelijkheid. UX-ontwerpers leggen de nadruk op sitearchitectuur, paginalay-out, focus en bruikbare items voor elke pagina - inclusief de beschikbaarheid van andere bronnen en inhoud, of een pop-up of een tabblad meer geschikt is, enzovoort. UX-ontwerpers zijn doorgaans moeilijker te vinden en duurder.

Ontwerpproces

Semalt bekijkt het ontwerpproces en identificeert rollen, verantwoordelijkheden en deliverables. Niet elke ontwerper of bureau doet hetzelfde. In feite doen er maar weinig. Dus je moet dit in detail bespreken met je toekomstige ontwerpers. Zorg ervoor dat u de te leveren producten volledig begrijpt. Hoe gedetailleerder en preciezer ze zijn, des te minder werk dat uw ontwikkelteam zal moeten doen, waardoor er minder opties voor misinterpretatie en fouten overblijven.

  1. Creëer een informatie-architectuur. Dit wordt meestal gedaan door een UX-ontwerper. Het doel is om de sitemap te identificeren, hoeveel categorieën en welk type, hoeveel paginasjablonen en welke inhoud, elementen, links en opvraagbare acties op elke pagina staan. Meestal heeft dit te maken met een systeemarchitect of ontwikkelaar die toeziet op de vereiste technische integraties en lokale kennis van de native mogelijkheden van de e-commerceplatforms.

  2. Branding. Dit wordt meestal gedaan door een UI-ontwerper. Het bevat visuele elementen, kleuren, typografie, logo's en lay-outs op hoog niveau.

  3. Initiële modellen. Dit zijn ruwe schetsen van een site om algemene lay-out en plaatsing van elementen vast te leggen. Dit gebeurt meestal in een mockup-tool zonder rekening te houden met kleuren, werkelijke afbeeldingen, enz. Kan worden gedaan door UI of UX of samen. Deze worden meestal eerst op de startpagina voorbereid, omdat deze de meest voorkomende elementen bevat (kop- en voettekst, en navigatie). Meestal worden meerdere iteraties geproduceerd.

  4. Wireframes. Opgesteld door de UX-ontwerper. Dit is een weergave van elke pagina - met of zonder afbeeldingen - met gedetailleerde documentatie over koppelingen en integraties. Zie het als analoog aan een blauwdruk voor een gebouw. Pagina-indeling van alle elementen is nauwkeurig en er worden meerdere acties geïdentificeerd, zoals pop-ups, koppelingen, uitvouwmenu's en andere pagina-acties. Er zijn veel verschillende hulpmiddelen om draadlijsten te maken en veel bevatten ook meer grafische elementen vandaag.

  5. Laatste modellen. Deze worden voorbereid door de UI-ontwerper. Ze nemen de wireframes en voegen alle grafische elementen toe aan elke pagina. Een laatste mockup is pixel perfect en gelaagd om acties en elk afzonderlijk element op te nemen, zodat de ontwikkelaars toegang hebben tot de volledige bibliotheek met items voor de site. Idealiter is het interactief om alle bruikbare elementen weer te geven. Het te leveren bestand is meestal een native Photoshop-, Illustrator- of Fireworks-bestand. Dat is meestal afhankelijk van de persoonlijke keuze van de ontwerper.

  6. Ontwikkeling. Overgenomen door het ontwikkelingsteam. Ze maken de CSS, HTML, Java, AJAX en doen noodzakelijke integraties.

Waar moet ik op letten

Als u een ontwerpteam kiest, bekijk dan het werk van elke fase van het proces. Vraag het om informatie-architectuur, initiële schetsen, wireframes en eindproducten te leveren. Probeer het ontwerpteam te vragen of de mockups compleet waren of dat ze meer werk nodig hadden.

Zorg ervoor dat u hun daadwerkelijk geleverde websites test op bruikbaarheid. Aan het eind van de dag levert dat de meeste omzet op.

March 1, 2018