https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1 Grafisk Design för Webben en-us 2018-05-15 09:17:22 UTC 2024-11-21 18:27:25 UTC hello@padlet.com https://padlet-assets.s3.amazonaws.com/icons/Send.png rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260767466 Beställare: Svalöv är en kommun i Skåne som idag har fokus på naturen och gemenskapen i en liten bygd i fokus både i sin grafiska profil och innehållet i deras kommunikationsmaterial.

Målgruppen för hemsidan verkar vara både befintliga invånare och potentiella invånare till ungefär lika stor del. Informationen är både högt och lågt, allt mer eller mindre blandat på förstasidan men ändå relativt heltäckande för invånarna, men det grafiska materialet och broschyren som ligger längst upp riktar sig mer till de som eventuellt skulle kunna tänka sig att bosätta sig i kommunen och man framhäver fördelar så som utbildningsmöjligheter och fritidsaktiviteter för att skapa ett attraktivt intryck.

Reflektion: Min första tanke är att man behöver en betydligt luftigare sida,  med menyer och ett informationsträd hellre än liten text och försöka få in allt på en sida. Själva grafiska profilen är faktiskt riktigt bra, särskilt loggan med Ö:et som anspelar på raps och grönska, men man kunde använda andra typsnitt på brödtext för att få mer av ett samlat intryck, bredda hela sidan till helbredd, och samla mer av informationen i menyer eller tydliga kategorier för att få ett lite mer modernt uttryck. ]]> 2018-05-15 09:18:56 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260767466 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260768860 För att mobilanpassa sidan vill jag samla informationen i kategorier som på förstasidan ser ut som ikoner eller rektanglar med rubrik och eventuellt bild så att man inom 20sekunder ska få en total överblick av hur sidan ser ut. LÄTTNAVIGERAD är främsta nyckelordet, och less is more i all navigering, så att besökaren snabbt kan lokalisera den information man söker. Egentligen skulle man kanske gruppera vissa rubriker annorlunda och bryta upp andra, som tex ha Kultur Och Fritid som samlar allt inom kultur, evenemang, fritidsaktiviteter, friluftsliv osv. ]]> 2018-05-15 09:24:43 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260768860 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260796834 Känns som det är härifrån den befintliga profilen kommer, det gröna och det senapsgula. Gillar fortfarande det gula, men får inte vara för mycket och behöver bli klarare, så mer som en accentfärg. ]]> 2018-05-15 11:23:25 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260796834 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260797526 Den nya grafiska profilen får nog färger inspirerade av Skånes landskapsfärger, för att behålla det gula representerande naturen och rapsen, och det röda för en bra kontrast. Blått känns för torrt och myndighetsrelaterat för en kommunsida - även om dess information också ska vara formell, så är det ju ändå en sida med och för människro/ medborgarna och behöver då vara lite piggare för att kännas trevlig. ]]> 2018-05-15 11:26:20 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260797526 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260798567 Min första idé är att lägga med en svala. Kanske är det lite väl självklart, men känns som en symbol för den skånska landsbygden med så testar det. Inspiration: ]]> 2018-05-15 11:31:02 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260798567 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260798605 Känns som att jag vill använda ett tajtare snitt i loggan som är ganska högt men smalare än nu. På den nuvarande sidan så känns det som att typsnittet är en av anledningarna (efter informationshierarkin) som gör att helheten inte fungerar. Med ett modernare och öppnare typsnitt, särskilt för rubriker tror jag det kan bli en smula mer modern känsla. ]]> 2018-05-15 11:31:19 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260798605 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260799054 Utifrån korsvirkeshuset så funderar jag på att använda nedan färger i ungefär de proportionerna. Man kan använda det röda och gula mer som accenter, eftersom de är så starka, och ha som tex knappar, ikoner osv. ]]> 2018-05-15 11:33:17 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260799054 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260803519 2018-05-15 11:50:15 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260803519 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260803981 Det första man ser ska vara överblicken. Man ska kunna välja den information man vill ta till sig, gärna från kategorier som samlat saker på undersidor, och menyn ska kunna vara tillgänglig hela tiden med det fulla webbträdet av rubriker och underrubriker. ]]> 2018-05-15 11:52:05 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260803981 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260805932 2018-05-15 11:59:21 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260805932 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806098 2018-05-15 11:59:55 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806098 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806261 2018-05-15 12:00:28 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806261 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806391 2018-05-15 12:00:57 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806391 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806539 Knapparna ska vara enkla och synas direkt. Där det finns handling att ta, ska det vara tydligt. På så sätt hjälper man besökaren genom tex processen att hitta rätt blankett eller liknande. Krug pratar om (s.43) hur det å ena sidan kan vara en god idé att ha antal klick för att komma fram till informationen som en bra mätparameter för hur bra man strukturerat information, men än viktigare kan vara hur svårt det är att klicka rätt för att komma vidare mot rätt information. Alltså, väldigt viktigt att det känns som att man som besökare går igenom en snitslad bana som är redo för att jag ska gå den och bara med enkelhet hitta rätt information. ]]> 2018-05-15 12:01:33 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806539 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806658 Huvudmenyn/Header: Supertydlighet är nyckelordet, och att man ska kunna 1.Se avsändaren direkt, 2. Kunna ha hela informationsträdet och 3. Sökfunktionen tillgängligt hela tiden när man surfar. Denna meny ska hänga med vart man än surfar tänker jag, men eventuellt bli lite smalare när man väl börjar surfa runt/scrolla. ]]> 2018-05-15 12:02:01 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806658 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806901 Menyikonen fäller ut en meny som täcker hela sidan med tydliga + och - tecken för vad som är "utfällt" och inte. ]]> 2018-05-15 12:02:51 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260806901 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260808045 2018-05-15 12:06:50 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260808045 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260808257 Färger från trakten och Skåne känns som grönt och gult, som de har idag, men även det röda från vallmon under sommaren och skåneflaggan, det rostbruna teglet på de svart och vita korsvirkeshusen, och det bruna från åkrarna.... Särskilt de gamla byggnaderna är vackra och inspirerande... ]]> 2018-05-15 12:07:34 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260808257 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260819263 Frågan är om man ska satsa på ikoner eller inte? Finns en del om man vill göra kategorierna ikonbaserade, men känns som att det är så pass många olika kategorier och så mycket information att ta till sig och gå igenom som besökare, så kan motverka sitt syfte i detta fallet att ha för mycket ikoner... ]]> 2018-05-15 12:38:18 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260819263 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260819800 Gillar det klara och starka i färgerna, och känns faktiskt inte helt fel att även en liten kommun kan få ta till sig det kraftfulla röda... ]]> 2018-05-15 12:39:39 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260819800 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260821720 Tänker att man som ovan ska ha antingen ikoner, bara rutor med färg där det står en rubrik i eller rutor med rubrik (vit bakgrund) och sedan en bild till. Har hittat exempel och inspiration från andra sidor. Exempel 1:]]> 2018-05-15 12:44:25 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260821720 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260822580 Exempel 2:]]> 2018-05-15 12:46:46 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260822580 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260823746 Gjorde först en svart och en röd svala i illustrator med min nya kompis - punktritverktyget, och sedan tillsammans med det valda typsnittet UBahn blev det såhär. Tanken är även att svalan ska kunna stå för sin själv, och representera kommunen grafiskt i diverse sammanhang. ]]> 2018-05-15 12:49:57 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260823746 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260823826 Valde typsnitten Calibri för brödtext och Avenir Next för rubriker för att få ett mer öppet och lättläst rubrik-snitt och ett neutralt men ändå sans-serif-typsnitt för brödtexten. Vill nog använda mig av versaler för logotypen i antingen något som SF Movie (kernat typsnitt) eller ett som tar lite mer plats som UBahn. ]]> 2018-05-15 12:50:08 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260823826 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260828619 En varm Skåne-röd ton och en gul som är klar men går mer åt det gröna blir huvudfärger, och sedan vill jag nog jobba med toner av dessa, antingen genom att specifiera egna färger eller genom att lägga transparens på dessa. ]]> 2018-05-15 13:02:29 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260828619 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260828704 För menyer och eventuellt knappar]]> 2018-05-15 13:02:42 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260828704 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260838786 Märker att jag velat skissa mer för hand denna gång, vilket känns roligt och att jag även inte dragit lika mycket på tiden, utan arbetat mer kärnfullt för att komma till kruxet direkt, vilket är en förbättring för min arbetsprocess. Märker även att jag lite mer litar på mitt omdöme kring vad jag tror fungerar och inte fungerar i nuläget, även om jag inte är rikigt där jag vill vara för att kunna skapa ett rikigt bra alternativ (alltså sätta mina idéer i verket) - men känner att jag även här så smått börjar bli bekväm med Adobe-programmen och att jag blir iallafall inte lika knäckt när jag inte kan :)... 

