Креш-курс по UI-дизайну



Ми завжди в пошуках хороших статей про дизайні, щоб потім використовувати їх у роботі над сайтом «Я люблю ІП». Сьогодні ми перевели ще одну статтю, яка розповідає, чим відрізняється UI-дизайн від UX-дизайну і на яких основних принципах будується дизайн інтерфейсів.

UI vs. UX

Якщо ви хоч трохи цікавилися дизайном додатків, то напевно чули терміни «UI» і «UX». Але чим же вони відрізняються?
У найпростішій формі, UX-дизайн — це те, що робить інтерфейс корисним, а UI-дизайн робить його красивим. Дизайн інтерфейсів — це суміш візуальної ієрархії і елементів інтерфейсу. Щоб розібратися, чим відрізняється прекрасний дизайн від просто хорошого, необхідно зрозуміти, що дизайн інтерфейсів — це всього лише один з шарів цілого дизайн-процесу. Можливо, саме тому ці два терміни так часто плутають. У цій статті я постараюся розповісти, в чому ж полягає різниця між ними з точки зору дизайн-процесу.
Згідно з книги Дж. Гарретта «Елементи досвіду взаємодії», UX-дизайн можна визначити через п'ять основних рівнів. Давайте почнемо з самого абстрактного.

Читати далі →

Axure. Удар інтерактивом по інтерфейсу. Проби і помилки

Axure
  • Дійсно цей продукт не більш ніж інструмент для прототипування?
  • Може UI designer повністю перейти на роботу в Axure, відмовившись від інших інструментів?
  • Які сильні та слабкі сторони цієї програми?


Я постараюся знайти відповіді на ці питання нижче. Порівняно недавно я вирішив піти від Adobe Photoshop до Axure, раптово розкривши для себе потенціал цього інструменту, не тільки як засобу для прототипування.

Читати далі →

Як конструювати слова (від автора, який ненавидить читати)

Чесно кажучи, я письменник. Мені платять за те, щоб я писав слова. Але є річ, яку більшість про мене не знають: я ненавиджу читати.

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

image
Все що я бачу — простирадло слів.

У дитинстві я думав, що моє відраза до читання — моя слабкість. Це було так, поки через роки я не усвідомив, що ця слабкість і допомогла мені стати гарним письменником.

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

Читати далі →

7 корисних плагінів для Sketch



Працювати в Sketch легко. Багато хто знають, як використовувати базові функції. Але не всі працюють з плагінами, які розширюють можливості програми. Я розповім про 7 корисних доповнення, які допомагають оптимізувати роботу та автоматизувати деякі завдання.
Невеликий хінт: більшість плагінів, про які йде мова, доступні в Sketch Toolbox. Це окрема невелика програма з пошуком та можливістю швидкого видалення/установки плагінів.

Читати далі →

Зроблено в МТІ: система контролю версій Gitless


Всі ви знаєте систему Git. Хоча б чули — це напевно. Розробники, які користуються системою, її або люблять, або лають за складний інтерфейс і баги. Система контролю версій Git де-факто є стандартом в індустрії. У розробника можуть бути думки про переваги Mercurial, але найчастіше доводиться миритися з вимогою вміти користуватися Git. Як у будь-якої складної системи, у неї безліч корисних і необхідних функцій. Однак, до геніальної простоти добираються не всі, тому існуюча реалізація залишала простір для вдосконалення.

Простими словами — хитромудрою додатком було важко користуватися. Тому в лабораторії Массачусетського Технологічного Інституту взялися за поліпшення і відтяли всі «проблемні» (адже те, що для одного проблема, для іншого легко може перевагою). Поліпшену і спрощену версію назвали Gitless. Її розробляли з урахуванням 2400 питань, пов'язаних з Git і взятих з сайту розробників StackOverflow.

Команда авторів вичленувала найбільш проблемні місця в Git, включаючи дві концепції staging і накопичення. Потім вони запропонували зміни, покликані вирішити відомі проблеми.

Читати далі →

Dribbble огляд №2 — найбільш цікаві дизайни інтерфейсів за останні 2 тижні

Всім привіт. Минуло пару тижнів з моменту виходу попередній огляда. На жаль, за цей час скарбничка Dribbble поповнювалася мляво. Хоча в цілому вона поповнювалася стабільно, але стоїть Вашої уваги матеріалу вкрай мало. Тому давайте знову відмотаємо таймер тому, тепер вже на два тижні і подивимося на різні концепти UX/UI артистів з усього світу. Я, як незалежний оглядач, вибрав 10 робіт і розставив їх у порядку зростання якості виконання.



Читати далі →

Створюйте хороші таблиці

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

Dribbble: огляд найбільш цікавих дизайнів інтерфейсів за минулий тиждень



Всім привіт. Тиждень майже закінчилася і за цей час скарбничка Dribbble поповнилася купою робіт дизайнерів зі всього світу. Я пропоную вам відмотати таймер назад і подивитися що цікавенького за цей тиждень намалювали інші UX/UI артисти. У ролі незалежного експерта спостерігача пропоную власний огляд кращих дизайн-макетів. В кінці оголошу трійку кращих на свій погляд, але почну з загальним списком номінантів. Тому, якщо вам цікаво куди рухаються тренди дизайну і гайдлайны desktop-продуктів, то…

Читати далі →

Оптимізуємо свої трудовитрати при розробці програми в Google Material Design


Даний матеріал може бути корисний як для професійних дизайнерів інтерфейсів, так і розробникам, чиї пізнання в графічних пакетах знаходяться нижче рівня «просунутого користувача».

Отже, перед нами стоїть завдання: спираючись на готові рішення у відкритому доступі, максимально оптимізувати витрачений труд на розробку програми в стилі Google Material Design.

Читати далі →

HelloHome Case Study

image
HelloHome Case Study
HelloHome – додаток для пошуку сусідів створене по моделі Tinder.
На ринку давно існує невирішене питання якісного пошуку сусідів, але його досі не вдавалося вирішити належним чином.
Читати далі →