Hallo,

Momenteel zijn we een betaalformulier aan het ontwerpen.
De versie die nu online staat is statisch (alles werkt op de pagina behalve de verzendknop).

Het winkelwagen achtige stuk kan later op meerdere manieren getoond worden: fixed aantallen, select buttons i.p.v. input velden, standaard waarde per product etc.
Link: https://www.paybrick.com/payments/20140303143818/

We horen graag je feedback over het design (hoe komt het over, ziet het er professioneel en veilig uit, wat kan anders?) en usability.

Update: de pagina detecteert automatisch de taal en land.
Momenteel is enkel Nederlands en Engels actief. Wanneer je je browser taal op Engels zet zie je de engelse tekst. Ga je via een proxy in de US, UK of FR naar de pagina wordt je geweigerd (is momenteel zo ingesteld om landdetectie/weigering te testen)

Het ziet er netjes en professioneel uit. Enkele punten die ik kan bedenken:

- Als ik het beeld kleiner maak verdwijnt bv de tekst 'Verstuur factuur naar', iets wat toch wel handig is om te laten staan.
- In de blauwe knop zou je nog een pijltje of iets in die richting kunnen toevoegen zodat het duidelijk is dat het om de 'volgende stap' gaat.
- Het comodo secure plaatje zou je eventueel even groot als de knop kunnen maken.

- Formulier wordt ineens Engelstalig als ik mijn browser resize, klopt dat?
- Betaalmethode valt weg bij resizen (ook de bedoeling?)
- Input (aantal) laat negatieve input toe waardoor ik nu geld van jullie krijg :-)
- Box shadow onder de styled select zou ik weghalen.
- Totaal bedrag > Totaalbedrag
- Code kan nog wat behaald worden (javascript uit de html bijv.)
- Externe jQuery library zou ik persoonlijk vervangen voor een lokale, het gebeurt volgens mij nooit dat google code eruit ligt, maar je weet het maar nooit!

Verder ziet het er gelikt uit! Ik vind het er direct vertrouwd uitzien en lekker clean / overzichtelijk, keep up the good work!

Hallo @rick en @Robin, bedankt voor jullie feedback!
Er staat momenteel een css media query die bij resize naar minder dan 750 px de weergave veranderd.
Dit verklaart al een hoop puntjes die jullie hebben omschreven en is bij mij bekend.

Alle punten die gaan over het verdwijnen van elementen negeer ik dan ook even.

@rick, "In de blauwe knop zou je nog een pijltje of iets in die richting kunnen toevoegen zodat " goede tip!
"Het comodo secure plaatje zou je eventueel even groot als de knop kunnen maken." zal even kijken of dat mooi is.

@Robin: inderdaad, dat is de responsive versie, die is echter nog niet zo ver.
Het formulier detecteert ook automatisch de browser taal en vertaalt inderdaad direct alles naar het engels (momenteel enkel NL en EN).
In de uiteindelijke versie komt er evt. een taalselectie. Ook land wordt automatisch gedetecteerd. Ga maar eens via een Franse proxy naar de pagina, dan zie je dat bij country France komt te staan.

"Input (aantal) laat negatieve input toe waardoor ik nu geld van jullie krijg"
Haha, zou je willen ;) natuurlijk wordt alles server side gecontroleerd, berekend en opgeslagen (alles gaat via PDO).
De calculatie is enkel voor een snel totaalplaatje voor de gebruiker.

"Box shadow onder de styled select zou ik weghalen."
Je bedoeld dat extra stukje? Dat krijg ik zo snel niet weg (is een plugin). Enig idee waar ik dat weg kan halen want dat stoort mij ook enigszins.

"Totaal bedrag > Totaalbedrag" Bedankt, ga het wijzigen! Ik laat in de final versie ook een vertaalbureau de diverse taalpakketten maken/controleren.

"Code kan nog wat behaald worden (javascript uit de html bijv.)" Mee eens, dit is puur een concept, zodra het helemaal naar wens is gaan we de code opruimen / strakker maken + WC3 valid (op 1 puntje na, de placeholders).

"Externe jQuery library zou ik persoonlijk vervangen voor een lokale, het gebeurt volgens mij nooit dat google code eruit ligt, maar je weet het maar nooit!" Inderdaad, bedankt


Een vraag van mij: vinden jullie het formulier niet te breed of te lang?
En wat vinden jullie van de papieren scheidingslijn?
PS de adresgegevens zijn nu nog niet geheel gebruikersvriendelijk, bij een foutmelding weet men namelijk niet wat er bij een veld ingevuld moet worden, waarschijnlijk komt de tekst boven de velden te staan i.p.v. enkel in de velden.

Een 2e concept formulier (we hebben uiteindelijk 1 apart formulier waar producten op getoond kan worden en 1 apart formulier voor enkel betalingen)


Het 2e concept formulier (ook nog een draft):
https://www.paybrick.com/payments/204346234622/