Принципи на уеб дизайн на потребителски интерфейс, блог, уебсайт и мобилно разработване и дизайн
Ефективният потребителски интерфейс съчетава две неща: добър външен вид и използваемост. За да създадете такъв интерфейс, трябва да разберете основите: как потребителят взаимодейства с потребителския интерфейс, какво очаква и какъв може да е източникът на потенциални проблеми. В тази публикация ще разгледаме принципите на проектиране на графичен потребителски интерфейс, без който е невъзможно да се създаде удобен и красив потребителски интерфейс за мрежата.
Първо, нека се съгласим, че интерфейсът не е само бутони и менюта, цветове и шрифтове, тоест външен вид, а набор от инструменти, които помагат за решаването на потребителските проблеми. Ето защо тук е първият принцип за създаване на графичен интерфейс:
1. Познайте потребителя си
Колкото по-подробно го опишете, толкова по-добре. Само като знаете точно кой е вашият потребител, как и защо действа, можете да създадете дизайн на потребителски интерфейс на уебсайт, който работи по начина, по който искате. Например, ето как MailChimp определя своите потребители:
Известният консултант по използваемост Стив Круг твърди, че интерфейсът не трябва да кара потребителя да мисли. Вземете решения въз основа на това кой е вашият потребител и ги внедрете във вашия интерфейс.
2. Използвайте вече познати модели
Лесно е да забравите за това, но потребителите вече прекарват много време в други интерфейси, било то Facebook, Gmail или Flickr. Разберете как работят и не измисляйте колело. Използвайки вече познати модели, ще помогнете на потребителите бързо да разберат нов продукт и да спечелят доверието им.
Например индикаторите за готовност са подходящи не само за проверка на попълването на профил в социална мрежа - те могат да се използват за показване на успех в обучението:
3. Бъдете последователни
След като направи нещо веднъж, потребителят очаква, че ще продължи да го прави и в бъдеще. Представете си, че интерфейсът за отваряне на нов файл ще бъде различен за всички компоненти на пакета Google Docs - едва ли някой би го харесал.
4. Създайте визуална йерархия
Покажете на потребителя какво е най-важното на вашата страница. Размерът, цветът, разположението и отрицателното пространство около всеки елемент трябва да съответстват на неговата роля, важна или незначителна. Добре оформената йерархия улеснява разбирането дори на сложни понятия: