RSS

Archive for the 'Design & Usability'

Design Navigation - La bonne architecture se trouve!

23 novembre

Bonjour, merci pour la visite - J'espère que vous trouverez des informations utiles. mais aussi laisser un commentaire si vous avez des commentaires sur le sujet.

Parmi les éléments les plus importants d'un site web est certainement la navigation, parce que le meilleur contenu sans grand succès si elles ne peuvent pas être trouvés. Cible quand il ya une conception intuitive de navigation, le public cible et des contenus pertinents pour les menus en développement.

Lire le reste de cette entrée »

Transparence et d'accroître les revenus des magasins en ligne!

17 mai

Un critère important pour le succès des magasins en ligne, il est possible d'être transparent pour les clients. Le client potentiel doit être autant d'informations utiles sur le processus de commande, à l'expiration de l'ordre mais aussi pour le traitement des plaintes et les retours sont disponibles. Cela devrait être de prendre des boutiques en ligne à mon avis, une partie de même que d'autres mesures de confiance à la peur des clients de l'achat. " Et la meilleure partie est que ce lot ne peut être accompli avec relativement peu d'effort.

Lire le reste de cette entrée »

3 commentaires

Posté dans le eCommerce

Navigation Architecture: montrer à l'utilisateur où il est!

28 avril

Il a, ces dernières années déjà contourné que nous devrions montrer aux utilisateurs où ils sont et si un utilisateur peut facilement s'orienter dans un site. Aussi simple que cela puisse paraître, ce commandement est si souvent ignoré ou est-il ici quelques subtilités qui n'ont pas encore obtenu partout.

Élément de menu active pour sélectionner
La norme exige maintenant actif pour sélectionner des éléments du menu. Ici, cette sélection est de rendre visuellement évident. La différence entre la sélection d'éléments sélectionnés ANDNOT navigation devrait être immédiatement reconnaissable à un coup d'œil. En outre, il convient de noter que les travaux se poursuivent à tous les niveaux avec la coloration de navigation. Encore et encore, nous voyons des sites où l'élément du menu principal est sélectionné beau, mais à partir du deuxième ou troisième niveau du chaos optique éclate.

Breadcrumb Navigation intégrer
Navigation. La structure plus complexe et plus profonde de navigation d'un site est, le plus important est un fil d'ariane. Cela peut créer certains problèmes à partir du cou et a créé un point de référence mondial pour l'utilisateur. darstellen. Cependant, un fil d'ariane ne devrait jamais être la seule option. À mon avis, sont les «miettes de pain" pour une orientation rapide et appelé en cas d'urgence peut aussi abuser de cet utilisateur à naviguer.

Chaque côté de leur menu
Chaque partie devrait être affectée à un élément de menu. Surtout sur la première page on voit souvent des sous-éléments sont affichés dans le menu de n'importe où. Cela se traduit dans les pages qui sont plus ou moins dans un "vide" de l'espace. Des exemples classiques de cette offre, par exemple, les pages liées à la page d'accueil une bannière, mais alors être affecté à tout élément de menu. L'utilisateur clique sur la bannière correspondante et a alors aucune idée où il est. Dans le même temps, la page "Home" est seulement une page et ne doit pas contenir de nombreux sous-sites.

Le bouton Retour n'oublierez pas!
Un grand classique: le site ne doit pas utiliser la fonction "Retour" de travail des boutons dans le navigateur. Donc nécessairement mettre en œuvre retour des boutons aux bons endroits. Avec les bons endroits, je veux dire que juste parce que le bouton est aufscheinen où vous en avez besoin. Un tel lien est de retour sur la page d'accueil plutôt inutile. Uniquement sur ​​les pages de détail pour une "lire la suite" le lien et pas accessible par le menu l'est, à mon avis a du sens.

Intégré Sitemaps
Une autre façon de donner à l'utilisateur un bon aperçu de la structure latérale fournir des services intégrés sitemaps. die man in den letzten Jahren immer öfters sieht. J'entends par là que ce globales, intégrées dans le pied à l'Sitemaps ces dernières années vu plus souvent. Zwecken nutzen. Honnêtement, je n'ai aucune idée de ce que vous appelez les choses officiellement, mais ces ego-découverte plutôt maniable et, accessoirement, ces sitemaps à la bonne utilisation des fins de SEO.

Conclusion:
Ce sont quelques conseils pour guider l'utilisateur dans le site pour les utilisateurs à mieux et moins internetafine à courir sans frustration à travers le site. in bestehende Websites eingebaut werden sollen. Bien sûr, le tout avec une complexité croissante et la profondeur de la navigation plus difficile et il est particulièrement délicat lorsque nachträgich niveaux de navigation dans les sites existants seront installés. Il est préférable de prendre en compte dès le début d'un projet déjà d'un niveau.