Funderar på upplägg av sidan och på ens ofta låga "goodwill" som besökare som Krug pratar om (s. 166). Känns som det allra viktigaste att informationen är helt rätt strukturerad, och att det är enkelt att hitta det mest relevanta först, annars kommer kommunen tappa förtroende bara för en sådan sak. Hemsidan är ju trots allt idag ens digitala ansikte utåt. ]]> 2018-05-15 13:22:48 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260838786 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260840027 2018-05-15 13:25:17 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260840027 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260854863 2018-05-15 13:55:45 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260854863 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260855021 2018-05-15 13:56:04 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260855021 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260855215 2018-05-15 13:56:31 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260855215 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260893736 Variant av förstasida med bara stora knappar/kategorier utan ikoner för att inte tappa bort informationen...]]> 2018-05-15 15:23:15 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260893736 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260894526 Mindre kategori-ikoner och att man ser att det finns mer i flödet längre ner. Hade tänkt göra ikoner för allt, men känns som att det redan är mycket information att ta till sig, så jag skippar det. Det viktiga här är ju läsbarhet, att man enkelt ska kunna ta till sig informationen och istället fokusera på informationshierarkin - vad är det för information flest människor söker mestadels av tiden!?!?!]]> 2018-05-15 15:25:21 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260894526 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260949520 Skåne i ett nötskal! Har alltid älskat korslängorna mot de bruna, gröna och gula fälten och med de röda vallmon, så tänker att detta får symbolisra det svarta/vita på hemsidan som jag gärna skulle vilja lyfta lite mer. Den gröna som är nu blir lite väl tam med så mycket information. Tror på betydligt stramare informationsupplägg och att blanda det svart/vita med klara färger. Kanske rostrött som här, men får nog bli en klarare röd. ]]> 2018-05-15 17:34:55 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260949520 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260949920 2018-05-15 17:35:46 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260949920 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260950308 2018-05-15 17:36:38 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/260950308 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/261260736 Känner att sidan blir bra rent färgmässigt och har tagit ett steg mot betydligt bättre informationsstruktur, men om jag hade jobbat om sidan på riktigt så hade jag dels pratat med kommunen om rubriker eftersom det är det viktigaste biten i att hjälpa besökare hitta rätt sak snabbt.

