Разработка функциональности или визуальных аспектов интерфейса - что разрабатывать в первую очередь?

Question

В настоящее время я совершенствую свой процесс проектирования для разработки веб-сайтов, сценариев и веб-приложений. Мой опыт в значительной степени ориентирован на разработку веб-сайтов с небольшими веб-сайтами javascript / php / flash и, вероятно, останется моей единственной целью. Обычно я работаю один, поэтому стараюсь сосредоточиться на разработке по одному шагу за раз.

В настоящее время я пытаюсь изучить все плюсы и минусы сначала разработки функциональности проекта или разработки общих визуальных аспектов проекта.

Мой текущий процесс разработки:

1. Разработка блок-схемы и концептуальной основы функциональности.
2. Выберите наилучший способ организации и отображения вывода данных (базовый шаблон в фотошопе)
3. Код фактического шаблона или интерфейса или чего-либо еще (css / html и т. Д.)
4. Код функциональности
5. Подключите функциональность к шаблону

Я нахожусь на грани переключения 3 и 4 вокруг. У меня возникли незначительные проблемы при установке определенного вывода в предварительно сформированный шаблон.

Каков стандарт для процесса разработки интерфейса, касающийся функциональности / эстетического кодирования, стоящего первым?

Каковы потенциальные преимущества функциональности кодирования перед визуальными аспектами? или визуально перед функционалом?

Answer 1

Типичные люди, попадающие в ловушку, должны сосредоточиться на внешнем виде и дизайне, исключая все остальное. Я бы посоветовал сначала поработать над потоком данных и общим процессом с некоторыми очень простыми эскизами типа «раскадровки» для пользовательского интерфейса на каждом этапе, чтобы использовать его в качестве ментальной подсказки. Как только функциональная сторона определена и основные морщины сглажены, вы можете сосредоточиться на более подробной информации на стороне пользовательского интерфейса.

Как правило, вы вступаете в итеративную фазу изменений пользовательского интерфейса, что приводит к изменениям данных и наоборот.