Augmentez vos ventes grâce à l'amélioration des processus de commande

25 mars

Website. Le processus de commande est la partie la plus importante de tout site eCommerce. Pour cette raison, il est logique d'aborder cette question de façon plus intense, pour chaque optimisation peut augmenter le taux de conversion et de conduire à un roulement plus élevé.

Cherchez et vous trouverez ... ou pas
L'utilisateur doit commander la marchandise sera aussi simple que possible. Cela commence par le fait que les éléments les plus importants pour un achat être clair.

Le processus de commande commence avec le bouton "Ajouter au panier" à côté du produit concerné. Devraient donc être employés sur la page produit que le bouton est placé bien visible.

Par conséquent:

  • Le bouton doit avoir une légende unique qui encourage l'utilisateur à cliquer.
  • Le bouton devrait être graphiquement conçu et ostensiblement placé près du sommet de la zone visible du site immédiatement.
  • Par ailleurs, le chariot réelles sont clairement marqués. Pour l'utilisateur doit être clair ce qui se passe après que vous ajoutez un produit à votre panier. Questions telles que: Où a atterri le produit? Où est le panier? Comment puis-je procéder à la commande? doit être répondu déjà dans l'exécution par le biais concept, le design, et des étiquettes.

Visualisez un bel exemple de l'ajouter à votre panier, par exemple, le Tyrol annoncer votre commande de brochures choisis. Par le bouton de commande une animation javascript vole vers le panier. Ainsi, l'utilisateur est immédiatement clair si les produits choisis peuvent être trouvées. En outre, des brochures déjà choisi sont marqués par un bouton gris.

Tirol Werbung - Visualisierung des Bestellvorgangs

Tirol Werbung - visualisation du processus de commande

Logiquement, ce que les points mentionnés ci-dessus pour le bouton de commande, de sorte que le bouton "Paiement" dans le panier est exactement la même. Cela pourrait causer, même l'addition ("Vous pouvez annuler la commande, à tout moment») comme un impact positif. Depuis, cependant, varient selon les groupes cibles et de design, je peux vous recommander ici pour effectuer des tests plus précis. Basé sur les résultats que vous pouvez alors décider si le bien supplémentaire est nécessaire ou non.

Une boutique en ligne n'est pas un supermarché
Bien que dans les supermarchés, la vente de bonbons, etc à la caisse enregistreuse ne fonctionne pas très bien pour les magasins en ligne. Dans la boutique en ligne, nous n'avons malheureusement pas l'avantage que chaque acheteur à la caisse doit passer. Sur le site il est beaucoup plus facile d'annuler l'achat, mais un simple clic suffit sur ​​le X rouge en haut à droite du navigateur, sur des bannières ou des liens d'autres. C'est précisément pour cette raison doit être évité toutes les distractions dans le processus de commande. - Schnack ” kann auf der Website betrieben werden, allerdings nur bis max. Autrement dit, la vente croisée, le placement de produit et similaire "cloches - et de sifflets" peut être exploité sur le site, mais seulement jusqu'à max. ajouter au panier. Une fois que le client a décidé d'acheter et de commencer le processus de commande doit être évité toutes les distractions.

Très beau est le leader de l'industrie libéré de l'Amazonie. Une fois que vous cliquez sur le bouton "Commander" Juste de surf, une page est ouverte, ce qui est seulement pour l'achat des informations nécessaires. Sans utiliser le bouton Retour de votre navigateur, il n'est plus possible de revenir à la page précédente.

Konzentration auf das Wesentliche bei Amazon

Se concentrer sur l'essentiel sur Amazon

Confiance et transparence sont importantes
Les mesures de confiance peut aider les inhibitions au sujet d'une commande en ligne de temps. Pour cela on peut désormais écrire en toute sécurité à chaque point d'un poste distinct. Peut-être que je vais le faire une fois, mais il ya beaucoup d'auto-explicatif, je vais maintenant laisser à une liste de quelques points, sans prétendre à l'exhaustivité.

  • eCommerce certification
  • Politique de confidentialité lieu sur le site Web
  • Les coûts supplémentaires comme les frais d'expédition, de transparence et d'identifier le plus tôt possible dans le processus de commande
  • Possibilités d'échange et de l'Etat de retour
  • Paiement des pays cibles pour s'adapter. Si seule carte de crédit offre, ce qui peut constituer un obstacle.
  • Intégration de texte d'aide descriptifs
  • Note sur un service hotline
  • Représentation unique des différentes étapes dans le processus de commande.

