«Дизайн — це не лише те, як він виглядає та відчувається. Дизайн – це те, як це працює».
Стів Джобс
Сьогодні в магазині Apple iOS існує понад мільйон додатків, і їх кількість зростає. Кожна з цих програм налаштована; не існує такого поняття, як стандартний шаблон для iOS. Ключове питання для розробки програм для iOS: як створити програму, яка виділяється з натовпу?
Ось 6 елементів дизайну, які розробники додатків для iOS повинні мати на увазі, щоб забезпечити залучення користувачів.
1. Краще менше
У вас є обмежена кількість нерухомості, щоб привернути увагу користувачів. Захаращення його зайвою кількістю деталей лише заплутає їх. Гірше того, це може зробити ваш додаток непривабливим у просторі, де естетична цінність є на першому місці. Консультант із мобільного дизайну Джонатан Старк наголошує на необхідності: «Безжально редагувати свої функції. Вам доведеться залишити речі». Зосередьтеся на кількох речах, які справді відрізняють програму від усього іншого, і відповідно розробіть дизайн програми.
2. Шукайте ясності
У вашому дизайні розробки програми для iOS має бути виділено важливий вміст. Що ще важливіше, він повинен запрошувати користувачів до взаємодії. Інструкції щодо розробки Apple рекомендують розбірливий текст будь-якого розміру шрифту, точні піктограми, які одразу передають їхню мету, тонкі та відповідні прикраси. Мабуть, найважливішим є різка концентрація на функціональності. Це стара приказка про те, що форма слідує за функцією.
3. Підходити до формату
Користувачі мають бачити все, що їм потрібно, без прокручування чи масштабування. З огляду на те, що програми використовуються на iPad і iPhone різних розмірів, як у портретній, так і в альбомній орієнтації, ваш дизайн має адаптуватися до всіх інтерфейсів перегляду. На щастя, є інструмент розробки спеціально для цієї мети. Автоматичний макет надає засоби для визначення правил або обмежень, щоб кнопки та піктограми завжди розташовуються однаково на зображенні, незалежно від розміру екрана. Інструмент розробки додатків iOS також визначає прямокутні області, які, хоч і невидимі, допомагають у правильному позиціонуванні, вирівнюванні та інтервалі вмісту.
4. Тримайте колір у лінії
Apple надає розробникам яскраву палітру кольорів. Ви можете використовувати його, але, мабуть, не варто. Якою б барвистою (в буквальному сенсі) не була палітра, небезпека її використання полягає в тому, що її також використовують багато інших розробників. Щоб виділитися, використовуйте власні кольори. Ось кілька додаткових міркувань щодо ефективного використання кольору в дизайні програми:
Не використовуйте однаковий колір для інтерактивних і неінтерактивних елементів. Використання іншого відмітного кольору для інтерактивних елементів є чудовою візуальною підказкою, яка дозволить користувачам знати, куди торкатися.
Кольори повинні працювати разом. Так, наприклад, якщо ви використовуєте пастель, використовуйте палітру пастелі, не вводьте щось, що суперечить цій палітрі.
Будьте тонкими. Може виникнути спокуса використовувати багато яскравих і навіть контрастних кольорів, щоб виділитися. Але в більшості випадків елегантність - це те, що приваблює погляд, а елегантність зазвичай включає два, не більше трьох основних кольорів.
Уникайте використання комбінацій кольорів (червоно-зелений, синьо-помаранчевий) для розрізнення двох станів або значень – дальтоніки не зможуть побачити різницю. Більшість інструментів редагування можуть перевірити потенційні конфлікти дальтонізму та запропонувати альтернативне форматування.
Як це виглядає при денному світлі? Попередньо перегляньте свою програму в різних умовах освітлення, щоб побачити, як виглядають кольори, і налаштуйте так, щоб колірна схема виглядала найкраще за різних умов.
Зробіть це популярним. Використовуйте відтінки або світлі кольори для фону та накладайте темніші відтінки, щоб виділити текст.
5. Отримайте «Всі пальці вгору»
Дизайнер UX Adhithya Vijai вказує на дослідження, які показують, що 75 відсотків взаємодії з додатком здійснюються великим пальцем. Отже, у вашому дизайні має бути передбачена «зона для великого пальця» — розмістіть часто використовувані елементи керування в межах легкого доступу великого пальця, а речі, до яких користувачі не хочуть випадково торкатися, — у важкодоступних місцях.
6. Великі та чіткі шрифти
На початку створення персональних комп’ютерів, коли вперше з’явилися програми обробки текстів, автори завалювали свої тексти купою різних шрифтів і розмірів, бо, ну, просто тому, що могли. Це призвело до появи потворних документів, які відволікали увагу від того, хто їх насправді читав. Інструкції зі стилю згодом розвинулися, щоб підкреслити, що документ повинен мати єдиний стиль шрифту та послідовну серію розмірів шрифту для позначення рівнів інформації. Те саме стосується шрифтів у вашій програмі. Вони повинні бути легко читабельними, відповідного розміру, який виглядатиме збалансованим у вашій програмі, відповідати загальній схемі дизайну, і, перш за все, мати єдиний, бажано простий, стиль шрифту. Ось список деяких гарних сучасних шрифтів, які варто розглянути.
