Принципи побудови інтерфейсів, Комерція, Різне, статті

Золотий перетин

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

У математиці пропорцією називають рівність двох відносин: a: b = с: d.

Відрізок прямої АВ можна розділити точкою С на дві частини наступними способами:


Останнє і є золоте ділення або ділення відрізка в крайньому і середньому відношенні.

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

а: b = b: з або з: b = b: а.

Відрізки золотої пропорції виражаються нескінченним ірраціональної дробом 0,618 …, якщо з прийняти за одиницю, а = 0,382. Ставлення ж відрізків а і b складає 1,618.

Прямокутник з таким відношенням сторін стали називати золотим прямокутником. Він також володіє цікавими властивостями. Якщо від нього відрізати квадрат, то залишиться знову золотий прямокутник. Цей процес можна продовжувати до нескінченності. А якщо провести діагональ першого і другого прямокутника, то точка їх перетину належатиме всім одержуваних золотим прямокутникам.

Є і золотий трикутник (рівнобедрений трикутник, у якого відношення довжини бічної сторони до довжини основи дорівнює 1,618), і золотий кубоід (прямокутний паралелепіпед з ребрами, що мають довжини 1,618, 1 і 0,618).

Золотий перетин не є штучним явищем. Воно дуже широко поширене в природі: золотий перетин можна знайти в пропорціях тіл багатьох рослин і тварин, а також морських раковин і пташиних яєць. Але найбільш вражаючий приклад “застосування” природою принципу золотого перетину – людське тіло. Воно цілком і його частини (обличчя, руки, кисті рук і т. п.) наскрізь пронизані пропорцією 1,618.

Принцип золотого перетину був відкритий людьми ще в глибоку давнину. Знамениті єгипетські піраміди в Гізі, наприклад, засновані на пропорціях золотого перетину. Більш молоді мексиканські піраміди і античний храм Парфенон також містять в собі пропорцію 1,618.

З розвитком дизайну й технічної естетики чинність закону золотого перетину поширилася на конструювання машин, меблів і т. д. Проектування комп’ютерних інтерфейсів – не виключення. Форми діалогових вікон і елементів управління, сторони яких відносяться як 1,618, дуже привабливі для користувачів. Наприклад, дуже багато захоплень у користувачів програми Chameleon Clock (http://www.softshape.com) викликає така, здавалося б, буденна річ, як вид діалогового вікна Властивості. А все тому, що при його проектуванні використовувався саме принцип золотого перетину.

Гаманець Міллера

Цей принцип названо так на честь вченого-психолога Г. А. Міллера, який досліджував короткотривалу пам’ять, перевіряючи висновки, зроблені раніше його колегою, Г. Еббінгаузом. Еббінгауз намагався з’ясувати, скільки інформації може запам’ятати людина без будь-яких спеціальних мнемонічних прийомів. Виявилося, що ємність пам’яті обмежена сім’ю цифрами, сім’ю літерами або назвами семи предметів. Це “магічне число “сім, що служить свого роду міркою пам’яті, і було перевірено Міллером, який показав, що пам’ять дійсно в середньому не може зберігати більше семи елементів; в залежності від складності елементів це число може коливатися в межах від п’яти до дев’яти.

Якщо необхідно протягом короткого часу зберегти інформацію, що включає більше семи елементів, мозок майже несвідомо групує цю інформацію таким чином, щоб число запам’ятовуються елементів не перевищувало гранично допустимого. Наприклад, номер банківського рахунку 30637402710, що складається з одинадцяти елементів, буде, швидше за все, запам’ятовуватися як 30 63 740 27 жовтня, тобто як п’ять числових елементів, або вісім слів (тридцять, шістдесят, три, сімсот, сорок, двадцять, сім, десять).

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

Отже, принцип гаманця Міллера каже про сім плюс-мінус двох елементах. Але якщо поглянути на програми, інтерфейс яких удосконалювався роками (той же Microsoft Word), То можна помітити, що число об’єктів (пунктів меню, кнопок на панелях інструментів) в групах доходить до шести-семи досить рідко, а в основному елементи згруповані по три-чотири об’єкти. Такі невеликі групи об’єктів найбільш добре сприймаються поглядом користувача, вже трохи втомленого складними інтерфейсами сучасних програм. Я думаю, при проектуванні інтерфейсів програм верхню межу гаманця Міллера – сім-дев’ять елементів – потрібно застосовувати дуже обережно, намагаючись обходитися групами, що містять максимум п’ять об’єктів.

Принцип угруповання

Згідно з цим правилом, екран програми повинен бути розбитий на ясно окреслені блоки елементів, може бути, навіть з заголовком для кожного блоку. При цьому угрупування, природно, повинна бути осмисленою: як розташування елементів в групах, так і розташування самих груп один від одного повинні бути продумані.

Прикладів реалізації цього принципу дуже багато: це вже згадувані при розмові про гаманець Міллера пункти меню, кнопкові панелі інструментів, а також згруповані за призначенням прапорці і перемикачі, за допомогою яких настроюються параметри роботи програми в діалогових вікнах Властивості, Налагодження та т. п..

Бритва Оккама або KISS

Філософський принцип, що носить назву “Бритва Оккама”, говорить: “Не множити сутності без потреби”. Або, як кажуть американці, KISS (“Keep It Simple, Stupid” – “He ускладнюй, бовдур”).

Мовою інтерфейсів це означає, що:


Простим на перший погляд вимогам з цього списку насправді не так вже й легко дотримуватися. Для проектування складного за своїми функціями і простого для розуміння інтерфейсу потрібно чималі досвід, знання і особливе чуття. Як пише Лу Грінзоу: “Якщо і є в світі щось таке, що майже всі програмісти постійно повторюють напам’ять, як мантри, але при цьому відверто ігнорують, так це – принцип KISS” “.

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

Видимість відображає корисність

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

Це питання вже трохи порушувалося при розмові про принцип Якоба Нільсена “Естетичний і мінімалістичний дизайн”, правда, в прив’язці до відбиття корисності.

Відмінність принципу “Видимість відображає корисність” як раз і полягає в тому, що інтерфейс програми повинен бути побудований навколо об’єктів, з якими маніпулює користувач, і відбивати стан поточного об’єкта. Реалізацію цього принципу ви бачите кожен раз, коли користуєтеся комп’ютером: контекстні панелі інструментів у програмах пакета Microsoft Office, Які змінюються в залежності від того, з якою частиною програми (редактором, попереднім переглядом, малюванням і т. п.) і даний момент працює користувач. Ще один приклад – уже згадуване меню Пуск в Windows ME і Windows 2000: За замовчуванням в них видимі найбільш часто використовуються, тобто корисні для користувача, пункти.

Розумне запозичення

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

Запозичення чужих інтерфейсних знахідок не є чимось непристойним. Програми, лідируючі па ринку, є невичерпним джерелом натхнення для розробників дрібніших програм, разюче нагадують легендарний Norton Commander: FAR, Volcov Commander, DOS Navigator, DISCo Commander

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


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

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

Ваш отзыв

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

*

*