Önskar kritik på mina webbsidor

Permalänk
Medlem

Önskar kritik på mina webbsidor

Tjena clockers! Jag utbildar mig för tillfället inom IT på den lilla lediga tid jag har mellan min roll som tvåbarnsfar, mitt heltidsjobb och en nära förestående flytt.

Just nu är fokus på html och css och att bygga webbsidor.

Jag har gjort en hemsida åt ett fiktivt företag som kallas Game Box Bar.

Sedan gjorde jag en konvertering av min pizzakalkylator från yaml (har den i Home Assistant) till html.

Min målsättning är att utvecklas och lära mig allt jag kan.

Är du grym på estetik? Kritisera färgval och typografi. Är du en kodnörd? Shoot! Ge mig kritik på min html. Kanske är du en säkerhetsexpert eller en tillgänlighetsnörd? Kör.

Jag skulle verkligen uppskatta all typ av kritik på ovan sidor.

Allt gott!

Visa signatur

Chassi: Fractal Design Define R5 l Moderkort: Gigabyte B550 Aorus Pro V2 l CPU: AMD Ryzen 5 5600X l Kylare: be quiet! Pure Rock l GPU: Sapphire RX 5700 XT Pulse l RAM: Corsair Vengeance LPX 16GB (2 x 8GB) DDR4 3600MHz l PSU: Corsair RM750x 750 Watt 80 PLUS Gold

Permalänk
Medlem

Tjusiga Men om du fokuserade på HTML och CSS, fokusera då aldrig på att tvinga besökarna att aktivera JavaScript för att se innehållet. Fokusera då på det du skrev att du ville fokusera på. Och varför döljer du innehållet på gameboxbar.se medan man skrollar?

Se inte mitt inlägg som ett klagoinlägg, för det är inte meningen att vara klagande

Visa signatur

Citera mig om du vill att jag ska hitta till ditt svar.
airikr.me. Andra projekt: Keizai, Koroth, Serenum & Enc.

Permalänk
Medlem
Skrivet av Airikr:

Tjusiga Men om du fokuserade på HTML och CSS, fokusera då aldrig på att tvinga besökarna att aktivera JavaScript för att se innehållet. Fokusera då på det du skrev att du ville fokusera på. Och varför döljer du innehållet på gameboxbar.se medan man skrollar?

Se inte mitt inlägg som ett klagoinlägg, för det är inte meningen att vara klagande

Tack för värdefull kritik! Jag uppskattar det och det får mig att reflektera, vilket är precis vad jag ville! Syftet med gameboxbar.se var att skapa en fiktiv hemsida åt ett företag och under projektets gång så fanns det viss behov av javascript ur ett bekvämlighets perspektiv (tillbaka till toppen knappen).

Men så klart så kan jag ha överdrivit med rent visuella funktioner som egentligen inte skapar användarvänlighet. Som att texten fadear. Det gjorde jag ur ett rent estetiskt perspektiv då jag personligen tyckte att det gav ett mjukare flow till sidan och behagligare läsning. Men jag jag förstår att alla kanske inte upplever det så. Tack för att du tog dig tid att kommentera

Visa signatur

Chassi: Fractal Design Define R5 l Moderkort: Gigabyte B550 Aorus Pro V2 l CPU: AMD Ryzen 5 5600X l Kylare: be quiet! Pure Rock l GPU: Sapphire RX 5700 XT Pulse l RAM: Corsair Vengeance LPX 16GB (2 x 8GB) DDR4 3600MHz l PSU: Corsair RM750x 750 Watt 80 PLUS Gold

Permalänk
Medlem
Skrivet av Smeen89:

Tack för värdefull kritik! Jag uppskattar det och det får mig att reflektera, vilket är precis vad jag ville! Syftet med gameboxbar.se var att skapa en fiktiv hemsida åt ett företag och under projektets gång så fanns det viss behov av javascript ur ett bekvämlighets perspektiv (tillbaka till toppen knappen).

Men så klart så kan jag ha överdrivit med rent visuella funktioner som egentligen inte skapar användarvänlighet. Som att texten fadear. Det gjorde jag ur ett rent estetiskt perspektiv då jag personligen tyckte att det gav ett mjukare flow till sidan och behagligare läsning. Men jag jag förstår att alla kanske inte upplever det så. Tack för att du tog dig tid att kommentera

Var så lite så Ingen kritik = ingen utveckling.

JavaScript är bra, men inte i överdriven form. Jag och många andra använder NoScript, som stänger av all JavaScript på de webbsidor man besöker (JS kan innehålla skadlig kod och/eller spårning, öppen källkod kan lösa det problemet). Och när en webbsida kräver JavaScript för att ens läsa in innehållet, stänger många den fliken och går vidare.

