Usability

Uge 17/21 Tema 10 opgave – Usability

_______________________________________________________________________

Tema 9 opgave

Ugens opgave: Med udgangspunkt i Jakob Nielsens usability framework eller hans 5 kvalitetselementer.

  • Let at lære
  • Let at huske
  • Effektivt at bruge
  • Forståeligt
  • Tilfredsstillende/rart at bruge

I skal finde 2 websites i samme branche. Det skal være et website som I synes fungerer godt – og et som fungerer knapt så godt. Husk at begrunde jeres valg og upload det til jeres portfolio.

________________________________________________________________

Jeg har valgt at se på to forskellige webshops i samme branche, hvor de sælger billige varer med alt fra legetøj, småting til børn, køkkenet, haven eller værtindegaver. Begge shops har de ting du altid lige står og  mangler.

Den ene er ’ https://shop.dk.flyingtiger.com’ og den anden er ’ https://bents-webshop.dk

Begge webshops har samme målgruppe: Forældre og børn af begge køn, hvor jeg aldersmæssigt vil skønne, at de befinder sig ca. fra 8 år – 50 år, hvilket er en stor målgruppe.

  • Let at lære

Flyingtiger: De har en overskuelig menu, der er genkendelig og derfor let at lære at navigerer rundt i, for at finde det man går efter.

Bents webshop: Har en forside med en meget støjende pang farve der laver larm. Der er et utal af menupunkter, der igen har et utal af undermenu punkter. Det kan gøre det svært at overskue og lære at forstå det opbyggede system for indhold, fordi man ganske enkelt bliver præsenteret for alt for mange muligheder.

  • Let at huske

Flyingtiger: Deres side er æstetisk opsat og du kan scrolle ned for en bedre overskuelighed og navigering. De bruger visuelle hint om, hvor ting kan findes og gør det let at huske.

Bents webshop: Har så meget larm og uro, at det er stressende. Deres informationsarkitektur er uoverskuelig og det er heller ikke alle menupunkter der har en sidevisning, når der klikkes på knappen. Derfor kan jeg ikke huske hvor de forskellige ting skulle findes.

  • Effektiv at bruge:

Flyingtiger: Eksempel, jeg vil have en blyant! Startsiden er landingssidens, som er sites forsiden. Jeg klikker menupunkt ’Kontor & skole’ Jeg kan nu vælge KategoriPris, farve og sortering. Alle mine ønsker kommer frem og jeg kan nu klikke til indkøbskurven. Alt i alt tidsbesparende og effektivt at bruge.  

Bents webshop: Eksempel, jeg vil have en blyant! Starter på forsiden som er landingssiden på sitet. Nu skal jeg lige bruge lidt tid for at kunne overskue alle menupunkterne for at finde en blyant. Efter at have ført musen på menupunkterne kommer jeg til ’Krea’, hvor der vises en underpunkt med Tusser, farver & viskelæder. Ved klik kommer jeg til en tom side, hvor jeg møder et søgefelt og ingenting af det jeg søgte. Nu har jeg brugt tid uden af finde det jeg søgte og var derfor knap så effektivt at bruge.

  • Forståeligt

Flyingtiger: Som nævnt i de andre punkter ovenfor, har Flyingtiger udover deres menupunkter, også lagt deres navigering rundt på forsiden. Det gør siden forståelig både visuelt og verbalt på en æstetisk måde. Deres anvendelse af gestaltloven ‘gruppering’ er med til at give det æstetiske udtryk på alle deres sider.

Bents webshop: Der er for mange tæt siddende menupunkterne i Bents webshop, med mange underpunkter, der har den samme pang farve, der går igen på sitet. Med alle disse muligheder er det knap så forståeligt at navigere rundt og det er svært at finde det man søger, uden først at skulle igennem en masse unødig navigeren. Her bruges også ‘gruppering’ på siderne, dog uden et æstetisk udtryk.

  • Tilfredsstillende/rart at bruge

Flyingtiger: Lever godt op til dette punkt og er en indbydende webshop at gå på opdagelse i.

Bents webshop: De har mange spændende ting, dog er det ikke så let at finde rundt. 

_______________________________________________________________________

Mine eftertanker om de to valgte websites :

Nu er målgruppen jo stor og hvis jeg spurgte nogle børn, hvilken site der taler mest til dem,  så vil de små på ml. 8 – 12 år nok vælge Bents webshop, hvorimod jeg vil tro at deres forældre vil vælge Flyingtiger.

Derfor er det også vigtigt at forstå at min vurdering er med en subjektiv faglighed, i forhold til det jeg har lært om usability. Der er store forskelle på websidernes udtryk der er bygget op af en forskellig informationsarkitektur, indholdsstrategier og farvelayouts. Begge web shops har et stort produktindhold med stort set de samme produkter. Derfor er det interessant at se hvordan den samme branche kan vise en så stor en forskel med, at sælge de samme produkter. Det skinner også igennem at forskellen ligger i, at Flyingtiger tilsyneladende har gjort brug af de ’5 kvalitetselementer‘. 

Flyingtiger udtryk: Vi har mange produkter vi gerne vil vise – men vi vil lige starte op i et roligt overskueligt tempo, før vi fører dig derhen til det du søger du på vores site, på en æstetisk, let og tidsbesparende måde.

Bents webshop Udtryk: Vi har mange produkter og vi ønsker ikke at du skal gå glip af et eneste af dem! Vi er som et frikvarter mandag morgen i skolegården – altså farverig og med masser af larm. På sitet ser du det hele på én gang, dog kan det du søger, tage sin tid at finde. Vi gør det let for dig at finde ting, du ikke viste du manglede.