Comment afficher au mieux ces options?
Nous avons un convertisseur qui vous permet d'indiquer le montant que vous souhaitez dans une devise ou le montant que vous avez dans une devise.
Le problème que je trouve est que nous avons ces boutons radio qui doivent être sélectionnés pour confirmer celui que vous voulez dire, puis cliquez sur soumettre.
Je trouve que nous confondons la plupart des utilisateurs et les boutons radio ajoutés permettent aux utilisateurs de taper dans les deux champs de saisie. Je me demandais comment je pouvais le simplifier ou clarifier ce qu'ils faisaient.
Compte tenu de l'exigence à des fins commerciales, nous avons I want et I have les deux là-bas. J'espérais donc que quelqu'un m'aiderait à créer une nouvelle expérience utilisateur innovante pour ce convertisseur? Apprécier ton aide.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
une. les boutons radio sont absolument redondants ici b. vous pouvez avoir 2 champs de saisie modifiables si vous le souhaitez - si vous tapez la valeur "Je veux" - la valeur "J'ai" sera remplie automatiquement. Par exemple. si vous tapez 10 euros comme je l'ai, le système calculera automatiquement que vous obtiendrez une conversion moyenne de 12,9620 dollars, et vice versa si vous tapez 15 dollars comme je le souhaite, le système vous indiquera combien vous devez avoir en euros.
vous pouvez également désactiver la modification du champ "Je veux".
Découvrez comment Google Converter est utilisé
@Anicho: J'en ai vu un bon exemple: http://www.oanda.com/currency/converter/
De plus, il ne serait pas préférable d'avoir "J'ai" comme première option, je crois que la plupart des gens ne sauraient pas vraiment combien d'argent ils veulent, disons pour prendre leurs vacances, mais ils sauraient combien d'argent ils sont prêt à dépenser.
Une autre option est de faire les options have et want dans un menu déroulant, donc vous commencez par I |have| |100| |USD| et ils peuvent le changer en I |want| |100| |USD|. De cette façon, il n'y a pas de confusion sur ce que fait le bouton radio, car la sélection est évidente (vouloir/avoir).
Je vois quelques problèmes:
"Je voudrais". Je veux un milliard de dollars. Mais, en réalité, je ne serais peut-être ici que pour 100 dollars. Je pense que les étiquettes doivent être un peu plus explicites.
Un utilisateur ne peut-il faire que l'un ou l'autre? Si c'est le cas, je ne répertorierais pas deux champs avec des boutons radio, mais je créerais un champ, puis une liste déroulante, où vous choisiriez le type de transaction. (ou, alternativement, conservez les radios, mais n'utilisez toujours qu'un seul champ de texte).
Mettez le bouton radio avant je veux et je l'ai. Mettez le bouton radio, je veux, la zone de texte et la liste déroulante des devises dans une div. Idem pour l'option J'ai. Modifiez la couleur d'arrière-plan de chaque div et ajoutez du rembourrage afin qu'elles soient espacées. Cela devrait rendre plus évident le fait qu'il existe deux options et que les utilisateurs n'entreront pas dans les deux champs.