Sen ser jag även nu efteråt att det känns en aning platt, skulle kanske låtit elementen flyta mer "i luften" med hjälp av någon försiktig skugga, så att det blev mer djup i bilden. 

]]> 2018-05-16 15:29:03 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/261260736 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/261263464 2018-05-16 15:35:49 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/261263464 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/261266973 Utan tydliga rubriker så associerar folk fel och det tar en evighet att hitta rätt saker. Håller med Krug i att om inte folk kan hitta vad de söker, så lämnar man sajten! (Står bland annat om detta på s.54 och i kapitel 6.). Men i nuläget, men icke-optimala rubriker, så är det därför viktigt att sökfunktionen är supertydlig och alltid tillgänglig , vilket jag tänkte på i designen av sidan (står om detta i kapitel 6, s.56 bla, Krug - om hur man som besökare avgör ifall man litar på att infprmationsstrukturen håller upp och att man kommer hitta rätt sak snabbt. ]]> 2018-05-16 15:43:59 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/261266973 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/261276849 Detta är den utfällda menyn som ska ge övertydlighet. Viktigt är här att rubrikerna går från viktigast till minst viktiga, och att de verkligen beskriver det som finns under dem och det som folk associerar till det man letar efter!

Till menyn är Avenir Next använt men har spärrat bokstäverna något. ]]> 2018-05-16 16:04:35 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/261276849 rebecka_tuma0002 https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/261277503 Bestämde mig för två ikoner, menyn och sökfunktionen, och att inte lägga på fler som skulle förvirra och göra att det tog längre tid att leta info. Knapparna blir gula och röda, med olika tonvikt beroende på vilken man väljer. ]]> 2018-05-16 16:05:53 UTC https://padlet.com/rebecka_tuma0002/gxqnp54zoqg1/wish/261277503