Håller med om att det blev ett skönt flow när man skrollade (även estetiskt), men precis som allt annat, för mycket kan ge en negativ effekt Mitt tips är att inaktivera skrolleffekten och låta besökarna aktivera den om de vill ha visuella effekter. Ta även bort kravet av JavaScript för att komma åt innehållet. Men om företaget vill ha det så och de inte går att övertala, så är det bara tråkigt, men så är det ibland

Visa signatur

Citera mig om du vill att jag ska hitta till ditt svar.
airikr.me. Andra projekt: Keizai, Koroth, Serenum & Enc.

Permalänk
Medlem

Vad är det för yrkesroll du vill byta till? Eller är du mer i stadiet att du inte riktigt vet så du testar dig fram för att hitta det du brinner mest för? Eller är det tänkt att hålla dig på hobbynivå? Jag utgår i min kommentar att du vill byta karriär.

Anledningen till frågeställningen är för att det är lätt hänt att man är övertaggad och ivrig för att lära sig allt möjligt som kan tänkas kännas relevant. Istället för springa efter en boll och lära sig kontrollera den så springer man på alla bollar man ser. Med tanke på du har heltidsjobb och barn så gäller det att få ut så mycket av den tid du kan lägga ned i ämnet.

Om du inte vet riktigt än vad du vill bemästra så är det fullt förståeligt att du testar dig runt och tar inspel från olika roller och aspekter för att kunna förbättra.

Är det redan så att du vet vad du brinner mest för så är mitt bästa tips att fokusera dig på det och lägg inte resurser på andra delar, om än det är lockande och kliar i fingrarna att "jag ska bara". Är det backend som lockar mest och där du ser din framtid i, så är ju design verkligen inget du bör lägga resurser på. Om än man vill göra visuellt tilltalande projekt så söker du jobb inom backend så har ju design rent krasst inget värde.

Lite party pooper men bittra sanningen är att dygnet har bara 24 timmar och jag tycker det är allt för vanligt att människor kör slut på sig själv innan startskottet. Utan man fastnar och trampar på samma ställe för man är över hela kartan för man vill så gärna kunna så mycket som möjligt inom allt.

Själv så jobbar jag som Product Designer inom IT (som omfattar UX/UI) och visst kan jag ge input inom design. Men innan jag gör det så är det intressant att veta mer vad du vill uppnå och har för planer. Jag brukar alltid inleda med att fråga vad drömjobbet skulle vara för få mer konkret bild i vad personen strävar efter. Är det liksom pillra med databas-arkitektur för SaaS-bolag? Eller koda flashiga kampanjsidor för globala varumärken på en webbyrå? Eller designa världens mest användarvänliga fjärrkontroll? Eller något helt annat?

Den typen av information gör det lättare och ger mer konkret indikation på hur man ska utforma sin feedback.

Visa signatur

PC: AMD Ryzen 9950X3D | Gigabyte RTX 5070 Ti AERO | Samsung 990 PRO 4TB | Gigabyte B650E Aorus Stealth Ice | Corsair Dominator Titanium White 2x48GB DDR5 6600MHz CL32 | Lian Li O11 Vision Compact White | Lian Li HydroShift LCD 360TL White | Lian Li EDGE Platinum 850W White | Lian Li UNI FAN TL 3-pack 120mm Reverse White

Permalänk
Medlem
Skrivet av Airikr:

Var så lite så Ingen kritik = ingen utveckling.

JavaScript är bra, men inte i överdriven form. Jag och många andra använder NoScript, som stänger av all JavaScript på de webbsidor man besöker (JS kan innehålla skadlig kod och/eller spårning, öppen källkod kan lösa det problemet). Och när en webbsida kräver JavaScript för att ens läsa in innehållet, stänger många den fliken och går vidare.

Håller med om att det blev ett skönt flow när man skrollade (även estetiskt), men precis som allt annat, för mycket kan ge en negativ effekt Mitt tips är att inaktivera skrolleffekten och låta besökarna aktivera den om de vill ha visuella effekter. Ta även bort kravet av JavaScript för att komma åt innehållet. Men om företaget vill ha det så och de inte går att övertala, så är det bara tråkigt, men så är det ibland

Jag hade faktiskt ingen aning om att många stänger av JavaScript. Det var ny och intressant information, och visar också på hur grön jag är. Får jag ställa en praktisk fråga, så får du svara som du känner, kanske är det jätte invecklat. Men hur hade du gått till väga för att (utan JS) skapa en tillbaka till toppen knapp eller en "Läs mer knapp" som tar fram resterande text som inte visas i en paragraf?

Skrivet av IMPANI:

Vad är det för yrkesroll du vill byta till? Eller är du mer i stadiet att du inte riktigt vet så du testar dig fram för att hitta det du brinner mest för? Eller är det tänkt att hålla dig på hobbynivå? Jag utgår i min kommentar att du vill byta karriär.

