webForumDet fria alternativet

Iidéer och inspiration sökes för layout av index-sida

Design & grafik

13 svar · 1 019 visningar · startad av lillebror

Medlem sedan apr. 20041 597 inlägg
Frågan#1

Hej!

Jag håller på med ett projekt och har kommit en bra bit på väg med funktionaliteten och användarvänligheten. Nu har "make-over"-turen kommit till index-sidan som jag ser som ett "skyltfönster" som har till uppgift att sälja sidan samtidigt som den skall tala om vad som är nytt och aktuellt. Jag försöker komma fram till vad som är viktigt/oviktigt att ha med på förstasidan.

Någon spontan kommentar på val av innehåll? wF kör ju exempelvis med "senaste trådar", "vilka har födelsedag" etc. Finns det fler koncept än detta då man i princip sammanställer "lite" av allt som hänt på sidan?

Nu har jag letat runt på nätet också för att hitta någon form av layout/struktur att utgå ifrån. Känner att jag behöver lite idéer hur man kan strukturera upp en sådan sida så att den blir lättöverskådlig och funktionell med ett säljande innehåll.

Hoppas jag inte varit alltför kryptisk i min framställning.

Bifogar en bild på hur förstasidan ser ut nu. Det är denna jag vill ändra. Om någon känner för att "kludda" på den och visa en idé så får ni hemskt gärna göra det :)

draft.jpg
Medlem sedan okt. 2002170 inlägg
#2

jo, du var rätt kryptisk :) vad är det du är ute efter egentligen?

om jag fattat det hela rätt så vill du alltså göra om förstasidan, men har idéer om funktionalitet och användarvänlighet redan uppskissat? om fallet inte är så och du helt enkelt bara söker efter inspiration, så föreslår jag sidor som exempelvis https://www.styleboost.com

annars; egentligen - utgå helt och hållet från den befintliga för att tvinga på en igenkänlighetsfaktor hos besökarskaran. jag brainstormar lite med mig själv här nedan så kanske du får någon idé.

jag skulle som sagt helt och hållet utgå från framsidan som du bifogade; den befintliga antar jag. men ta bort inramningen och låta texten flöda fritt i en tabell utan kant, istället för att tydligt avgränsa text mot bakgrund genom att lägga en svag skugga. dessutom verkar den befintliga ha metall-glättade knappar och ett tema av glödigt blå färger (?) utveckla detta; spray.se har en ganska hyfsad layout tycker jag, och det kanske är något att få inspiration ifrån?

nu vet jag inte exakt vad som ska vara på framsidan, som inte riktigt framgår helt och hållet, men jag skulle trycka in ganska mycket information på framsidan för att minska risken av för mycket musklick runt bland resterande deler av hemsidan. kanske "nyheter", "händer just nu" eller "förord av Fredrik Tibbling" skulle vara en passande front.

ja jag vet inte - du får utveckla vad det är mer specifikt du vill ha som framsida.

Medlem sedan apr. 20041 597 inlägg
#3

trendol skrev:

jo, du var rätt kryptisk :) vad är det du är ute efter egentligen?

Jag är ute efter skyltfönster helt enkelt där jag kan visa mina produkter/tjänster, dvs sidans innehåll. :)

trendol skrev:

jag skulle som sagt helt och hållet utgå från framsidan som du bifogade; den befintliga antar jag. men ta bort inramningen och låta texten flöda fritt i en tabell utan kant, istället för att tydligt avgränsa text mot bakgrund genom att lägga en svag skugga.

OK, idén är säkert jättebra men jag förstod inte ett ord av vad du sa :) Lust att förtydliga det hela. Exempelvis vilken inramning tänkte du på? Svag skugga, hur då?

Medlem sedan okt. 2002170 inlägg
#4

