Feedback, betalning för uppfräshning möjligt.
 

Hej,

Jag är varken designer, programmerare eller webmaster egentligen.
Ändå så bygger jag och administrerar en hemsida:confused:

Men hur som helst, jag har gjort en design till en hemsida som ska fungera i Europa.
Jag vill gärna ha lite generella synpunkter på denna design och hur jag ska förbättra den.

Om någon lämnar ett utarbetat förslag på förbättringar så är jag beredd att betala för dessa om jag blir nöjd.

Att tänka på:
Sidan riktar sig till brandmän och detta område.
Många som ska använda sidan är inte bra på internet, dvs den måste vara tydlig och enkel att navigera.
Många som använder sidan kanske inte längre har perfekt syn, åter igen tydlig.

Jag gjorde innan en helt annan design som har då fått mycket kritik för att vara för mesig. Dock så fungerande den ju bra ur andra synpunkter.
Så nu måste designen vara mer åt det hållet jag nu gjort med starkare färger och mer fart helt enkelt.

www.brandskyddsinfo.se/bilder/1.jpg

Så, tacksam för synpunkter!

Mvh / Lars

Hur hade du tänkt uppdatera sajten med det typsittet? Är det bilder eller tänker du köra med att script (cufon) som byter ut typsnittet?

Jag antar att det är lång ifrån alla som har det typsnitt du använt. Kör på mer webbsäkra typsnitt till menyer m m är mitt råd.

Inboxningen av produktbilderna tycker jag inte fungerar i nuvarande form.

Personligen känner jag att det är allt för plottrigt på den sida du visar upp. Ögat vet inte vart det skall stanna och allt blir otydligt.

Färgerna, och blandningen fungerar rätt så bra mot målgruppen och för syftet, men ikonerna får du ta och göra om eller byta ut.

Du verkar ha hittat skugg och bevel-effekterna i Photoshop iaf, men det känns överanvänt.
Förenkla, tycker jag.

Tycker nog också att det är lite väl plottrigt - dvs får en riktigt "busy" känsla. Många gånger är svårigheten att hålla det enkelt och få fokus på just det målet man har med sidan. Det är så mycket man vill visa på en gång. Det finns massor med val. Vad vill du helst första klicket skall vara? Utgå från det i din design. Led dem genom processen.

Utöver sidan - var säker på att du går igenom dina flöden ordentligt. Där finns massor att vinna på helt korrekta flöden och göra det så enkelt som möjligt för kunden. Där efter kommer smarta automatiska e-mail som Amazon är så bra på. Köpte de den blåa vill de säkert ha den röda... :-)

Läs gärna Dannes blogg - där det finns en hel del tips att läsa och lära. Titta på denna tex - ett litet enkelt trick att få upp konvertering.

http://www.ehandel.se/dan/trygg-e-ha...tering-med-19/

Först, tack så mycket för era synpunkter!
Det överstämmer rätt väl med mina då jag också tycker det blir för mycket, för plottrigt helt enkelt.

Men jag duger inte till att få det bra, jag vill heller inte ta bort funktioner för att få ner plottrigheten.

Jag var lite klumpig i min första skrift för där låter det som att jag programmerar hela sidan vilket jag inte gör. Det är ett företag som gör detta åt mig men jag vill lämna en layout till dem som gör att jag får sidan som jag vill.

Jag har begärt förslag av dem men de lyckas aldrig få något jag gillar, så jag tog saken i egna händer med det.

Därav så kommer de att byta ut fonten till något som fungerar mm.


Hur som helst, jag vill gärna ha fler synpunkter eller förslag på hur jag kan få ner plottrigheten helt enkel.
Eller om någon vill göra ett förslag åt mig så kan jag betala en slant, jag är lite stressad så det vore trevligt!

Vad är det för fel på iconerna? fula? De indikera saker/förändringar hos produkten.

Ikoner ska vara självsägande, vilket jag inte tycker att de gör i detta fall

Jag är inte något designgeni själv, men för att förenkla hela sajten tycker jag att du ska ta bort knapparna "Administrator" och "FAQ". FAQ kan du lägga in under HELP, och Administrator har överhuvudtaget inte på sidan att göra eftersom det inte är något kunden behöver.

Jag tycker inte att fadeningarna överallt är snygga. Det ser som sagt ut som att du just hittat dessa effekter och leker med dem som ett barn.

Det är mycket svårt att veta vad ikonerna betyder. Vad gör mappen med en pil på? Och mappen med en enkelriktat-skylt? Kanske kan du ersätta dessa med textlänkar?

Har knappen "Add Eguipment" något särskilt syfte som gör att den måste finnas på förstasidan?

Använd inte versaler överallt.

Gör sidan luftigare, det finns ingen marginal mellan de olika produktrutorna. Använd en mindre fontstorlek och glesa ut litegrann. Överlag tycker jag det är för stor fontstorlek, både i menyn till vänster och i sidfoten. Behövs ingen ram runt bilderna.

Layouten i sig är bra. Menyupplägget funkar, sökfunktionen sitter så den syns.

Suveränt, tack för alla synpunkter åter igen!

Jag har gjort en del förändringar som ni ser på denna bilden.

www.brandskyddsinfo.se/bilder/2.jpg

Jag har gjort det lite luftigare genom att ta bort lite och dragit in kanterna på produkterna, minskat storlek på en del text, tagit bort en del versaltext, ändrat en ikon, tagit bort ramarna runt produkterna mm.