Anledningen till frågeställningen är för att det är lätt hänt att man är övertaggad och ivrig för att lära sig allt möjligt som kan tänkas kännas relevant. Istället för springa efter en boll och lära sig kontrollera den så springer man på alla bollar man ser. Med tanke på du har heltidsjobb och barn så gäller det att få ut så mycket av den tid du kan lägga ned i ämnet.

Om du inte vet riktigt än vad du vill bemästra så är det fullt förståeligt att du testar dig runt och tar inspel från olika roller och aspekter för att kunna förbättra.

Är det redan så att du vet vad du brinner mest för så är mitt bästa tips att fokusera dig på det och lägg inte resurser på andra delar, om än det är lockande och kliar i fingrarna att "jag ska bara". Är det backend som lockar mest och där du ser din framtid i, så är ju design verkligen inget du bör lägga resurser på. Om än man vill göra visuellt tilltalande projekt så söker du jobb inom backend så har ju design rent krasst inget värde.

Lite party pooper men bittra sanningen är att dygnet har bara 24 timmar och jag tycker det är allt för vanligt att människor kör slut på sig själv innan startskottet. Utan man fastnar och trampar på samma ställe för man är över hela kartan för man vill så gärna kunna så mycket som möjligt inom allt.

Själv så jobbar jag som Product Designer inom IT (som omfattar UX/UI) och visst kan jag ge input inom design. Men innan jag gör det så är det intressant att veta mer vad du vill uppnå och har för planer. Jag brukar alltid inleda med att fråga vad drömjobbet skulle vara för få mer konkret bild i vad personen strävar efter. Är det liksom pillra med databas-arkitektur för SaaS-bolag? Eller koda flashiga kampanjsidor för globala varumärken på en webbyrå? Eller designa världens mest användarvänliga fjärrkontroll? Eller något helt annat?

Den typen av information gör det lättare och ger mer konkret indikation på hur man ska utforma sin feedback.

Tack för ett väldigt välformulerat och bra svar! Lite bakgrund om mig kanske hjälper. Jag har sedan tidig ålder varit intresserad av estetik och teknik. Det började nog någon gång runt 2004 när jag för första gången testade Photoshop, sedan byggdes intresset på genom att designa frontsidor på Lunarstorm, därefter en enkel blogg, sedan en squarespace hemsida åt min mor, några flyers för event åt en tidigare arbetsgivare.

Jag har alltid varit intresserad av den kreativa biten, att skapa med färg, form och typografi. Jag kan gå igång på en snyggt skuren font. Haha.

Jag är också en sådan person som bygger egna datorer, löder på hobbynivå. Jag har sedan 5 år tillbaka snöat in på Home Assistant och har ett ganska avancerat smart hem. Där lärde jag mig yaml, utökade min kunskap inom CSS, och framförallt logiskt tänkande och If this then that logiken med regler och villkor.

Denna veckan blir jag klar med Webbutveckling 1 och gameboxbar.se är mitt projekt i den kursen där fokus har varit främst på HTML, CSS, med inslag av lite JS. Anledningen till att jag läser in den kursen (jag gick inget IT-relaterat på gymnasiet) är för att jag planerar att söka till Fullstack Developer med kursstart i December och då behöver den behörigheten.

För att summera så skulle jag säga att jag är mest intresserad av UI/UX men jag har nog för begränsad kunskap i backend för att på riktigt veta om det är min grej. Jag vill helst ha en balans och jobba både kreativt och mer ren kod/logik. Idag arbetar jag mycket med kategoriseringsprojekt och att skyffla data mellan olika plattformar i mitt jobb och saknar den kreativa delen.

Jag kommer verkligen ta till mig av dina råd att inte gå för brett och att nyttja mina timmar på ett bättre sätt. Stort tack!

Visa signatur

Chassi: Fractal Design Define R5 l Moderkort: Gigabyte B550 Aorus Pro V2 l CPU: AMD Ryzen 5 5600X l Kylare: be quiet! Pure Rock l GPU: Sapphire RX 5700 XT Pulse l RAM: Corsair Vengeance LPX 16GB (2 x 8GB) DDR4 3600MHz l PSU: Corsair RM750x 750 Watt 80 PLUS Gold

Permalänk
Medlem
Skrivet av Smeen89:

Jag hade faktiskt ingen aning om att många stänger av JavaScript. Det var ny och intressant information, och visar också på hur grön jag är. Får jag ställa en praktisk fråga, så får du svara som du känner, kanske är det jätte invecklat. Men hur hade du gått till väga för att (utan JS) skapa en tillbaka till toppen knapp eller en "Läs mer knapp" som tar fram resterande text som inte visas i en paragraf?

Allt fler väljer att stänga av JavaScript, åtminstone om man går efter många på Lemmy och Fosstodon.

