Bolla lite design och upplägg: groggtips.se

Hej!

Gjorde en tråd för ett tag sen där jag ville bolla lite idéer rörande ett koncept av en sajt som innehåller groggtips. Nu tänkte jag bara bolla lite upplägg.

Jag har tagit fram två olika versioner, relativt lika ändå, så jag tänkte att jag slänger väl ut dem här direkt tillsammans med lite tankar kring dem för att få igång diskussionen:

OBS! Jag har använt mig av Mozillaspecifika CSS3-attribut i båda två, så använd Firefox när ni kollar på dem! Lite obra, jag vet, men det skyndar på utvecklingstiden att slippa sitta och pilla med småbilder hela tiden.

#1: http://grendosa.net/groggtips.se_old-design/

Det här är den första jag gjorde, och den har egentligen ingen navigering alls då jag ville hålla den så ren framförallt och enkel som möjligt. En lista till vänster och lite filtreringsalternativ till höger.

I den här så är det även tänkt att när man klickar på en grogg så expanderas den direkt i listan. Har inte petat in kommentarsfunktion här, utan här är det röst minus/plus som gäller (á la Warpdrive exempelvis). (Nu när jag har fått lite distans till den så ser jag direkt att den skulle behöva en annan header och lite svagare ränder i bakgrunden.)

#2: http://grendosa.net/groggtips.se/

Det här är den andra jag gjorde. Grundtänket är egentligen detsamma, med en lista till vänster och lite filtrerings- och visningsalternativ till höger. Rätt så annorlunda header som dessutom har navigering, där det som finns bakom "Lägg in" egentligen bara är ett formulär med lite fält.

I den här är det tänkt att groggtipset öppnas på en "egen sida" när man klickar på den, med lite mer info och kommentarer nedanför på vanligt manér.

Observera att det inte är detaljer i form och färg som jag främst vill diskutera, utan mer upplägg/koncept, även om sådana kommentarer givetvis också är välkomna.

Bra synpunkt! Ungefär enligt det exempel som save postade?

Yes, rätt gissat. Klassisk paging är jag lite småallergisk mot, och jag vill helst undvika det i den mån det går. Vad tror du om en infinite scroll?

Tanken är att den alltid ska visa ordningsnumret. Jag kan tycka att det tillför en del, vad tycker ni andra?

Helt rätt. Någon bra idé på hur man skulle kunna visa alla ingredienser på en såpass begränsad yta? Förminskad textstorlek fungerar ju, men det måste även fungera för långa namn och många antal ingredienser.

Helt rätt, missade en ikon för att ta bort dem ur listan. På vilket sätt menar du snyggare? Vad säger du om idén som save lyfte fram där filtreringen döljs under en hide/show?

Kul! Håller med om att utan användare och liv så blir sidan i princip oanvändbar och väldigt tråkig. Så är det ju dock med de flesta sajter, men förhoppningsvis ska innehållet locka användare. Gäller bara att få till ett litet innehåll till att börja med.

Snygg! Du lyckades bra med att få in mycket funktioner på liten yta utan att det blev för plottrigt. Det jag är lite rädd för är att folk ska missa filtreringsfunktionen när den ligger dold under en hide/show, men det kanske fungerar i alla fall?

Givet att man ska stöda alla webbläsare i en färdig produkt, men det är rena prototyper jag har visat. Har inte orkat lägga någon tid på att få in webkit-/Operakompatibiltet också. Alla attribut har inte samma syntax till alla webbläsare (ex. gradients), så då blev det att skippa det helt och hållet. Det är en eller alla som gäller.

Mobilanpassning är nästan givet. Många har nog inte möjlighet att sätta sig vid en dator för att leta groggtips på nätet.

Jo, visst. Det är nog lite lathet från min sida också. Sett http://css3please.com/? Den är också riktigt trevlig för just sådana ändamål.

Du har inget emot om jag lånar lite inspiration från din skiss? Kanon! Innehåll kommer att behövas.

Du har helt rätt angående storleken. Ska göra om knappen, återkommer med en ny skiss såsmåningom. Hur menar du med att det blir brutalt mycket text?

Jag tror dock att det är viktigt att man i alla fall i ett första skede håller det ganska så enkelt. Älskar din idé med färger, men volym och vad det är för slags ingrediens slopar jag nog åtminstone till version 1.0. Färgidén kommer nog med dock. Tack för den.