Développer des fonctionnalités ou des aspects visuels d'une interface - que développer en premier?

Question

Je suis en train d'affiner mon processus de conception pour développer des sites Web, des scripts et des applications Web. Mes antécédents sont fortement axés sur le développement de sites Web avec des sites mineurs javascript/php/flash et resteront probablement mon seul objectif. Je travaille généralement seul alors j'essaie de rester concentré sur le développement d'une étape à la fois.

En ce moment j'essaie actuellement d'explorer les avantages et les inconvénients de développer d'abord la fonctionnalité d'un projet ou de développer les aspects visuels généraux d'un projet d'abord.

Mon processus de développement actuel:

1. Développer organigramme et cadre conceptuel de la fonctionnalité.
2. Décider de la meilleure façon d'organiser et d'afficher la sortie de données (modèle de base dans Photoshop)
3. code le modèle réel ou de l'interface ou tout autre (css/html, etc.)
4. code la fonctionnalité
5. fonctionnalité Plug en le modèle

Je suis sur le point de basculer autour de 3 et 4. J'ai eu quelques problèmes mineurs en ajustant certaines sorties dans un modèle préformé.

Quelle est la norme pour le processus de développement d'interface concernant la fonctionnalité/le codage esthétique en premier?

Quels sont les avantages potentiels de la fonctionnalité de codage avant les aspects visuels? ou visuel avant la fonctionnalité?

Answer 1

Les gens typiques de piège tombent dans est de se concentrer sur l'aspect et la conception à l'exclusion de tout le reste. Je conseillerais de travailler sur le flux de données et le processus global d'abord avec quelques esquisses de type «storyboard» très basiques pour l'interface utilisateur à chaque étape à utiliser comme repère mental. Une fois que le côté fonctionnel est déterminé et que les rides majeures sont aplanies, vous pouvez vous concentrer sur plus de détails du côté de l'interface utilisateur.

Généralement, vous entrez une phase itérative des modifications de l'interface utilisateur entraînant des modifications de données et vice versa.