Итак, из заголовка понятно, что данный пост о проектировании интерфейсов (в частности web-интерфейсов). Честно признаться, не являюсь специалистом в этой области, но зачастую при разработке проектов бюджет ограничен и приходится думать самому - как же сделать, чтобы даже самый "недалекий" пользователь смог разобраться во всем обилии функционала и в течении пары секунд понять самое главное: Я нашел то, что мне нужно? Да, но что делать дальше?

Интуитивно-понятный интерфейс

Не буду распинаться о том, как надо проектировать внешний вид ресурса, подобные детали расписаны в статье Основные принципы дизайна Web 2.0. Начнем:

1) Пользовательские формы.

Пользователь должен четко понимать, что произойдет (особенно при заказе чего-либо) после того, как он заполнит форму и нажмет кнопку Submit. Поля должны быть снабжены placeholder и описанием поля.

Если форма сложная и громоздкая, лучше организовать поэтапное заполнение, разделив на несколько частей по смыслу. Допустим, шаг 1 - информация о пользователе, шаг 2 - контактные данные и т.д.

2) Подсказки.

Вообще подсказки следует добавлять не только на формы, а везде где можно. Очень важно, чтобы они не отвлекали от функционала, но были легко заметны при надобности: например, атрибуты title к ссылкам и изображениям. Можно использовать какое-либо скриптовое решение.

3) Иконки.

По-моему, намного лучше подключить Bootstrap и сделать функционал иконками, которые всем понятны и знакомы, чем размещать ссылки: редактировать, удалить.

 

Это лишь небольшой перечень того, что можно сделать удобнее и к каждому проекту нужен свой подход к разработке интерфейса.

Во всемирной паутине я прочел цитату, которая очень подходит к завершению поста: "Любой дурак может сделать что-то очень сложное, но только гений способен на простые решения."