För en "tillbaka till toppen"-"knapp" så kan du ju bara sätta en id="top" eller vad du nu vill kalla den, i kanske body eller i en div. Och för "tillbaka till toppen"-länken länkar du bara till # top (utan mellanrum). Då kommer webbsidan att skrolla upp till toppen.

För en "läs mer"-knapp skulle jag ha använt mig av details-elementet. Kanske även ändra utseendet på den så att den ser ut som man vill. Skärmdumpen nedan är från den kommande versionen av airikr.me, och den använder sig av noll JavaScript (förutom Plausible som beskrivet i skärmdumpen).

Visa signatur

Citera mig om du vill att jag ska hitta till ditt svar.
airikr.me. Andra projekt: Keizai, Koroth, Serenum & Enc.

Permalänk
Medlem
Skrivet av Smeen89:

Jag hade faktiskt ingen aning om att många stänger av JavaScript. Det var ny och intressant information, och visar också på hur grön jag är. Får jag ställa en praktisk fråga, så får du svara som du känner, kanske är det jätte invecklat. Men hur hade du gått till väga för att (utan JS) skapa en tillbaka till toppen knapp eller en "Läs mer knapp" som tar fram resterande text som inte visas i en paragraf?

Det är inte alls vanligt att stänga av Javascript, det är en liten minoritet som gör det.

Permalänk
Medlem
Skrivet av Airikr:

JavaScript är bra, men inte i överdriven form. Jag och många andra använder NoScript, som stänger av all JavaScript på de webbsidor man besöker (JS kan innehålla skadlig kod och/eller spårning, öppen källkod kan lösa det problemet). Och när en webbsida kräver JavaScript för att ens läsa in innehållet, stänger många den fliken och går vidare.

Då du säger många, utgår du från din vänskapskrets eller är det från artikel/rapport/källa som grundar sig på en större mängd data som ligger grund för det påståendet? Du får gärna länka isf då det är väldigt intressant att ta del av, för jag har aldrig läst något som indikerar att det är vanligt förekommande.

Jag skulle bli förvånad om siffran skulle överstiga 1% om man ser till den stora massan. Skulle man däremot se till gruppen utvecklare så lär siffran vara något helt annorlunda.

Snabb googling så hittar jag från 2025, "The Google spokesperson told TechCrunch that, on average, “fewer than .1%” of searches on Google are done by people who disable JavaScript. That’s no small number at Google scale. Google processes around 8.5 billion searches per day, so one can assume that millions of people performing searches through Google aren’t using JavaScript."

Visa signatur

PC: AMD Ryzen 9950X3D | Gigabyte RTX 5070 Ti AERO | Samsung 990 PRO 4TB | Gigabyte B650E Aorus Stealth Ice | Corsair Dominator Titanium White 2x48GB DDR5 6600MHz CL32 | Lian Li O11 Vision Compact White | Lian Li HydroShift LCD 360TL White | Lian Li EDGE Platinum 850W White | Lian Li UNI FAN TL 3-pack 120mm Reverse White

Permalänk
Medlem
Skrivet av IMPANI:

Då du säger många, utgår du från din vänskapskrets eller är det från artikel/rapport/källa som grundar sig på en större mängd data som ligger grund för det påståendet? Du får gärna länka isf då det är väldigt intressant att ta del av, för jag har aldrig läst något som indikerar att det är vanligt förekommande.

Jag skulle bli förvånad om siffran skulle överstiga 1% om man ser till den stora massan. Skulle man däremot se till gruppen utvecklare så lär siffran vara något helt annorlunda.

Snabb googling så hittar jag från 2025, "The Google spokesperson told TechCrunch that, on average, “fewer than .1%” of searches on Google are done by people who disable JavaScript. That’s no small number at Google scale. Google processes around 8.5 billion searches per day, so one can assume that millions of people performing searches through Google aren’t using JavaScript."

När jag var aktiv på den mycket nördiga Mastodon-instansen Fosstodon, såg jag titt som tätt användare som körde med JavaScript inaktiverat. Många av dom är utvecklare, och att hitta äldre toots nu flera år senare, är inte lätt Men man stöter på dom då och då i fediversumet. Det var tack vare vissa användare (minns inte vilka) på Fosstodon som fick mig att börja använda NoScript.

Gällande Lemmy, stöter man på dom på c/privacy och ibland på c/opensource. Dock hittar man dessa personer lite varstans på Lemmy, till exempel via följande länk: https://lemmy.ml/post/28424730

Visa signatur

Citera mig om du vill att jag ska hitta till ditt svar.
airikr.me. Andra projekt: Keizai, Koroth, Serenum & Enc.

Permalänk
Skrivet av Smeen89:

