Tenta Ux och webbdesign

Programeringsspråk ett formelt språk som människan använder för att skapa datorprogram

HTML hyper-text markup language Strukturen på elementen på en sida, första steget i front-end </>

HTML - head all data som inte syns

HTML - body allt som syns

CSS cascading style sheets styling av innehållet, beroende av HTML {hej}

Javascript dynamisk och interaktiva funktioner, function if och else satser

Frontend Det som visas i webbläsaren - det vi ser och interagerar med

Backend Webbplatsens hjärna, uträkningar, databas - det man inte ser, det som händer bakom - PHP

Full stack Både Frontend och Backend

CMS Ett system för att hantera och publicera innehåll, webbpubliceringsverktyg

CMS funktion WYSIWYG ser direkt hur innehållet kommer se ut när man arbetar med det

CMS funktion Seo vänligt

CMS funktioner kalenderfunktion

SaaS - molnbaserat Samma utförande och använder samma mjukvara, begränsningar, ingår webbhotell, låg teknisk kunskap

SaaS exempel Shopify, Webflow och Sqaurespace

Open Source - webbserver Öppen källkod, tillgång till kod, skapa egna plug ins, mer flexibelt och mer möjligheter, mer tekniska, köpa eget webbhotell och domän

Open source exempel Wordpress, Drupal och Magneto

Headless CMS CMS för backend men kodar front end själv, inget tema utan programmerar själv

Programera från grunden bygga allt med kod-bibliotek, specifika behov

Webbhotell Tjänst som erbjuder lagring för din webbplats, säljer domännamn

User Exeperience UX Den totala användarupplevelsen, mål: stanna och återkomma

Usability Användarbarhet, hur lätt att använda ditt gränssnitt UI för att utföra en spcifik uppgift

User Interface UI Gränssnitt (hur ketchupen ser ut), det visuella, hur du placerar olika element för att det ska vara enkelt att använda

Information architecture IA informationsdesign

Interaction design Interaktionsdesign

Accessibility Alla ska kunna använda webbplatsen, handikappade som färgblinda

Design thinking Metod för att lösa problem, kan appliceras inom UX. Fokuserar på att användaren ska få en bättre upplevelse.

Responsiv design Ska se bra ut på olika skärmar.

Usability hur människan förstår och använder din webbplats inte teknologin i sig

Usability användbar Uppfyller den ett behov människan har?

Usability inlärningsbar Kan människor förstå hur man använder den?

Usability minnesvärd Måste de lära om den varje gång de använder den?

Usability effektiv Uppnår den det avsedda resultatet inom en rimlig tid och med rimlig ansträngning?

Usability önskvärd Vill människor ha den?

Usability njutbar Är användningen av den njutbar, eller till och med rolig?

Bra usability du hittar produkten enkelt, betalningen går smooth

Bra UX Du får en tracking link, kundservicen svarar snabbt och trevligt

Spotify bra UI Låten som spelas är grön, tydligt vart man pausar och byter låt

Spotify bra UX rekommenderad låt baserad på din playlist, information om låten du lyssnar på

Grafisk design UI Första stadiet, att se och gilla det man ser, informationen ser tilltalande ut, förmedlar en känsla, baserat på företagets grafiska profil

Informationsdesign Andra stadiet, Att hitta och förstå, bra navigation är A och O, organisera information

Interaktionsdesign IxD Tredje stadiet, att göra, hur ska webbplatsen användas, hur många klick för handling, INGET ERROR, härlig process för kunden, KLARNA, vilken ordning?

Cookie Spårningspixlar, vilket språk webbplatsen ska visas i, SAMTYCKE marknadsföring, analys och spårning, INTE SAMTYCKE spara varor i varukorg

GDPR Rättigheter vid behandling av personuppgifter, EU, höga krav på samtycke

Privacy policy Förklara hur man behandlar personuppgifter, spårningskoder, hur man trackar besökarna

Marknadsföringslagen Tydligt vem avsändaren är, förbud att: klanka ner på konkurrenter, vara vilseledande

Nyhetsbrev Krav på samtycke (B2C), inte aggressivt eller spam, ok i kassan

För att få fram information pratar pixlar med analysverktyg

Google analytics Ledande verktyget för webbanalys, Samlar in data från dina webbplatser för att skapa rapporter om din verksamhet, interagrera i wordpress via kodsnutt eller plugin, nackdel tynger sajten

Google Search Console Mäter din sidas trafik och prestation, hantera säkerhetsproblem, koppla ihop GSC och GA, se hur den indexerar utan indexering hittar man den inte

Google tag manager Samla koderna i en kod, laddar snabbare och tynger inte sidan lika mycket

Facebook meta pixel Retargeting marketing, kopplat på en pixel på Facebook/instagram, mäter vilka som besöker hemsidan

Heatmap Google analytics - vilken sida som är mest populär, visar hur vi rör oss på undersidor

Scrollmap Visar hur långt ner man scrollar

Klicka

Skriv

Lyssna

Spel

Skriv ut