Que fait Construction d'interface Silicon ?
Faire passer l'intention de design dans un comportement fonctionnel. Inspectez le DESIGN.md du produit, le framework, l'interface utilisateur actuelle, les composants, les ressources et le contenu avant de modifier. Limitez les changements au périmètre demandé. Pour une petite correction, suivez la direction existante ; pour une absence de direction sur une construction majeure, établissez une direction provisoire concise à partir du brief.
Construire un échantillon représentatif
Identifiez la personne, la tâche, les informations principales et la prochaine action. Utilisez un contenu représentatif du produit ; étiquetez les fictions fictives et les actions de prototype. Ne fabriquez pas de témoignages, de logos clients, de mesures ou d'intégrations réussies.
Choisissez la structure en fonction du contenu : prose pour la lecture, lignes ou tableaux pour la comparaison, cartes pour les objets indépendants. Un site web doit rendre sa promesse et ses preuves compréhensibles ; une application doit exposer le travail et l'état qui soutiennent une action. Préservez la sémantique fiable des composants tout en adaptant le système visuel.
Implémentez un flux complet avec un état défavorable avant de diffuser le style sur l'ensemble du produit. Incluez les retours pertinents de chargement, vide, erreur, indisponible et succès. Préservez les entrées utiles sur les erreurs récupérables et expliquez les actions indisponibles. Utilisez des contrôles sémantiques et des étiquettes persistantes.
Établissez des rôles cohérents de typographie, de couleur et d'espacement. Utilisez des ressources pour un objectif spécifique d'information ou d'identité, avec des droits appropriés et des alternatives textuelles. Maintenez le contenu critique indépendant des animations décoratives et du son.
Poursuivez la direction choisie au-delà du premier écran vers la tâche, un état défavorable et un résultat lorsqu'ils sont dans le périmètre. Incluez un détail spécifique au produit dans le wording, les relations visuelles ou le comportement. Préservez le contexte, expliquez pourquoi une collection est vide, et rendez les actions répétées efficaces. Terminez le wrapping, l'alignement optique, les recadrages, le poids des icônes, les unités et les retours par un passage de polissage distinct. N'ajoutez pas de fonctionnalités hors périmètre simplement pour créer un moment mémorable.
Inspecter le résultat
Ouvrez l'implémentation réelle dans un navigateur lorsqu'elle est disponible. Inspectez les mises en page étroites, intermédiaires et larges, les extrêmes de contenu et les thèmes/langues supportés. Corrigez les débordements, la hiérarchie faible, le wrapping maladroit et les états incomplets avant le micro-polissage.
Exercez la navigation au clavier, le focus et un chemin complet de tâche/récupération. Vérifiez les paires de contraste pertinentes, l'agrandissement du texte et le comportement de mouvement réduit. Distinguez le redimensionnement de la fenêtre du zoom réel du navigateur et les captures d'écran des tests de saisie. Lancez les vérifications de projet appropriées au changement ; n'ajoutez pas de tests qui ne font que répéter des choix stylistiques.
Si un navigateur/exécution est indisponible, effectuez des vérifications utiles dans le code source et rapportez explicitement que le comportement rendu reste non vérifié. Ne remplacez pas les preuves par une affirmation que l'interface utilisateur semble correcte.
Évaluez le fonctionnement et le caractère séparément. Montrez ce qui rend le résultat spécifique et cohérent, inspectez l'intérieur ainsi que l'introduction, et parcourez une utilisation répétée pour les interruptions récurrentes. Une construction ou un contrôle de contraste réussi ne répond pas à ces questions de design. Traitez les effets émotionnels et la mémorabilité comme des hypothèses, sauf si des observations réelles du public les soutiennent.
Livrez le flux implémenté, les surfaces modifiées, les preuves rendues lorsqu'elles sont disponibles, les vérifications effectuées et les limites restantes. Continuez à corriger les problèmes observés dans le périmètre jusqu'à ce que le flux réponde à ses critères.
Profondeur optionnelle : Liste de vérification du design Silicon.