epamdesignkyiv

2021-07-28 15:25:00 Продовжуємо ділитися корисними добірками з лекцій Design Boost Duathlon 2021 Цього тижня поговоримо про сітку на ваших проєктах! 

Що є основою для структурованого та гармонійного макета?  — Композиція та набір шаблонів (паттернів), що раз за разом повторюються на всіх екранах вашого продукту.

Побудову гармонійної композиції значно полегшує використання модульної cітки (modular grid). Основна функція сітки — це структурування контенту та графічних елементів. 

Безпосередньо можна одразу відзначити, що побудова сітки завжди залежить від: 

контенту вашого сервісу

композиційної області (обрана стилістика, чи побажання замовників)

навколишнього середовища (розміри девайсів, контекст у якому ці девайси використовуються, і т.д.)

поведінки користувачів (будь-які обмеження, що ускладняють користування продуктом, і т.д.)

Познайомимось ближче з анатомією сітки. Будь-яка сітка складається із наступних компонентів:

Формат (Format) — це область, в якій розміщений дизайн. У паперовій книзі форматом є сторінка. В інтернеті формат — це розмір вікна браузера.

Колони або Стовпці (Columns) — це будівельні блоки сіток. Стовпці — це вертикальні ділянки сітки. Чим більше стовпців у сітці, тим вища ЇЇ гнучкість.

Ряди (Rows) — це горизонтальні ділянки сітки. У веб-дизайні ними часто нехтують, а от у поліграфічній справі це вагомий елемент композиції. 

Модулі(Modules) — це окремі одиниці простору, створені внаслідок перетину стовпців і рядків. (тобто горизонтальні еквіваленти стовпців)

Області (Areas) — це групи стовпців, рядків або модулів, які утворюють елемент композиції.

Внутрішні проміжки (Gutters) — стовпці та ряди, відокремлені проміжками. Чим менша відстань, тим значніше відчувається візуальний тиск. Сітки з широкими проміжками утворюють спокійні, зручні макети, оскільки елементи композиції вільніше розташовані один до одного.

Межі або Поля (Margins) — це простір поза стовпцями та рядками сітки. Часто його ще позначають терміном white space. Використання такого простору сприяє  створенню загального тону дизайну. Веб-сайти з більшою кількістю простору можуть показувати мінімалізм і розкіш, тоді як сайти з меншими обсягами макропробілів можуть виявитися інформативними, як це відбувається на сайтах новин.

Лінії потоку (Flow lines) — зазвичай використовуються для горизонтального розбиття розділів композиції. Вони формують початкове та кінцеве положення в конструкції.

Стовпці, модулі, пробіли та поля можуть поєднуватися по-різному, утворюючи різні типи сіток. Нижче наведено чотири стандартні сітки макета:

Manuscript grid — найпростіший, добре працює для великих безперервних блоків тексту або зображень.

Column grid (Multicolumn grid) — найбільш універсальний тип сітки. Часто використовується, коли інформація, що подається, є переривчастою і різні типи інформації можна розмістити в різних стовпцях.

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

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

Ух, багацько інформації, чи не так? Обрати сітку не завжди означає, що вона врятує ваш проєкт. Тож, пам’ятайте — не просто робіть дизайн по сітці, а підбирайте сітку під ваші потреби (Don’t just design with a grid — design the grid) Відкрити / Коментувати

2021-07-22 17:22:17 ​​Провести аудит продукту за 1 місяць — задачка не з простих. Але все можливо, якщо в команді 2 дизайнери, 1 дата-аналітик та чіткий план дій
Нещодавно Сергій Серьогін, Experience Design Manager, на лекції в нашому ком’юніті PLATEA поділився досвідом проведення аудиту.

До особливостей даного проєкту варто віднести наступне:
✦ Data-driven design і робота з величезною кількістю аналітики
✦ Повний карт-бланш та свобода дій і пропозицій
✦ Стислі строки у місяць з хвостиком
✦ Жодного макету не зроблено

ЯК ТАК? Легко, бо задача дизайнера, перш за все, — покращити досвід користувача, а для цього необхідно проаналізувати поточний стан речей та вирішити як можна досягнути встановлених КРІ та бізнес-цілей.

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

Гарного дня та вдалих проєктів Відкрити / Коментувати

2021-07-20 18:00:36 На одній з останніх лекцій нашої дизайн лаби Іра Шкаровська поділилась схемою того, як людське око сканує об'єкти. Як виявилось, ми йдемо по такому порядку:

контраст
розташування
колір
форма
взаємодія з іншими об'єктами
інші деталі.

Простір та все, що знаходиться у ньому — це інформація. Кожна візуальна характеристика об'єкта — це певний час на її усвідомлення. Тобто, чим більше характеристик, тим більше часу треба на їх усвідомлення

Отже, принцип простий — якщо людині потрібно працювати з великими масивами даних та швидко виконувати дії — використовуємо один засіб виразності. І навпаки, коли треба "зачепити око", зробити рекламний банер (щось таке, що має зацікавити) — використовуємо декілька засобів виразності, перерахованих вище  Відкрити / Коментувати

