4shared

Comment choisir les Patterns droit interface utilisateur pour votre conception de Web

By  |  0 Comments


Comment Choisir Les Patterns Droit Interface Utilisateur Pour Votre Conception De Web

Il ya des milliers de modèles établis, avec de plus en plus en cours de création quotidienne & ndash; mais pas tous d’entre eux vont travailler pour vous.

Afin d’affiner les modèles, qui fonctionnent mieux pour vous, je recommande un processus en quatre étapes:

  1. Identifier votre site & rsquo; s problèmes
  2. .

  3. qui recherche des motifs autres sites utilisent pour résoudre le problème.
  4. examiner comment d’autres sites utilisent ces modèles
  5. Disséquer les modèles et choisir les éléments pour vous.

En adoptant une approche axée sur les problèmes de la sélection des motifs de l’interface utilisateur, vous vous empêcher de choisir une mise en page tout simplement parce qu’il & rsquo; s la chose de la hanche à faire. Alors que de nombreux modèles d’interface utilisateur méritent leur popularité, vous ne devriez jamais baser votre web conçoit tout simplement sur ce que & rsquo;. La tendance de

Pensez à comment vous pouvez aider les utilisateurs à mieux accomplir certains objectifs sur votre site, puis commencent à creuser dans les modèles les plus efficaces.

une étape par étape cadre pratique

Let & rsquo; s voir le processus à l’œuvre avec un exemple:. Vous remarquez que beaucoup de vos utilisateurs aren & rsquo; t signature lors de la navigation dans votre site

1. Identifier les problèmes de votre site:
Parce que les utilisateurs sont encore à venir à votre page et de passer une quantité appropriée de temps là-bas, vous pouvez en déduire que le problème provient des processus de connexion et de l’inscription. La solution, alors, serait un moyen de simplifier les processus afin que vos utilisateurs Don & rsquo; t. Esprit les faire

2. Recherche laquelle des motifs autres sites utilisent pour résoudre le problème:
Vous décidez de faire un peu de travail de détective et visiter certains sites populaires semblables à la vôtre . Certains utilisent un paresseux inscription , mais que doesn & rsquo; t résoudre votre problème d’inciter vos utilisateurs de connecter ou vous inscrire. D’autres utilisent des mesures incitatives comme des fonctionnalités supplémentaires ou plus de contenu, mais que doesn & rsquo;. T Montez avec le style de votre site particulier

Enfin, vous remarquerez que certains sites utilisent une connexion sociale, qui leur permet de connecter ou vous inscrire à leurs comptes préexistants médias sociaux. Cela sonne comme une bonne solution pour votre problème et adapte le site & rsquo;. S un style facile à vivre

Getting A Close Occam - Comment Choisir Les Patterns Droit Interface Utilisateur Pour Votre Conception De Web's Razor
Source:. Jukely

(Notez que votre inscription paresseux, incitations Inscription et connexion sociale sont tous les différents modèles qui vous choisirez dépendra de votre site & rsquo;. S besoins spécifiques.)

3. Examiner comment d’autres sites utilisent ces motifs:
Vous prenez un regard plus profond sur les gros sites comme Spotify, Pinterest, Wunderlist et de voir comment ils utilisent la connexion sociale. Vous pouvez même consulter des sites sans rapport avec le vôtre pour voir comment ils gèrent le motif, juste au cas où ils vous inspirer.

Getting A Close Occam - Comment Choisir Les Patterns Droit Interface Utilisateur Pour Votre Conception De Web's Razor
Source:. Wunderlist

4. Disséquer les modèles et choisir les éléments pour vous:
Vous remarquerez que différents sites offrent différents points de vente de médias sociaux comme Twitter, Google ou LinkedIn & ndash; mais chaque site inclut Facebook. Parfois, les options sont énoncées avec le texte (& ldquo; Inscrivez avec Facebook & rdquo;) tandis que d’autres fois, ils ont juste les médias sociaux & rsquo;. S icône située à proximité du formulaire de connexion afin que vous sachiez son but

souvenir le principe de la Gestalt sur la façon dont la proximité suggère fonction (que vous pouvez en apprendre davantage sur dans UI Web Design pour l’oeil humain ), vous décidez seulement un bouton avec une icône est assez & ndash; après tout, connexion sociale est un motif populaire et vos utilisateurs sera probablement connaître ces boutons signifie qu’ils peuvent se connecter à leurs comptes de médias sociaux. Vous décidez d’inclure Facebook, Twitter et Google, car ceux qui étaient les plus fréquentes sur les sites que vous avez cochés, et vous mettez Facebook en position haute comme l’option la plus populaire.

Une fois que vous & rsquo; avez trouvé un motif d’interface efficace, don & rsquo; t sentir trop attaché. Alors que les modèles d’assurance-chômage sont parfaits pour la cohérence, vous n & rsquo; t veulent être coincé dans votre maximum local . Par exemple, vous pourriez être concevez un site de contenu viral et décidez que de défilement infini est la meilleure façon de faire tout votre contenu accessible. Après tout, vous & rsquo;. Avez vu beaucoup d’autres sites utilisent pour grand succès

