Deel 2 webshop mobiel: Van ontwerp naar implementatie

Het geschetste ontwerp links en het resultaat in HTML/CSS rechts
Schets van ontwerp links en resultaat in HTML/CSS rechts

Van schets naar HTML/CSS

De ruwe schets uit deel 1 is omgezet naar HTML/CSS. er is geen stap in PhotoShop aan vooraf gegaan. Wat de voordelen van deze aanpak zijn, kan je hier lezen: 37signals: Why we skip Photoshop.

Lees verder…

Ontwerp userinterface webshop voor mobiel

Webshop iPhone

Door de userinterface van een website eerst voor de smartphone (aka mobiel) te ontwerpen, wordt de ontwerper gedwongen om zich te focussen op alleen de meest belangrijke acties. Door het beperkte scherm is er immers geen ruimte voor overbodige content. De gangbare term hiervoor is “Mobile first”.

Lees verder…