2021-06-30 08:58:33 ​​Всім привіт Сподіваємось, що ваші вихідні минули просто чудово та у вас з’явився час на нові звершення!

Тому ось вам нова порція кльових книжок від наших дизайнерів: 

Designing Experiences by J Robert Rossman
Дизайн вражень — захоплива наука, а термін «враження» вже взяли на озброєння найрізноманітніші компанії. Adobe закликає споживача «зробити враження своїм бізнесом», а авіакомпанія Delta розхвалює «унікальні враження від польоту з Delta». Автори розповідають про те, що потрібно враховувати в процесі формування правильних вражень, а також в роботі з персоналом, розробці продукту і корпоративної стратегії; пояснюють, як працюють концептуальні моделі видів вражень і які існують методи їх доопрацювання. 
Марина Шабелюк

«Спринт. Вирішуйте складні завдання і тестуйте нові ідеї за 5 днів» Джейк Кнапп, Джон Зерацкі, Брейден Ковіц 
Прикладна книжка про те, що таке дизайн-спринти, розказано детально як їх проводити, які матеріали та команда будуть необхідні та яких підводних каменів слід уникати.
Анастасія Іващук

«Принципи» Рей Даліо
Рей Даліо — мільярдер і засновник найбільшого хедж-фонду Bridgewater. Даліо впевнений: щоб домогтися успіху і прожити щасливе життя, потрібно бути гіперреалістом — приймати реальність такою, яка вона є, усвідомлювати, що життя кожного з нас складається з декількох етапів, і від того, чи правильно ми проживемо кожен з них, залежить наше щастя, здоров'я та успіх. Головне послання принципів полягає в тому, що наше життя — це наші уроки, і те, які рішення ми приймаємо, як вчимося і працюємо, визначає майбутнє. У книзі багато сильних думок про життя, саморозвиток та управління. Однозначно варто читати.

Приємного вам читання і продуктивного тижня Відкрити / Коментувати

2021-06-23 15:59:27 ​​Як потрапити на проєкт мрії та показати себе з кращої сторони на інтерв’ю?

Проходження співбесіди досить стресовий і важливий процес для кожного. Тому правильна підготовка до інтерв’ю — це майже запорука успіху!

Минулого тижня колеги з нашого юніту на лекції поділились порадами про те як готуватись до інтерв’ю та успішно його пройти:

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

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

Але що ж робити якщо все-таки ви не пройшли?

По-перше, не засмучуйтесь. Тут варто обов’язково провести роботу над помилками. А саме: проаналізувати свою самопрезентацію, Voice & Tone та відповіді на питання. Постійно вдосконалюючись та навчаючись на власних помилках — точно все вийде!

Гарного дня та вдалих проєктних інтерв’ю Відкрити / Коментувати

2021-06-18 17:06:30 ​​Ну що, ви готові до вихідних?

Попереду очікуваний відпочинок, але ми маємо для вас ще одну класну новину. Ми знову підготували для вас новий мікс музики, щоб зарядитись на повну крутим настроєм

Цього разу своїм музичним смаком поділився наш колега – дизайнер Сергій Серьогін

«Цей мікс – авторський коктейль зі світлої музики для приємного відпочинку, натхненної роботи та мрійництва. Улюблені і перевірені psy-dub та psy-chill з додаванням етніки + декілька просто чудових треків поза жанром. Цей мікстейп заряджений на легкість та позитивні вайби Сподіваюсь, що вам вони сподобаються так само як і мені»

Приємного прослуховування! І класного відпочинку

https://open.spotify.com/playlist/02T0J8x6qtfJ0qCI4e4fj0 Відкрити / Коментувати

2021-06-17 12:43:44 ​​Як провалити інтерв'ю ?
Не популярне питання, проте такі випадки трапляються від незнання того, що не варто робити під час співбесіди.

Колеги з нашого юніту виділили список речей, які треба уникати на інтерв'ю, а саме:

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

Уникання цих пунктів – це вже 50% вашого успіху. А про те, як добрати решту 50% читайте у нашому наступному пості Відкрити / Коментувати

2021-06-14 15:40:29 ​​Страх публічних виступів — з ним зіштовхувався ледь не кожен дизайнер. Для когось він майже непомітний, а іншим добряче заважає презентувати свою роботу чи проходити співбесіди.

Минулого тижня Ольга Сольвар, тренер з ораторського мистецтва, поділилась з нами порадами як говорити впевнено, чітко і щоб тебе слухали:

• За 3 хвилини до початку виступу/мітингу/дзвінка з клієнтом побудьте у тиші, сконцентруйтесь на тому, що маєте сказати;
• Перед виступом порухайтесь, зробіть практику «дихання по квадрату»;
• Завчіть перші 3 речення, щоб не збитись та не розгубитись;
• Якщо хвилювання все ще присутнє – глибоко вдихніть та зробіть паузу;
• Завжди готуйтесь до виступів: найкраща імпровізація — підготовлена!
• Розмовляйте З людьми, а не ДЛЯ людей.

І пам'ятайте, що людський мозок здатен повністю концентуватись на задачі лише 20 хвилин, тому робіть інтерактиви з аудиторією, щоб втримати її інтерес до кінця виступу. Відкрити / Коментувати