Jag har gjort en hemsida åt ett fiktivt företag som kallas Game Box Bar.

  • Kontrollera sidan (och undersidor) med https://validator.w3.org
    Du har några fel, men inte många så du kan lika gärna fixa alla.

  • Ta bort .html ändelsen från dina internlänkar. Ex. ändra "https://gameboxbar.se/events.html" till "https://gameboxbar.se/events"
    (Förresten, din webbserver verkar redan göra automatisk omdirigering med HTTP 301 från URL:er med ändelsen ".html" till URL:er utan ".html" men den verkar ange Location-adressen med http-protokoll istället för https-protokoll? Du bör kanske kolla upp detta.)

  • Ändra länken när man trycker på loggan längst upp till vänster så den länkar direkt till webbroten, dvs ändra

    <a href="index.html" class="logo-link">

    till

    <a href="/" class="logo-link">

  • Semantisk html? Exempelvis kontaktuppgiferna nere till vänster kan läggas inuti <address>-taggar. Lägga tidsangivelser inuti <time>-taggar. Etc.

  • Alla sidor förutom startsidan verkar visa fel i webbkonsolen för script.js:

    Uncaught TypeError...

Personliga åsikter:

  • Ange öppettider med 24-timmarsklocka istället för am/pm. (Undantaget om sidan specifikt riktar sig till nordamerikansk publik eller liknande.)

  • Eftersom sidan är internationell/engelsk ange "SEK" (istället för ":-") för priser.

Permalänk
Medlem
Skrivet av datamaskinist:
  • Kontrollera sidan (och undersidor) med https://validator.w3.org
    Du har några fel, men inte många så du kan lika gärna fixa alla.

  • Ta bort .html ändelsen från dina internlänkar. Ex. ändra "https://gameboxbar.se/events.html" till "https://gameboxbar.se/events"
    (Förresten, din webbserver verkar redan göra automatisk omdirigering med HTTP 301 från URL:er med ändelsen ".html" till URL:er utan ".html" men den verkar ange Location-adressen med http-protokoll istället för https-protokoll? Du bör kanske kolla upp detta.)

  • Ändra länken när man trycker på loggan längst upp till vänster så den länkar direkt till webbroten, dvs ändra

    <a href="index.html" class="logo-link">

    till

    <a href="/" class="logo-link">

  • Semantisk html? Exempelvis kontaktuppgiferna nere till vänster kan läggas inuti <address>-taggar. Lägga tidsangivelser inuti <time>-taggar. Etc.

  • Alla sidor förutom startsidan verkar visa fel i webbkonsolen för script.js:

    Uncaught TypeError...

Personliga åsikter:

  • Ange öppettider med 24-timmarsklocka istället för am/pm. (Undantaget om sidan specifikt riktar sig till nordamerikansk publik eller liknande.)

  • Eftersom sidan är internationell/engelsk ange "SEK" (istället för ":-") för priser.

Snyggt! Konkret och värdefull feedback! Stort tack! Jag uppskattar det verkligen!

Visa signatur

Chassi: Fractal Design Define R5 l Moderkort: Gigabyte B550 Aorus Pro V2 l CPU: AMD Ryzen 5 5600X l Kylare: be quiet! Pure Rock l GPU: Sapphire RX 5700 XT Pulse l RAM: Corsair Vengeance LPX 16GB (2 x 8GB) DDR4 3600MHz l PSU: Corsair RM750x 750 Watt 80 PLUS Gold

Permalänk
Medlem

Min första fråga är ju varför du planerar att söka till fullstack developer om du är mest intresserad av UX/UI?

Wall of text, here we go!

Det är ju som sagt bra att du kan testa på lite allt möjligt för se vad är mest lockande i slutändan och innan du ansöker till utbildningar. Utöver det rent praktiska så tycker jag det är även värdefullt att du ägnar en del tid till att kolla hur det är att jobba inom X roll. Är också en del i varför jag alltid brukar fråga människor i hur deras drömjobb skulle se ut, i vad man vill jobba inom och på vilket typ av företag. Har man en hyffsad bild på det så är det ju lättare att gå vidare med att söka mer information i hur det ser ut i verkligheten. För även om man brinner och gärna vill jobba med X så kan ju den bittra sanningen vara att det yrket skulle inte alls passa en. Tar vi spelutvecklare som exempel, så kan det ju vara en dröm för många, men börjar man titta under ytan så kan man ju bli avskräckt. Krav på övertid, tighta deadline, hög sjukfrånvaro och allmän stämpel som en toxic bransch med dåliga arbetsförhållanden. Ja då kanske man tänker några extra varv innan man beslutar om att gå vidare och utbilda sig.

UX/UI som är då jag brinner för, så är ju mitt främsta tips att skrota allt som har med utveckling att göra. UX och UI är så pass stora ämnen så du kommer inte ha tid för utveckling. Sen är det ju givetvis så att ens roll/intressen kan förändras med tiden så att du i slutändan kanske arbetar med både design och frontend.