okej, skit i mitt förra inlägg. det var egentligen inget direkt förslag jag försökte komma med, utan mer en brainstorming med mig själv - som mycket väl var lika luddigt som ditt inlägg - som på sitt sätt kanske kunde bringa några idéer till dig. men så blev inte fallet, så okej - du vill helt enkelt bara ha ett skyltfönster för dina produkter och tjänster. om jag vore dig så ska du lyssna på vad du själv säger och göra något utav det; du nämnde skyltfönster - varför inte utgå från det? fota exempelvis ett skyltfönster från butiken eller något som berör verksamheten, placera in tjänsterna som symboler eller faktiska objekt, eller nåt liknande. gör sidan lite roligare att besöka, helt enkelt, och inte enbart ha länkar med "nyheter", "produkter" och en vanlig textbaserad brödtext.

om jag nu ska gå tillbaka till mitt förra inlägg så menade jag alltså att den nuvarande sidan faktiskt kan vara något att utgå ifrån, istället för att göra en helt ny sida, om du förstår vad jag menar. det finns alltid en risk för användarna som annars besökt sidan tidigare, att inte alls känna igen sig vilket blir dålig publicity; precis som du nämnde i ditt första inlägg - remake, inte någonting annat. få inspiration från andra sidor som du finner attraktiva.

hur luddigt det här än låter så menar jag bara väl. sorry, har jättegärna lust att utveckla mina förklaringar, men jag måste rusa. fråga gärna, så kanske jag kan svara på dem imorgon igen.

Medlem sedan apr. 20041 597 inlägg
#5

Nu har jag gjort ett litet utkast. Det är kanske inte den slutliga lösningen men det var det jag lyckades åstadkomma här om kvällen :) Synpunkter?!

https://www.flygfyren.nu/index.php

Medlem sedan nov. 20056 inlägg
#6

lillebror skrev:

Nu har jag gjort ett litet utkast. Det är kanske inte den slutliga lösningen men det var det jag lyckades åstadkomma här om kvällen :) Synpunkter?!

https://www.flygfyren.nu/index.php

Jag skulle försöka att ha lite mer luft i texten samt mellan alla rutor. Kanske slänga in en bild någonstans... Nu känns det lite väl mastigt tycker jag... Men det är bara en åsikt...

Tjing
Markus

Medlem sedan apr. 20041 597 inlägg
#7

Nu då? Har gjort lite rundningar för att få kantigheten och sedan har jag satt en line-height på 150%. Vart skulle man kunna placera ett bildelement för att "liva upp" det hela? Om man nu ska ha det dvs.

Medlem sedan nov. 20056 inlägg
#8

Alltså Layouten är rättså bra, var det även innan. Problemet jag ser är att det känns lite som att öppna en lagbok. Du skulle kunna lätta upp stämningen med lite bilder eller Illustrationer. Gör det mycket hemtrevligare och väcker kanske intresse för en person som inte alls egentligen var ute efter att hamna här. Som det är nu så känns det väldigt Fackmässigt med massor av information, det är ju helt klart också viktigt men testa bilder så tror jag det kommer lätta upp ganska mycket.

Tjing
Markus

Medlem sedan apr. 20041 597 inlägg
#9

Eftersom jag känner en viss brist på kreativitet och uppslag just nu så går det lite trögt...får grunna vidare i huvet lite och se om tankarna släpper om ett tag!

Medlem sedan apr. 20041 597 inlägg
#10

mastodont skrev:

Problemet jag ser är att det känns lite som att öppna en lagbok.

Jag håller med dig Marcus, det ser väldigt linjärt och stelt ut, hela designen. Försöker tänka mer olinjärt och komma fram till något som gör att inte hela förstsidan ser så inrutad. Inte det lättaste. :)

Edit: Den bruna färgen till rubrikerna - bra eller dålig?

Medlem sedan apr. 20041 597 inlägg
#11

Nu har jag ändrat design på förstasidan. Vad tycks? :OO

https://www.flygfyren.nu/index.php

Medlem sedan okt. 2002170 inlägg
#12

jag ska försöka vara objektiv i frågeställningen, trots att det är ganska svårt att låta bli att vara subjektiv :)

nåja. din sida ser ju bättre ut nu. problemet ligger nog dessvärre i att den blir för kal och stel i mångas smak. varför har du exempelvis blandat rött och blått tillsammans med svart brödtext?