Bien défilement infini peut produire une meilleure expérience que de forcer les utilisateurs à cliquer & ldquo; Page & rdquo suivante; tous les dix entrées, il peut ne pas être le mieux solution. Vous ne pouvez déterminer que par le libre esprit-brainstorming, wireframing, le prototypage et les essais.

Traiter les modèles d’assurance-chômage comme un & ldquo; & rdquo zone sûre; par souci de cohérence, puis aventurer à l’extérieur une étape créative à la fois. Connaître les habitudes, respecter les schémas, mais commencer votre conception avec un regard neuf à chaque fois. Cela vous assurer que votre design reste familier, mais il a encore de la place à fleurir dans quelque chose de nouveau.

Mes préférés UI Motif Bibliothèques et amp; Ressources

Parce que personne ne peut garder une trace de chaque modèle disponible, il aide à vérifier avec les bibliothèques de modèles de temps à autre. Ces ressources recueillent et compilent les modèles les plus utiles disponibles, et de les organiser pour une référence rapide.

  • UI Patterns & ndash; Une bibliothèque très populaire modèle de fonctionner par le designer Anders Toxboe avec d’excellentes explications et des exemples visuels cueillies à la main.
  • Motif Tap & ndash; Fantastique collection de modèles de conception gérées par la communauté de créateurs de renommée agence de design Zurb.
  • Patternry & ndash; Une application de modèles d’interface utilisateur pour CSS et HTML sur abonnement. Permet de personnaliser.
  • Capptivate & ndash; Surtout des modèles animés montrent les interactions couches pour les modèles d’interface utilisateur mobiles.
  • interface Web Design Patterns & ndash; E-book gratuit compilant 63 des modèles d’interface utilisateur Web les plus efficaces avec leurs cas d’utilisation & nbsp;.
  • UseYourInterface & ndash; Utilise GIF pour une navigation plus complet des modèles d’interface utilisateur mobiles.
  • Inspiré UI & ndash; bibliothèque de modèle pour Android, iPhone, iPad et que & rsquo;. est très facile à utiliser grâce au menu déroulant simples
  • pttrns & ndash; Une bibliothèque proprement organisée motif qui catalogue les plus chaudes des modèles d’interface utilisateur mobiles à partir de 2012 à nos jours.
  • mobile UI Design Patterns & ndash; Le morceau de compagnon à notre compilation des modèles web, cet ebook propose 46 modèles d’assurance-chômage le plus de succès pour les appareils mobiles ainsi que des explications détaillées de cas d’utilisation.
  • Site Inspire & ndash; Bien que ce soit plus d’une galerie traditionnelle conception de sites Web de l’inspiration, il est une excellente ressource pour faire vos propres modèles d’interface utilisateur plus unique. La fonction de catégorisation est simple à utiliser, et tous les exemples sont visuellement superbe et très utilisable.

Si vous & rsquo; souhaitez explorer encore plus de bibliothèques de motifs, Smashing Magazine a créé ce liste de plus de 40 de leurs favoris

.

Conclusion

Un bon design rend vos utilisateurs heureux et désireux-à-retour, donne un sentiment de familiarité, et peuvent être utilisés principalement par l’intuition. Mais ces aspects apparemment naturelles sont tout sauf & ndash; ils doivent être fabriqués avec des efforts et du savoir-faire pour leur donner ce que & ldquo; naturelle & rdquo; sentiment. Les motifs sont l’outil à cette fin, et de savoir comment les utiliser est de savoir comment créer l’illusion de & ldquo; rdquo & naturelle;.

Pour en savoir plus sur l’équilibre entre l’originalité avec une familiarité dans la conception web, téléchargez le e-livre libre Web Design pour l’oeil humain: Principes de cohérence visuelle . Écrit pour des applications pratiques, le livre enseigne grâce à l’analyse d’exemples visuels du monde réel.


Comment Choisir Les Patterns Droit Interface Utilisateur Pour Votre Conception De Web

Le message Comment choisir les Patterns droit interface utilisateur pour votre conception de Web apparut d’abord sur Speckyboy Web Design Magazine .

Comment Choisir Les Patterns Droit Interface Utilisateur Pour Votre Conception De Web
Comment Choisir Les Patterns Droit Interface Utilisateur Pour Votre Conception De Web
Comment Choisir Les Patterns Droit Interface Utilisateur Pour Votre Conception De Web
Comment Choisir Les Patterns Droit Interface Utilisateur Pour Votre Conception De Web
Comment Choisir Les Patterns Droit Interface Utilisateur Pour Votre Conception De Web

Comment Choisir Les Patterns Droit Interface Utilisateur Pour Votre Conception De Web

Leave a Reply

Votre adresse de messagerie ne sera pas publiée.

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>