Det svåraste är ju att få in en fot och påbörja sin karriär. Leker vi med tanken att du ska söka en tjänst inom UX/UI och att jag då går igenom ansökningarna. Det jag kommer göra är att placera alla sökanden in till två grupper. Första gruppen kallar vi "specialister" och det som kännetecknar dessa är lägre antal ämnen och större kunskap per ämne. Den andra gruppen kallar vi "allt-i-allo" och har högre antal ämnen och lägre kunskap per ämne. Ett mer klumpigt uttryck är ju att vi pratar om kvalité och kvanitet.

Specialisten kan vara begränsad till UX och UI eller bara ett av dessa ämnen. Personen är väldigt nischad och kommer därmed ha större kunskap inom ämnet. Vilket då resulterar i att specialisten kommer att prestera bättre i UX/UI än allt-i-allo. Båda grupperna har sina respektive för- och nackdelar.

En anställning innebär ju ett risktagande för arbetsgivaren, speciellt när det kommer till juniora roller. Det som är synd enligt mig, är ju att arbetsmarknadens fokus är seniora roller där man försöker locka över medarbetare från varandra. Istället för att ha en mer långsiktig strategi där man faktiskt hjälps åt att ge nya talanger chansen att påbörja sin karriär.

Utifrån min erfarenhet så är det avsevärt vanligare att söka specialister vilket är också därför jag förordar att bara hålla sig till UX/UI och gå all-in för dessa. Det är inget negativt att vilja vara en allt-i-allo, men det kan i början av sin karriär vara svårare att hitta jobb. Det är både ekonomiskt och tidsmässigt risktagande av att anställa en junior så det är ju en bidragande orsak till varför man väljer att gå vidare med specialister för det är ett mer tryggt val i vad man vet man man får. Allt-i-allo kan signalera att personen själv inte har någon klar bild vad denne vill och är över hela kartan.

Åter till mer konkreta tips för UX/UI som jag ändå ska försöka hålla mig kortfattad om än jag kommer misslyckas med det då det är så pass omfattande.

Det vanligaste misstaget enligt mig, är att lägga för mycket fokus kring det visuella och inte ägnar tid till att beskriva processen och underlaget till hur man kommit fram till att det ser ut och fungerar som det gör. För att visa upp några statiska bilder på en webbsida eller app och ingen som helst beskrivning, ja det är ju verkligen helt intetsägande. Det jag tittar på kan lika gärna vara något copy & paste från någon annan.

Så när du designer så gäller det ju att träna på att tänka kring varför du gör si eller så. Skriv ned dina tankar så du har dokumentation under resans gång. Visst tusan kliar det i fingrarna att man bara vill sätta igång och designa och det är lätt att glömma bort vad själva syftet är och vilket/vilka problem man tänker lösa. Är det en webbsida från 2004, ja då är det ett problem med att sidan inte är responsiv vilket då gör att kunder har svårt att navigera på webbsidan då den inte är mobilanpassad. Du kan ha identifierat att knapparna är svåra att trycka på och det skapar en dålig användarupplevelse.

Vad är en bra design av knapp och hur vet du det? Behöver det vara en minimum i storlek och vilken storlek är det? Vilken storlek på texten har du och varför har du valt X och inte Y? Är det tillräcklig kontrast på färgerna och finns det lagar och riktlinjer att förhålla sig till det? Färgerna du valt, kan en person med nedsatt färgseende skilja dessa åt?

Ett annat tips jag brukar ge är att inte tänka på att det måste vara digitalt. En process behöver inte starta med att du gör wireframes i figma. Det kan lika gärna vara att du satt på kafferasten och gjorde några skisser på en servett. Sen kan du fota av servetten med skisserna för att då ha med i den beskrivande text som berättar om projektet. Man ska inte vara rädd för att visa något som inte är pixelperfekt.