Ang ADD PRODUCT knappen så är den viktig att den alltid är synlig, dock så kan ju de knapparna ändra form/färg/typsnitt mm men de är båda ganska viktiga att de ska synas någonstans.

Ikonen berättar att produkten innehåller inlägg från medlemmar, dvs frågor mm.

Ska jag ändra fler versaler till vanlig? Ännu mindre storlekar? Fler förslag tages tacksamt emot!

/ Lars

Du bör byta typsnitt på nästan hela sidan. "Army" stilen tycker jag inte om, borde testa med Arial 12/13px. Använd inte "strong" effekt på texten i kontentan, blir nästan svårt att läsa.

Det är helt okey att använda strong effekt på texten när texten ligger mot en meny/fördelarna etc.

Där har du lite synpunkter från min sida :)

Vilken knapp menar du då? Jag ser ingen knapp som förmedlar KÖP eller "lägg i kundvagn".
Flaggikonerna fattar jag fortfarande inte vad de gör och varför blaffa upp "NOT YET RATED" - det har ingen mening.
Bättre är väl bara att visa upp fyra- eller femstjärniga ikoner, annars är det risk att ingen köper de som inte har så bra betyg. Det räcker att en person betygsätter en produkt som dålig för att detta fenomenet skall uppstå.
Eller varför inte facebook-stuket "Like". Det skall inte gå att dis-like.

Byt typsnytt i menyn; den markerade mategorin går inte helle ratt läsa.
Specialtypsnitt endast i rubriker, om något.

Ok nu har jag gjort ännu fler ändringar, vad ska mer ändras? Synpunkter?

www.brandskyddsinfo.se/bilder/3.jpg

Jag har bytt ut alla typsnitt till verdana eller arial för att det ska fungera för alla, men jag har några frågor.

Hur reagerar webbläsare på olika attributer såsom strong, sharp etc, fungerar det att använda detta?
Jag tycker att tex headlines ser betydligt bättre ut med Strong när det blir större textstorlek.

Vilka typsnitt skulle ni använda?
På produkt 1 så används Verdana bold 15 strong i headline
I texten är det Arial 13 standard

På produkt 2 så används Arial bold 15 strong i headline
I texten är det Verdana 13 standard

På produkt 3 så används Arial bold 18 i headline
I texten så används Arial 13 standard sharp


Mvh / Lars

Förlåt att jag inte skrivit detta men, detta är ingen köpsite, man kan inte köpa sakerna.

Det är en intern site för brandmän i olika länder att kunna disskutera kring produkter vi använder.
Flaggorna beskriver i vilka länder som produkten används.

Om man klickar på något om produkten så kommer man till en sida som är dedikerad till den produkten, där man kan disskutera och få mer information etc.

Ser mycket bättre ut med nytt typsnitt :)

Japp det blev betydligt bättre nu, mycket lättare för ögat:)

Jag flyttade även runt lite och förändrade en del knappar, gjorde även om equipment menyn lite.

www.brandskyddsinfo.se/bilder/4.jpg

Fler förslag på hur jag kan förbättra designen?
Jag är inte riktigt nöjd än men jag vet helt enkelt inte vad jag ska göra, jag flyttar och påtar men jag blir inte gladare för det.

Hej Lars,

Tio gånger bättre nu, jämfört med första skissen!

Mina tips/råd:

1. Aningen mindre text på de svarta knapparna. Tro mig, även äldre människor kommer att se vad som står om du drar ner dessa en storlek. Dessutom blir det stilrenare/snyggare.

2. Mer diskret (eller ingen) avgränsare mellan "Terms and rights" - "Sitemap" osv

3. Aningen mer rymd i "produktboxarna" upptill, dvs lite vitt utrymme högst upp, innan bilden på produkten och rubriken.

Det är små detaljer som kan lyfta en sajt rejält (inte bara layoutmässigt utan även i användarvänlighetshänseende *vilket jäkla ord*).

Lycka till!

Ok, här är den efter ändringar.

www.brandskyddsinfo.se/bilder/5.jpg

Är detta den slutliga versionen eller är det fler som har synpunkter?
Att få synpunkter såhär är något jag verkligen uppskattar!

Helt klart mycket bättre läslighet, men jag står kvar vid min ståndpunkt gällande ikonerna. :)

Hmm, ja men den enda ikonen är ju det dokumentet som berättar att det finns kommentarer mm att läsa. Vad ska annars representera detta?

De andra ikonerna är ju bara flaggor och de måste vara där, eller är de fula?

Flaggikonerna (just att de är runda) passar inte in och jag förstår inte syftet med dem, men det gör kanske besökarna.

Ok, jag testar att sätta fyrkantiga flaggor istället så får vi se.

Flaggorna berättar för användarna i vilket land som produkterna används i, det är en viktig del men kaaanske kan skippas i denna del på sidan och endast visas i den detaljerade vyn.

Snygg design! Jag tror du skulle kunna ta bort "View products in"-menyn. För en vanlig casual-användare finns det ingen mening med att ställa in resultatpagineringen. Kör istället med en fix tvåkolumnslayout med tio resultat per sida. Sorteringen bör vara efter senast kommenterad vara eftersom sidan är tänkt att vara en diskussionssite om jag förstått rätt?

Här kommer nästa,

Jag prövade sätta fyrkantiga flaggor på första produkten.
Jag tog bort valen i toppen, sorteringsordningen måste finnas men jag satte den i baren ovanför.
Då det kan bli många produkter i en kategori så satte jag även ett val längst ner nu om att visa 100 / sida istället.

www.brandskyddsinfo.se/bilder/6.jpg