🔎 Шукати? Що? Як?
Усім привіт 👋
Сьогодні поговоримо про Пошук
А що, якщо створити власний чек-ліст для Пошуку та інших елементів у вебі, подумав я, але згадав що хтось вже це зробив до мене — Сhecklist.design
Тут зібрані вимоги до багатьох компонентів та сторінок у вебі, ви ж не хочете нічого пропустити, створюючи крутий UX для ваших користувачів? 😘
Але мені цього не вистачило і я пішов далі, зробив власну нотатку, що потрібно врахувати при проектуванні Пошуку для вашого сайту чи додатку — моя нотатка для Пошуку
А також декілька статей (Eng) для дуже зацікавлених в темі:
Стаття 1
Стаття 2
А ви знали, що ширини інпута пошуку в 27 символів вистачає для 90% запитів? 👀
Пардон за таку велику перерву між постами, намагаюсь придумати супер-корисний формат 😊
Діліться контентом, якщо стало в нагоді ❤️
#UX_checklist
Усім привіт 👋
Сьогодні поговоримо про Пошук
А що, якщо створити власний чек-ліст для Пошуку та інших елементів у вебі, подумав я, але згадав що хтось вже це зробив до мене — Сhecklist.design
Тут зібрані вимоги до багатьох компонентів та сторінок у вебі, ви ж не хочете нічого пропустити, створюючи крутий UX для ваших користувачів? 😘
Але мені цього не вистачило і я пішов далі, зробив власну нотатку, що потрібно врахувати при проектуванні Пошуку для вашого сайту чи додатку — моя нотатка для Пошуку
А також декілька статей (Eng) для дуже зацікавлених в темі:
Стаття 1
Стаття 2
А ви знали, що ширини інпута пошуку в 27 символів вистачає для 90% запитів? 👀
Пардон за таку велику перерву між постами, намагаюсь придумати супер-корисний формат 😊
Діліться контентом, якщо стало в нагоді ❤️
#UX_checklist
This media is not supported in your browser
VIEW IN TELEGRAM
Веф-веф-веф 🐶
А ви знали що у Trello є пес, якого звати Taco?)
Він вміло виконує свої обов'язки — розповідає користувачам про оновлення, веде на блог, та нагадує про їх соц. мережі.
Таким прийомом користуються багато відомих продуктів: Bear, Duolingo, Mailchimp, Bird та безліч інших...
На мою думку, використання персонажів у спілкуванні бренду з аудиторією підвищує лояльність юзерів та піднімає настрій 🥳
Погоджуєтесь?
А ви знали що у Trello є пес, якого звати Taco?)
Він вміло виконує свої обов'язки — розповідає користувачам про оновлення, веде на блог, та нагадує про їх соц. мережі.
Таким прийомом користуються багато відомих продуктів: Bear, Duolingo, Mailchimp, Bird та безліч інших...
На мою думку, використання персонажів у спілкуванні бренду з аудиторією підвищує лояльність юзерів та піднімає настрій 🥳
Погоджуєтесь?
Іконки, іконочки-и-и-и 💌
Коли тільки починав свій професійний шлях, було дуже цікаво, які ж ресурси використовують інші дизайнери. Де беруть графіку, фото, іконки та все інше...
Надіюсь, що вам теж це цікаво 🙄
Зібрав усі лінки (якими користуюсь), де ви можете скачати різноманітні іконки для своїх проектів 😱
пссс... більшість безкоштовні 👀
Юзайте наздоров'я ☘️
#links_library
Коли тільки починав свій професійний шлях, було дуже цікаво, які ж ресурси використовують інші дизайнери. Де беруть графіку, фото, іконки та все інше...
Надіюсь, що вам теж це цікаво 🙄
Зібрав усі лінки (якими користуюсь), де ви можете скачати різноманітні іконки для своїх проектів 😱
пссс... більшість безкоштовні 👀
Юзайте наздоров'я ☘️
#links_library
Дропай вниз 🤓
Просто неможу неподілитись із вами цією статтею.
Автор розповів все про drop-down. Види, стани, типові помилки і багато-багато іншого.
Ну прямо дуже рекомендую до прочитання дизайнерам Junior-Middle. Senior має це знати (але якщо забувся, то не соромся нагадати) 🙂
Дехто із вас проти контенту російською, тому сорі 🙈
Просто неможу неподілитись із вами цією статтею.
Автор розповів все про drop-down. Види, стани, типові помилки і багато-багато іншого.
Ну прямо дуже рекомендую до прочитання дизайнерам Junior-Middle. Senior має це знати (але якщо забувся, то не соромся нагадати) 🙂
Дехто із вас проти контенту російською, тому сорі 🙈
Собака-гуляка 🐩
Недавно дізнався про подкасти від Тільди. "Собака-гуляка" — один із них.
Історія про те, як дівчина увірвалась на нерозвинутий ринок вигулу собак і реалізувала свою ідею за 3 місяці...
Розслабляйтесь розвиваючись 🎧
Там вже цілих 13 випусків 🥰
Усі випуски Tilda Publishing
Недавно дізнався про подкасти від Тільди. "Собака-гуляка" — один із них.
Історія про те, як дівчина увірвалась на нерозвинутий ринок вигулу собак і реалізувала свою ідею за 3 місяці...
Розслабляйтесь розвиваючись 🎧
Там вже цілих 13 випусків 🥰
Усі випуски Tilda Publishing
Компанія обирає тебе, але й ти обираєш компанію 🤓
Колега з Генезісу коротко і доступно описав основні моменти, на які варто звернути увагу при влаштуванні на роботу.
✅ Чек-ліст кандидата:
1. Моє резюме без помилок і його легко читати
2. Намагаюсь показати в тестовому завданні глибину своїх знаннь
3. Шукаю інформацію про компанії завчасно і готуюсь до співбесіди
4. Чесно відповідаю на питання інтерв’юера.
Моя ціль — знайти компанію, котра буде підходити мені і де я буду приносити користь.
5. Завжди запитую детальний фідбек, якщо отримано негативне рішення. Хочу знати, де мені потрібно розвиватись.
Банальні речі, але такі актуальні для всіх 😌
https://bit.ly/3fZmrSb
Колега з Генезісу коротко і доступно описав основні моменти, на які варто звернути увагу при влаштуванні на роботу.
✅ Чек-ліст кандидата:
1. Моє резюме без помилок і його легко читати
2. Намагаюсь показати в тестовому завданні глибину своїх знаннь
3. Шукаю інформацію про компанії завчасно і готуюсь до співбесіди
4. Чесно відповідаю на питання інтерв’юера.
Моя ціль — знайти компанію, котра буде підходити мені і де я буду приносити користь.
5. Завжди запитую детальний фідбек, якщо отримано негативне рішення. Хочу знати, де мені потрібно розвиватись.
Банальні речі, але такі актуальні для всіх 😌
https://bit.ly/3fZmrSb
Хто? Хто сказав Ілюстрації? 👀
Минулого разу вам дуже зайшли ресурси з іконками, тож продовжую ділитись власною бібліотекою 😇
Я підготував усі лінки (якими користуюсь), де ви можете знайти круті ілюстрації. По старінці — як безшкотовні, так і платні 🔥🔥🔥
Надішліть тим, кому може знадобитись.
Peace✌️
#links_library
Минулого разу вам дуже зайшли ресурси з іконками, тож продовжую ділитись власною бібліотекою 😇
Я підготував усі лінки (якими користуюсь), де ви можете знайти круті ілюстрації. По старінці — як безшкотовні, так і платні 🔥🔥🔥
Надішліть тим, кому може знадобитись.
Peace✌️
#links_library
Лети, пташко, лети 🐤
Телеграфу зайшов попередній пост із моєю бібліотекою ілюстрацій, вони вирішили опублікути його в себе на сайті — https://bit.ly/2ZGO0Ko
Я додав детальний опис та розповів в яких ситуаціях може бути корисним кожен ресурс.
Телеграфу зайшов попередній пост із моєю бібліотекою ілюстрацій, вони вирішили опублікути його в себе на сайті — https://bit.ly/2ZGO0Ko
Я додав детальний опис та розповів в яких ситуаціях може бути корисним кожен ресурс.
• —
Платні і безкоштовні: 10 ресурсів, де можна знайти добрі ілюстрації
Добірка - Добірка - Telegraf — журнал дизайнерів.
This media is not supported in your browser
VIEW IN TELEGRAM
Процес — як він є 🧘♂️
Zoom дуже добре показує в ілюстраціях, як працює їх продукт. Без зайвих елементів, чітко по меседжу.
А вам подобається?
Zoom дуже добре показує в ілюстраціях, як працює їх продукт. Без зайвих елементів, чітко по меседжу.
А вам подобається?
Скільки? Нє, ну скільки? ☺️
Свіженьке дослідження зарплат дизайнерів в Україні
Автор — Happy Monday
Читати дослідження
А вас справедливо оцінюють?
Свіженьке дослідження зарплат дизайнерів в Україні
Автор — Happy Monday
Читати дослідження
А вас справедливо оцінюють?
This media is not supported in your browser
VIEW IN TELEGRAM
Канікули минули 😅
Досить відпочивати — систематичні пости повертаються!
Ми часто використовуємо шаблонні рішення😞, до яких користувачі звикли. Але чому б не насмілитись створити щось нове?
Нещодавно помітив, як Google maps дуже зрозуміло показує цікаві місця на карті, утримуючи фокус на конкретному об'єкті.
Не забувайте тестувати це "нове" на знайомих, друзях. Не завжди все так класно працює в реальності, як ми собі задумали 🤓
Досить відпочивати — систематичні пости повертаються!
Ми часто використовуємо шаблонні рішення😞, до яких користувачі звикли. Але чому б не насмілитись створити щось нове?
Нещодавно помітив, як Google maps дуже зрозуміло показує цікаві місця на карті, утримуючи фокус на конкретному об'єкті.
Не забувайте тестувати це "нове" на знайомих, друзях. Не завжди все так класно працює в реальності, як ми собі задумали 🤓
⚡️ 7 швидких UI порад
Я рідко читаю такі статті, а ще рідше раджу комусь. Але про ці рекомендації важливо пам'ятати кожному. + трішки думок від мене ☺️
1. Обирайте сім'ю шрифтів, яка включає Serif та Sans варіації. Це додасть консистентності та цілісності вашій типографіці. Спробуйте ось ці: Merriweather & Merriweather Sans, Roboto & Roboto Slab.
2. Зменшуйте відстань між літерами (letter-spacing) у заголовках великого розміру. Це допоможе користувачам легше сканувати інформацію.
3. Визначте правильний вертикальний ритм для елементів заголовку та параграфа. Як правило, нижній відступ заголовка повинен бути значно менший, ніж верхній, щоб утворити зв'язок між заголовком та параграфом (див. приклад в статті).
4. Намагайтеся використовувати CAPS тільки у коротких заголовках. Довгий текст великими літерами зчитується набагато важче, ніж звичайний. Автор також радить використовувати СAPS в Overlines (див. приклад в статті)
5. Зазвичай користувачі саме сканують, а не читають заголовки. Скорочуйте їх. "For example. Instead of ‘It’s your style, and your way’, simply use something like ‘Your style. Your way."
6. Коли обираєте шрифт, зверніть увагу на те, скільки Font-weight (товщин шрифту) є в наявності. Цей пункт позбавить вас бескінечного пошуку інших шрифтів для влучної пари.
7. Обрати підходящий шрифт до ілюстрацій та всього стилю інтерфейсу важко, особливо новачкам. Моя особиста порада — робіть невеличкий Research та аналізуйте інші сайти. Спробуйте зрозуміти чому саме цей шрифт обрав дизайнер в конкретному випадку. Наприклад, в ілюстрації переважають круглі форми, тоді навряд підійдуть літери із гострими кутами. Ще один приклад, занадто товстий шрифт буде сильно виділятись на фоні тонких та витончених ліній графічних елементів.
Якщо подобається такий формат, не забудьте лайкати та коментувати, як сигнал мені 😉
Я рідко читаю такі статті, а ще рідше раджу комусь. Але про ці рекомендації важливо пам'ятати кожному. + трішки думок від мене ☺️
1. Обирайте сім'ю шрифтів, яка включає Serif та Sans варіації. Це додасть консистентності та цілісності вашій типографіці. Спробуйте ось ці: Merriweather & Merriweather Sans, Roboto & Roboto Slab.
2. Зменшуйте відстань між літерами (letter-spacing) у заголовках великого розміру. Це допоможе користувачам легше сканувати інформацію.
3. Визначте правильний вертикальний ритм для елементів заголовку та параграфа. Як правило, нижній відступ заголовка повинен бути значно менший, ніж верхній, щоб утворити зв'язок між заголовком та параграфом (див. приклад в статті).
4. Намагайтеся використовувати CAPS тільки у коротких заголовках. Довгий текст великими літерами зчитується набагато важче, ніж звичайний. Автор також радить використовувати СAPS в Overlines (див. приклад в статті)
5. Зазвичай користувачі саме сканують, а не читають заголовки. Скорочуйте їх. "For example. Instead of ‘It’s your style, and your way’, simply use something like ‘Your style. Your way."
6. Коли обираєте шрифт, зверніть увагу на те, скільки Font-weight (товщин шрифту) є в наявності. Цей пункт позбавить вас бескінечного пошуку інших шрифтів для влучної пари.
7. Обрати підходящий шрифт до ілюстрацій та всього стилю інтерфейсу важко, особливо новачкам. Моя особиста порада — робіть невеличкий Research та аналізуйте інші сайти. Спробуйте зрозуміти чому саме цей шрифт обрав дизайнер в конкретному випадку. Наприклад, в ілюстрації переважають круглі форми, тоді навряд підійдуть літери із гострими кутами. Ще один приклад, занадто товстий шрифт буде сильно виділятись на фоні тонких та витончених ліній графічних елементів.
Якщо подобається такий формат, не забудьте лайкати та коментувати, як сигнал мені 😉
Ех, нас знову заюзали 🤷♂️
А ви знали, що Google нас використовує для навчання штучного інтелекту своїх безпілотних авто Waymo, коли ми намагаємося пройти captcha?
Перед цим ми з вами вибирали назви вулиць, номери будинків та різні орієнтири на місцевості для Google Street View.
Років 5 тому (до дизайну), щоб заробити кошти на курс Webdesign basic і стати дизайнером, я цілими днями позначав ці світлофори, авто та інші елементи. Працював на AI якогось дядька 😁
А ким ви працювали 5 років тому?
А ви знали, що Google нас використовує для навчання штучного інтелекту своїх безпілотних авто Waymo, коли ми намагаємося пройти captcha?
Перед цим ми з вами вибирали назви вулиць, номери будинків та різні орієнтири на місцевості для Google Street View.
Років 5 тому (до дизайну), щоб заробити кошти на курс Webdesign basic і стати дизайнером, я цілими днями позначав ці світлофори, авто та інші елементи. Працював на AI якогось дядька 😁
А ким ви працювали 5 років тому?
Друзі, хочу з вами поділитись каналом, де публікують відбірні ресурси із Figma Community. Як приклад, ось цей UI кіт із налаштованим Auto Layout для зручної кастумізації елементів. Суттєво прискорить роботу над вашим наступним проектом 🔥🔥🔥
Forwarded from Figma Community Resources
Auto Layout Component Library #designsystem
Только выкатили апдейт, а уже есть ui кит адаптированный под варианты. Спасибо Abel Hancock
☟Duplicate☟
Только выкатили апдейт, а уже есть ui кит адаптированный под варианты. Спасибо Abel Hancock
☟Duplicate☟
😱 Камон туди!
Підключайтеся до безкоштовної конференції від Parimatch Tech. Про підприємництво, технології бізнесу, "креативщиків" та розробників 🚀
Теми, які обговорюють:
— CHALLENGES FACED BY BUSINESSES
— HOW GLOBAL SPORT STANDS AGAINST LOCKDOWN
— TECHNOLOGIES REMARKING THE WORLD
— FUTURE BLOCK
Ще дуже багато цікавого попереду 🤓
Agenda тут
Підключайтеся до безкоштовної конференції від Parimatch Tech. Про підприємництво, технології бізнесу, "креативщиків" та розробників 🚀
Теми, які обговорюють:
— CHALLENGES FACED BY BUSINESSES
— HOW GLOBAL SPORT STANDS AGAINST LOCKDOWN
— TECHNOLOGIES REMARKING THE WORLD
— FUTURE BLOCK
Ще дуже багато цікавого попереду 🤓
Agenda тут