Utmana dig själv också med att inte låsa dig fast vid att bara göra webbsida/app. Ta något helt annat, kan vara en fysisk produkt du gör om. Finns det någon produkt du har i hemmet som du kan göra bättre?`Annars så är en fjärrkontroll en bra produkt att ta sig an. Om jag inte missminner mig så är det i boken The Design of Everyday Things av Donald Norman som tar upp just det här med fjärrkontroll. Ska det vara fysiska knapp för alla funktioner så du har 100 knappar? Eller ska det vara mer avskalat där du har kanske 5 knappar och resterande inställningar gör du i UI:t på tvn?

Istället för att jag ska ge dig svar huruvida något är bra eller mindre bra sett till UX/UI på webbsidorna, så vill jag hellre utmana dig så att du får berätta hur du kommit fram till dessa designer. När det kommer till knappen så skrev jag tidigare några frågeställningar som är en bra grund att reflektera över. Helt okej om du vill ta det via PM. När det kommer till detta ämne så utvecklas man inte av att se ett facit, då facit nödvändigtvis inte är hugget i sten.

Jag avrundar med några boktips. Värt att kolla om du har bibliotek att låna ifrån då det blir fort en stor kostnad om man ska köpa böcker. Annars så kolla om det finns youtubevideos med dessa författare som pratar om ämnet.

The Design of Everyday Things, Donald Norman
UX For Beginners, Joel Marsh
Designing Interfaces, Jennifer Tidwell
User Friendly: How the Hidden Rules of Design Are Changing the Way We Live, Work, and Play, Cliff Kuang, Robert Fabricant
Rocket Surgery Made Easy, Steve Krug
Don’t Make Me Think (Revisited, Steve Krug
100 Things Every Designer Needs to Know about People, Susan M. Weinschenk
Laws of UX: Design Principles for Persuasive and Ethical Products, Jon Yablonski

Visa signatur

PC: AMD Ryzen 9950X3D | Gigabyte RTX 5070 Ti AERO | Samsung 990 PRO 4TB | Gigabyte B650E Aorus Stealth Ice | Corsair Dominator Titanium White 2x48GB DDR5 6600MHz CL32 | Lian Li O11 Vision Compact White | Lian Li HydroShift LCD 360TL White | Lian Li EDGE Platinum 850W White | Lian Li UNI FAN TL 3-pack 120mm Reverse White

Permalänk
Medlem
Skrivet av IMPANI:

Min första fråga är ju varför du planerar att söka till fullstack developer om du är mest intresserad av UX/UI?

Wall of text, here we go!

Det är ju som sagt bra att du kan testa på lite allt möjligt för se vad är mest lockande i slutändan och innan du ansöker till utbildningar. Utöver det rent praktiska så tycker jag det är även värdefullt att du ägnar en del tid till att kolla hur det är att jobba inom X roll. Är också en del i varför jag alltid brukar fråga människor i hur deras drömjobb skulle se ut, i vad man vill jobba inom och på vilket typ av företag. Har man en hyffsad bild på det så är det ju lättare att gå vidare med att söka mer information i hur det ser ut i verkligheten. För även om man brinner och gärna vill jobba med X så kan ju den bittra sanningen vara att det yrket skulle inte alls passa en. Tar vi spelutvecklare som exempel, så kan det ju vara en dröm för många, men börjar man titta under ytan så kan man ju bli avskräckt. Krav på övertid, tighta deadline, hög sjukfrånvaro och allmän stämpel som en toxic bransch med dåliga arbetsförhållanden. Ja då kanske man tänker några extra varv innan man beslutar om att gå vidare och utbilda sig.

UX/UI som är då jag brinner för, så är ju mitt främsta tips att skrota allt som har med utveckling att göra. UX och UI är så pass stora ämnen så du kommer inte ha tid för utveckling. Sen är det ju givetvis så att ens roll/intressen kan förändras med tiden så att du i slutändan kanske arbetar med både design och frontend.

Det svåraste är ju att få in en fot och påbörja sin karriär. Leker vi med tanken att du ska söka en tjänst inom UX/UI och att jag då går igenom ansökningarna. Det jag kommer göra är att placera alla sökanden in till två grupper. Första gruppen kallar vi "specialister" och det som kännetecknar dessa är lägre antal ämnen och större kunskap per ämne. Den andra gruppen kallar vi "allt-i-allo" och har högre antal ämnen och lägre kunskap per ämne. Ett mer klumpigt uttryck är ju att vi pratar om kvalité och kvanitet.

Specialisten kan vara begränsad till UX och UI eller bara ett av dessa ämnen. Personen är väldigt nischad och kommer därmed ha större kunskap inom ämnet. Vilket då resulterar i att specialisten kommer att prestera bättre i UX/UI än allt-i-allo. Båda grupperna har sina respektive för- och nackdelar.

En anställning innebär ju ett risktagande för arbetsgivaren, speciellt när det kommer till juniora roller. Det som är synd enligt mig, är ju att arbetsmarknadens fokus är seniora roller där man försöker locka över medarbetare från varandra. Istället för att ha en mer långsiktig strategi där man faktiskt hjälps åt att ge nya talanger chansen att påbörja sin karriär.

Utifrån min erfarenhet så är det avsevärt vanligare att söka specialister vilket är också därför jag förordar att bara hålla sig till UX/UI och gå all-in för dessa. Det är inget negativt att vilja vara en allt-i-allo, men det kan i början av sin karriär vara svårare att hitta jobb. Det är både ekonomiskt och tidsmässigt risktagande av att anställa en junior så det är ju en bidragande orsak till varför man väljer att gå vidare med specialister för det är ett mer tryggt val i vad man vet man man får. Allt-i-allo kan signalera att personen själv inte har någon klar bild vad denne vill och är över hela kartan.

Åter till mer konkreta tips för UX/UI som jag ändå ska försöka hålla mig kortfattad om än jag kommer misslyckas med det då det är så pass omfattande.

Det vanligaste misstaget enligt mig, är att lägga för mycket fokus kring det visuella och inte ägnar tid till att beskriva processen och underlaget till hur man kommit fram till att det ser ut och fungerar som det gör. För att visa upp några statiska bilder på en webbsida eller app och ingen som helst beskrivning, ja det är ju verkligen helt intetsägande. Det jag tittar på kan lika gärna vara något copy & paste från någon annan.

Så när du designer så gäller det ju att träna på att tänka kring varför du gör si eller så. Skriv ned dina tankar så du har dokumentation under resans gång. Visst tusan kliar det i fingrarna att man bara vill sätta igång och designa och det är lätt att glömma bort vad själva syftet är och vilket/vilka problem man tänker lösa. Är det en webbsida från 2004, ja då är det ett problem med att sidan inte är responsiv vilket då gör att kunder har svårt att navigera på webbsidan då den inte är mobilanpassad. Du kan ha identifierat att knapparna är svåra att trycka på och det skapar en dålig användarupplevelse.

Vad är en bra design av knapp och hur vet du det? Behöver det vara en minimum i storlek och vilken storlek är det? Vilken storlek på texten har du och varför har du valt X och inte Y? Är det tillräcklig kontrast på färgerna och finns det lagar och riktlinjer att förhålla sig till det? Färgerna du valt, kan en person med nedsatt färgseende skilja dessa åt?

Ett annat tips jag brukar ge är att inte tänka på att det måste vara digitalt. En process behöver inte starta med att du gör wireframes i figma. Det kan lika gärna vara att du satt på kafferasten och gjorde några skisser på en servett. Sen kan du fota av servetten med skisserna för att då ha med i den beskrivande text som berättar om projektet. Man ska inte vara rädd för att visa något som inte är pixelperfekt.

Utmana dig själv också med att inte låsa dig fast vid att bara göra webbsida/app. Ta något helt annat, kan vara en fysisk produkt du gör om. Finns det någon produkt du har i hemmet som du kan göra bättre?`Annars så är en fjärrkontroll en bra produkt att ta sig an. Om jag inte missminner mig så är det i boken The Design of Everyday Things av Donald Norman som tar upp just det här med fjärrkontroll. Ska det vara fysiska knapp för alla funktioner så du har 100 knappar? Eller ska det vara mer avskalat där du har kanske 5 knappar och resterande inställningar gör du i UI:t på tvn?