- det skär i mina ögon i alla fall när jag ser en fin bild på ett flygplan som sidhuvud, med strikt svart text och sedan med ingress eller tidsstämpling i rött. för mina ögon ser det märkligt ut när uppmärksamheten plötsligt blinkar rött i en enkel datumstämpling.
- dra ner typsnittet en punkt. ser det okej ut? behåll om målgruppen kräver denna storlek.
- det här "glänset" som meny ser okej men kanske lite tråkigt ut. alternativ? flikar, textbilder?
- de statiska överskrifterna kanske du kan skapa som bilder istället? om dessa inte ska ändras gör det ganska mycket att på utvalda ställen placera ut kantutjämnade textbilder med ett utvalt typsnitt.
- jag skulle nog inte använda kursivt någonstans, utan istället markera det på något annat sätt.
- markera cellen "inloggning" på något sätt? bakgrundsfärg? inramning?

några punkter som du kanske kan följa.
alltså, du har ett bra upplägg till en snygg sida här. tyvärr ser det fortfarande stelt ut med strikta markeringar och lite för outnyttjad kapacitet av typsnitten. våga lite! även om sidan ska vara anpassad efter en strikt och mycket målinriktad layout så behöver det inte betyda att den ska vara uttryckslös.

Medlem sedan apr. 20041 597 inlägg
#13

Hej! Först vill jag tacka dig för dina, i mina ögon, mycket konstruktiva förslag :) Jag är som sagt inte en designguru men försöker hela tiden lära mig och och bli bättre och lyssnar mer än gärna på vad människor i min omgivning har för idéer och lösningar på problem.

trendol skrev:

nåja. din sida ser ju bättre ut nu. problemet ligger nog dessvärre i att den blir för kal och stel i mångas smak. varför har du exempelvis blandat rött och blått tillsammans med svart brödtext?

Jag kan hålla med dig om att den ser väldigt strikt ut men ofta känner jag det som att det blir antingen eller, när det gäller form/färg/layout. Det är inte lätt att försöka hitta den gyllene medelvägen mellan dessa faktorer.

trendol skrev:

- det skär i mina ögon i alla fall när jag ser en fin bild på ett flygplan som sidhuvud, med strikt svart text och sedan med ingress eller tidsstämpling i rött. för mina ögon ser det märkligt ut när uppmärksamheten plötsligt blinkar rött i en enkel datumstämpling.

Det enda jag kan säga här är att jag körde på känn när jag markerade datumet med röd färg. Ett nybörjarfel kanske man kan säga? :) För mig var det väl ett sätt att få lite färg på sidan men för det kanske det finns bättre vägar att gå.

trendol skrev:

- dra ner typsnittet en punkt. ser det okej ut? behåll om målgruppen kräver denna storlek.

Typsnitt på alla rubriker (ex. Inloggning, nyheter) eller själv brödtexten? Brödtexten förutom under statistik har storleken 12px. Ändra till 11px? Vad är felet med 12px? Nyfiken! :) Är det rent designmässigt då, inte vad som är mest funktionellt?

trendol skrev:

- det här "glänset" som meny ser okej men kanske lite tråkigt ut. alternativ? flikar, textbilder?

Den menyn jag innan denna var i så fall ännu tråkigare så detta var ett enkelt sätt att göra den bättre. Jag ska säga att den inte är slutgiltig på något sätt med den är ju väldigt enkel å andra sidan vilket gör det lätt att utforma och styra presentationen från databasen. Flikar är bra och snyggt. Dock måste jag prioritera menyfrågan kontra en del andra frågor/problem som måste löses men den läggs i kön!

trendol skrev:

- de statiska överskrifterna kanske du kan skapa som bilder istället? om dessa inte ska ändras gör det ganska mycket att på utvalda ställen placera ut kantutjämnade textbilder med ett utvalt typsnitt.

Jag läste att man ska försöka ha så stor del som möjligt i textform utav det som är ren text. Men jag håller med om att kantutjämnade bilder är finare. Det har väl slagit över igen för mig :e (antingen-eller-syndromet).

trendol skrev:

- jag skulle nog inte använda kursivt någonstans, utan istället markera det på något annat sätt.

- Det är taget. Svart kursiv text känns som det enda alternativet som är tydligt och syns bra.

