De moderne webshopOntwerp en Techniek

Inhoud

Wat is een moderne webshop?

Interactie Ontwerp & Prototyping

De techniek

Software: Aanraders

Handige links

Wat is een moderne webshop?

Helder product overzicht

Goede cross- en upsell mogelijkheden

Duidelijk kassaproces & verwachtingsmanagement

Wat is een moderne webshop?

Helder product overzicht

Goede cross- en upsell mogelijkheden

Duidelijk kassaproces & verwachtingsmanagement

Product overzicht :D

Product overzicht :D

Product overzicht :’(

Wat is een moderne webshop?

Helder product overzicht

Goede cross- en upsell mogelijkheden

Duidelijk kassaproces & verwachtingsmanagement

Cross-selling (1)

Cross-selling (2)

Upselling

Upselling

Wat is een moderne webshop?

Helder product overzicht

Goede cross- en upsell mogelijkheden

Duidelijk kassaproces & verwachtingsmanagement

Stappen indicator, registratie, terug knop

Is het product op voorraad?

Hulp bij kopen

Vraag Anna

Houd mensen binnen het kassaproces!

Geef feedback

Interactie Ontwerp & Prototyping

Paper prototyping

Wireframing software

Axure

Just in mind

User testing

Usabilla

Paper prototyping

Wireframing software

User testing - Scenario (1)

User testing - Scenario (2)

De techniek

Wat is PHP en wat kan je ermee?

My weapon of choice: WordPress

De basis

Plug-ins

Het principe van templates

PHP is dynamisch

HTML is statisch

If ( $a === 1 ) { do something }

Simpel

My weapon of choice: WordPress

De basis

Plug-ins

Het principe van templates

My weapon of choice: WordPress

De basis

Plug-ins

Het principe van templates

De basis (1)

De basis (2)

My weapon of choice: WordPress

De basis

Plug-ins

Het principe van templates

Shopp plug-in (1)

Shopp plug-in (2)

Shopp plug-in (3)

Shopp plug-in (4)

Shopp plug-in (5)

My weapon of choice: WordPress

De basis

Plug-ins

Het principe van templates

Het principe van templates

Eigenschappen thema

Index.php - Main template file

Loop.php - “The Loop” template

“The Loop”

Eigen (pagina) template

Eigen (pagina) template

Software: Aanraders

WordPress + Plug-in

Prestashop

Magento

Joomla + Virtuemart

Handige links (1)

Excellent Checkout Process - http://www.smashingmagazine.com/2009/05/28/12-tips-for-designing-an-excellent-checkout-process

Paper prototyping - http://www.alistapart.com/articles/paperprototyping

Wireframing software

Axure - http://axure.com

Just in mind - http://justinmind.com

Andere pakketten - http://www.heeftstijl.nl/design/review-wireframe-pakketten-deel-1

Handige links (2)Webshop Software

WordPress - http://nl.wordpress.org

Zelf je thema bouwen - http://codex.wordpress.org/Theme_Development

WordPress Codex - http://codex.wordpress.org

Prestashop - http://www.prestashop.com

Magento - http://www.magentocommerce.com

Joomla - http://www.joomla.org

Virtuemart - http://virtuemart.net

Handige links (3)

Wordpress plug-ins

Shopp plug-in - http://shopplugin.net

WP e-Commerce - http://www.instinct.co.nz/e-commerce

Andere plug-ins - http://speckyboy.com/2010/06/16/the-ultimate-wordpress-shoppingecommerce-toolbox-plugins-and-themes