Istället för att jag ska ge dig svar huruvida något är bra eller mindre bra sett till UX/UI på webbsidorna, så vill jag hellre utmana dig så att du får berätta hur du kommit fram till dessa designer. När det kommer till knappen så skrev jag tidigare några frågeställningar som är en bra grund att reflektera över. Helt okej om du vill ta det via PM. När det kommer till detta ämne så utvecklas man inte av att se ett facit, då facit nödvändigtvis inte är hugget i sten.

Jag avrundar med några boktips. Värt att kolla om du har bibliotek att låna ifrån då det blir fort en stor kostnad om man ska köpa böcker. Annars så kolla om det finns youtubevideos med dessa författare som pratar om ämnet.

The Design of Everyday Things, Donald Norman
UX For Beginners, Joel Marsh
Designing Interfaces, Jennifer Tidwell
User Friendly: How the Hidden Rules of Design Are Changing the Way We Live, Work, and Play, Cliff Kuang, Robert Fabricant
Rocket Surgery Made Easy, Steve Krug
Don’t Make Me Think (Revisited, Steve Krug
100 Things Every Designer Needs to Know about People, Susan M. Weinschenk
Laws of UX: Design Principles for Persuasive and Ethical Products, Jon Yablonski

Jag får börja med att tacka dig för att du tagit dig tid att skriva ett så utförligt och bra formulerat svar. Jag kommer sätta mig in i det i detalj så for tid ges och kommer säkert behöva återkomma med en fråga eller två på PM, tack för det erbjudandet

Jag är mitt i en flytt mellan två hus just nu och allt är precis så kaotiskt som man kan föreställa sig så det lär dröja ett litet slag.

Visa signatur

Chassi: Fractal Design Define R5 l Moderkort: Gigabyte B550 Aorus Pro V2 l CPU: AMD Ryzen 5 5600X l Kylare: be quiet! Pure Rock l GPU: Sapphire RX 5700 XT Pulse l RAM: Corsair Vengeance LPX 16GB (2 x 8GB) DDR4 3600MHz l PSU: Corsair RM750x 750 Watt 80 PLUS Gold