trendol skrev:

- markera cellen "inloggning" på något sätt? bakgrundsfärg? inramning?

Det känns jättesvårt att lägga in någon bakgrundsfärg där för då blir det ju återigen stelt och fyrkantigt :OO

trendol skrev:

tyvärr ser det fortfarande stelt ut med strikta markeringar och lite för outnyttjad kapacitet av typsnitten. våga lite!

Ska jag använda större/mindre storlekar på texten mer blandat, är det så jag ska tolka det?

trendol skrev:

även om sidan ska vara anpassad efter en strikt och mycket målinriktad layout så behöver det inte betyda att den ska vara uttryckslös.

Upplever du den uttryckslös nu? Bra att du säger det nu så jag har möjliheten att omarbeta för det är verkligen inte min intention att skapa en uttryckslös sida/upplevelse :)

Jag ska nu ta och grunna vidare lite på dina synpunkter och försöka smälta det så att jag sen kan omsätta det i tillämpliga delar :birp

Trevlig helg!

Medlem sedan okt. 2002170 inlägg
#14

ja alltså, jag har absolut ingen aning om utifall mina ögon ser på saken överdrivet - kanske tycker huvuddelen av målgruppen att sidan ser mycket bra ut!

jag förstår dig - ibland blir man extremt blind och sidan blir således mycket strikt - striktare än vad man kanske tänkt sig. det är ju därför det är bra att bolla med andra, även om just mina ord kanske inte ger särskilt mycket information eller tips.

felet du gör är nog att inget känns särskilt "mjukt". i den meningen poängterar jag alltså skarpa ramar, svarta typsnitt och knappt några bilder. införskaffa några snygga ikoner, placera dessa ovanför varje tabellcell och markera dessa som ett slags område - "nyheter", "logga in", osv, kan ju vara ett tips för att piffa upp inlevelsen! att dra ner typsnittsstorleken till 11 gör sidan lite mer attraktivare, faktiskt :) i alla fall enligt mitt tycke! jag gillar minimalism kombinerat med stora illustrationer eller ikoner. det blir snyggare, fräschare och framför allt så får det plats mer text på mindre yta. en punkt gör ganska mycket faktiskt. funktionellt blir det ju ändå - fast åter igen; det beror ju på målgruppen. om sidan är tillägnad gamla gubbar med synfel på -20 så kanske du ska behålla storleken - eller öka i storlek ;)
gällande färgen återgår jag till den "mjuka" känslan; tänk på att följa någon slags grafisk profil. öppna ett nytt photoshop-dokument, testa olika färger och välj ut fyra stycken som du tycker är passande; inte för skarpa, inte för svaga - något mittemellan. typsnitten skulle jag - om jag vore du - därefter ha i gråa nyanser, testa kanske något nytt typsnitt (som faktiskt finns på alla datorer, även om det inte finns i listan i Dreamweaver, eller vilket program du nu än använder) som exempelvis Trebuchet eller någon snygg seriff.
varför svart kursiv text förresten? är det inte bättre att markera med fet stil och ha rubrikerna i två punkter större istället? fet-kursivt tillhör Word, inte Web ;)
och som sagt, de skarpa kanterna runt ramen som du har nu, och de tunna men svarta linjerna överallt på sidan, ger ett mycket stelt uttryck; mjuka upp det hela, lätta upp det. kanske lägg någon snygg bakgrund istället för att placera en skugga runt det vita som ramar in hela sidan? moln, exempelvis? flygplan i luften? gå efter ett visst koncept; vykort, illustrationer av flygplan, ja vad fan som helst :)

ja, well. jag vill inte låta brutal, men sidan är inte särskilt upphetsande :) det är ingenting som jag skulle inspireras av, så att säga. men samtidigt är du på mycket god väg! och som sagt, jag kanske har tokfel. det här är bara enligt mitt tycke! sidan är varken skit eller dålig, men den bör ha en extra touch; du har riset, men vart fan är kycklingen? ja, ehm. en ruggigt dålig parallell :)

trevlig helg själv!

275 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
116 ms — deklarationer (db)
0 ms — hämta statistik (cache)
145 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)