Планирование вашего WEB-интерфейса и навигации

Question

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

Я искал в Интернете полезные инструменты для построения диаграмм/диаграмм и нашел несколько, но начал думать, может быть, у других людей есть лучший подход для этого.

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

Answer 1

Я просматриваю, просматриваю, просматриваю интернет и делаю заметки пользовательского интерфейса, которые мне нравятся, и что мне нравится в этом. В основном я сделаю ничего, кроме эскиза в блокноте, ОСНОВНЫХ очертаниях пользовательского интерфейса. Мне еще не найти какой-либо компьютерный инструмент (не пробовал планшет wacom), который так же быстр или универсален, как альбом и карандаш.

Как только я что-то набросал, я могу пойти оттуда в html или, возможно, даже в Photoshop, если захочу поиграть с раскраской.

Я обнаружил, что после прочтения SO и некоторых других вещей в Интернете кто-то однажды сказал: «Пользовательский ввод является священным». Это, как говорится, я научился не любить модальные всплывающие окна и другие подобные разрушительный дизайн. Я действительно стремлюсь убедиться, что мой поток имеет смысл. Например, если вы вводите новый объект базы данных, имеет смысл отбросить пользователя обратно на экран ввода нового объекта базы данных или вернуться в главное меню? Иногда только тестирование пользователя будет плоть.

Кроме этого, я не уверен, что ответил на ваш вопрос.

Answer 2

Если вы хотите просто спланировать свой дизайн, возможно, вы захотите сыграть с http://www.balsamiq.com/. У них действительно хорошее приложение на основе флеш-памяти для создания макетов UI.

Answer 3

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