Tester, tester, test
En outre, les essais en cours de détails importants et aussi extrêmement intéressant. sehr viel bewirken. Dans les processus de l'ordre peuvent souvent de petites choses comme la couleur et le positionnement d'un bouton de commande, faire une énorme différence. Pour être sûr de savoir si un développement est une amélioration, mais vraiment il est logique abzutesten quelque chose, par exemple avec Google Website Optimizer.
Par ailleurs, on peut tout naturellement être inspirées par les dirigeants de l'industrie, car ici, on peut supposer que les tests d'utilisabilité de très nombreuses ont été effectuées. Mais, même alors ... essai, test, test ... il n'ya pas de recettes faciles ne fonctionnent pas et il doit être le même. L'âge, l'origine et l'affinité de l'ordinateur cible peut grandement affecter la performance de détails individuels des détails plus distincts.

4 commentaires

Posté dans le eCommerce

Optimisation du processus d'inscription

11 février

La conception de sites d'enregistrement est malheureusement très souvent donné trop peu d'attention. Il arrive souvent que beaucoup d'efforts à faire que la conception d'un site est inscrit, et pourtant sous-pages que Registrieungsseiten sont malheureusement oubliés. C'est précisément dans de telles situations, il arrive que ces pages sont ensuite placés en fonction de programmeurs système en 0815 à partir de la grille existante graphique. Ensuite il suffit de compter le Registirerungsprozesse aux pages principales des sites de nombreuses - mais finalement il va à de nouveaux clients - ce qui semble incompréhensible. Par conséquent, vous devriez prendre votre temps délibérément et considère que la page appropriée dans la conception et la conception de l'écran.

Dans cet article, je définis les pages d'inscription sous forme de pages d'information, dont la tâche, il est nécessaire de fournir des informations aux visiteurs et de persuader. Le formulaire d'inscription réelle est généralement une page séparée. Au formes très courtes, telles que l'inscription newsletter mais il peut aussi faire beaucoup de sens, tant d'un côté à représenter.

Comme un peu d'inspiration aujourd'hui, je liste des éléments potentiels / contenu des pages d'inscription. Bien sûr, pas tous les éléments à toute fin utile, ne doit jamais servir aucun objectif après l'enregistrement, en partie, différents points seront plus pertinents que d'autres.

  • Elevator Pitch

Ceci est un bref résumé de la signification possible du site / application, etc pour vous inscrire. Par exemple, Flickr est le "Montrez vos photos. Regardez le monde. "

  • Description générale

Une description générale du produit devrait être formulée comme vif et facile à comprendre. Les descriptions peuvent être très bons dans ce cas fournir un soutien avec des icônes. Ci-dessous je vous ai montré un exemple de TripIt. Ce site est le modèle mis en œuvre à mon avis.

  • Liste des services

Liste des services et des fonctions disponibles à l'enregistrement pour aider, pour convaincre l'utilisateur de s'enregistrer eux-mêmes.

  • Liste des avantages pour l'utilisateur

La même chose s'applique ici comme avec le point sur les services. Toutefois, cela devrait profiter aux utilisateurs de son enregistrement a souligné clairement la volonté.

  • Appel à l'action

Graphiquement avec un bouton de premier plan est mis à l'utilisateur que possible juste pour obtenir le formulaire d'inscription. Je pense que c'est encore mieux si une petite version de la forme est intégrée directement sur la page d'inscription. Ainsi, par exemple, le nom d'utilisateur et adresse email interrogé directement. Après avoir complété ces données, l'utilisateur peut ensuite être dirigé vers un formulaire détaillé avec le reste des champs. Cette procédure réduit le seuil d'un pour commencer le processus d'inscription, d'autre part peuvent former des avortements sont enregistrés sur le plan statistique et par e-mail envoyé à une date ultérieure sera un rappel. Dans ce cas, la livraison des e-mails seront acceptés directement dans la première étape avec la case à cocher.

  • Témoignages / Références

Témoignages et / ou références, en particulier dans les services commerciaux sont déjà la norme. Des clients satisfaits de générer la confiance et affecte certainement positif.

  • Tour / Screenshots

Visites virtuelles sur des produits offrent des produits logiciels. Surtout dans ce segment, il est souvent difficile pour l'utilisateur d'avoir une idée de ce à quoi s'attendre. Cela peut être contrecarrée avec des screenshots et des visites virtuelles très bien.

  • Afficher les mesures nécessaires à la réalisation

Selon la devise «En 3 étapes de votre site", ces étapes peuvent être répertoriés directement sur la page d'inscription. Celle-ci prend l'utilisateur dès le début de la crainte de formes infinies et compliqué à utiliser.

Exemples:

Flickr Registrierungsseite

Flickr page d'enregistrement

Tripit

TripIt

Linkedin Registrierungsseite

Linkedin page d'enregistrement

Formulaire de la page d'optimisation Conseils J'ai résumé dans un post précédent. Il est disponible ici: augmenter les conversions grâce à une meilleure forme .