Розташування управляючих елементів, C / C + +, Програмування, статті

У більшості програм елементи володіють різним функціональним значенням.
Треба розташувати елементи так, щоб більш важливі були помітні користувачеві в
першу чергу, а менш важливі – потім.

В більшості мов текст розташований справа наліво, зверху вниз. Принцип
роботи з інформацією таким чином використовується і при роботі з комп’ютером:
погляд користувача спершу впирається у верхній лівий кут монітора, тому
більш важливі елементи повинні знаходиться там. Наприклад, якщо інформація у вікні
відноситься до покупця, то поле з його ім’ям повинно бути розташоване там, де
його побачать в першу чергу. Навпаки, кнопки OK і CANCEL повинні розташовуватися в
нижній частині екрана: користувач не натискає їх до тих пір, поки не закінчить
працювати з іншими даними у вікні.

“Дозволено”


“Дозволено” – візуальний зв’язок між об’єктом і функцією, з якою він
пов’язаний. Хоча термін виглядає незвично, прикладів “дозволено” навколо нас
зараз багато. Рукоятки на велосипеді мають спеціальні виїмки для пальців –
“Дозволено”, підказує, за що треба хапатися. Кнопки, рубильники –
приклади “дозволено”, бо, дивлячись на них, розумієш їх
призначення.

Створюючи програма, розробник повинен прагне до того, щоб користувач
побачив “дозволено” там, де це потрібно. Наприклад, тривимірні ефекти
на кнопках підкреслюють їхнє призначення. Але якщо зробити її плоскою, то
користувач може не здогадатися, що це – кнопка. Якщо прибрати елемент
об’ємності з поля для введення тексту, його легко можна прийняти за нередактіруемий
елемент.

Використання вільного простору


За допомогою вільного простору можна відокремлювати один від одного елементи в
вікні та надавати особливий акцент деяким з них. Не варто розташовувати дуже
багато елементів на одному вікні – це веде до відчуття хаотичності інтерфейсу і
створює враження недопрацьованою, дешевої програми.

Простота інтерфейсу


Мабуть, найбільш важливим принципом створення інтерфейсу є прагнення до
простоті. Якщо інтерфейс виглядає складним, то програма буде сприйматися
користувачем з працею. Та й з естетичної точки зору простий, ясний дизайн
завжди виглядає краще.

Стандартна помилка при складанні інтерфейсу програм – змоделювати
зовнішній вигляд програми за подобою реальних об’єктів. Припустимо, що вам
потрібно зробити програму для введення великих анкет (наприклад, для страхової
компанії). Перше, що прийде в голову, – це розробити вікно, яке в
точності повторює анкету. Але це викличе масу проблем. Адже розміри монітора і
формат анкети часто не збігаються, і, отже, це позначиться на інтерфейсі
програми: або поля для введення будуть занадто малими, або користувачеві
доводиться постійно працювати з смугами прокрутки – в будь-якому випадку це буде
поганий інтерфейс. У ситуаціях такого роду треба розробити власний
інтерфейс, зберігши вид анкети для друку.

Від автора сторінки: мабуть, автори MS Office 2000 так і не послухали своїх
колег. Зараз пішла мода на незручні інтерфейси. Вирішувати вам.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*