8855
Это канал об интерфейсах, пользовательском опыте, дизайне. Опубликовать рекламу, пообщаться, предложить статью — @mosink
Еще одна статья о том, что на смартфонах с большим экраном сложно дотянуться до верхней навигации. Как вариант, предлагается перенести все значимые элементы в нижнюю навигацию. Внутри ссылки на исследования, оптимальные зоны управления пальцем и ответы на критику.
http://uxmovement.com/mobile/why-mobile-menus-belong-at-the-bottom-of-the-screen/
Рассылка, посвященная VR (виртуальная реальность). Если вы хотели стать дизайнером в этой области — вот ваш шанс, все только начинает расти. Область настолько молодая, что каждая статья наполовину состоит из описания установки софта.
http://www.vrdesignweekly.com/
С этого дня на канале можно опубликовать вакансию для дизайнеров. Стоимость — 1000 рублей.
Читать полностью…
Про выпадающие меню на смартфонах. Проблемы, решения и альтернативы. Например, введение года рождения, автор предлагает заменить на обычный ввод с клавиатуры потому, что это намного проще.
Также, в конце статьи есть ссылка на видео, в котором еще глубже разбирается эта тема. В отличии от статьи, сильный упор сделан на количество проблем, «умные умолчания» (smart defaults) и «машинный ввод» (machine input). Первая часть видео достаточно забавная.
kollinz/dropdown-alternatives-for-better-mobile-forms-53e40d641b53" rel="nofollow">https://medium.com/@kollinz/dropdown-alternatives-for-better-mobile-forms-53e40d641b53
На дриббле запустили «Draft Day» — в течение суток вы можете заинвайтить одного человека
https://dribbble.com/designers/prospects
Наташа Бабаева, бывший сотрудник МИФа, рассказывает как правильно взаимодействовать аналитику и дизайнеру. Получилось живо и понятно
nbabaeva/%D0%BA%D0%B0%D0%BA-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D1%82%D1%8C-%D1%81-%D0%B0%D0%BD%D0%B0%D0%BB%D0%B8%D1%82%D0%B8%D0%BA%D0%BE%D0%B9-%D0%B5%D1%81%D0%BB%D0%B8-%D0%B2%D1%8B-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80-fea905dc68f3" rel="nofollow">https://medium.com/@nbabaeva/%D0%BA%D0%B0%D0%BA-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D1%82%D1%8C-%D1%81-%D0%B0%D0%BD%D0%B0%D0%BB%D0%B8%D1%82%D0%B8%D0%BA%D0%BE%D0%B9-%D0%B5%D1%81%D0%BB%D0%B8-%D0%B2%D1%8B-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80-fea905dc68f3
Женя Арутюнов рассказывает о том, как мы группируем объекты и создаем связи между ними через призму своего восприятия
http://bvz.name/blog/all/vospriyatie/
На SmashingMagazine было что-то похожее — /channel/mosinkru/103
Да начнутся игры со шрифтами! На самом деле с параграфами. Забавная игра, где вам нужно правильно подобрать один из параметров: размер шрифта, ширину колонки или межстрочное расстояние. Кнопка старта игры в конце страницы.
https://betterwebtype.com/triangle
Как правильно использовать большие картинки (hero images) на маленьких экранах. Меня зацепило решение №1, которое гласит «Ты можешь обойтись без изображений, если оно не несет смысловой нагрузки».
https://www.nngroup.com/articles/big-pictures-small-screens/
Роман Бунин из Лаборатории данных рассказывает как делался проект Скайбондс. Один из интересных моментов — для передачи в разработку сложных экранов они используют «понимание задачи», а не спецификацию
https://www.youtube.com/watch?v=3yvG3pHC_8E
Коллекция примеров в которых оптимизация веб-производительности улучшила UX- и бизнес-метрики
https://wpostats.com/
Клип с интерактивом похожим на игры
http://www.wordshurt-lefilm.com/
Сайт на котором подбирают различные ссылки (музыка, видео, дизайн, арт). После семи дней каждая ссылка исчезает с сайта и заменяется другой. Материал достаточно интересный и разнообразный.
http://www.fuse.blog/
Тим-лид Злых Марсиан рассказывает о работе с распределенной удаленной командой
https://speakerdeck.com/gzigzigzeo/tips-and-tricks-ot-tim-lida-evil-martians-raspriedieliennoi-komandy-razrabotchikov
У Лебедева в бизнес-линче проскочил отличный инстаграм
https://www.instagram.com/petitesluxures/
Визуально очень крутой трейлер для документального фильма «Awaken» о взаимодействии людей с технологиями и природой.
«Awaken is a celebration of the spirit of life, an exploration of the Earth, and an ode to the Cosmos»
https://www.youtube.com/watch?v=u9GJSV3IZPo
Сегодня порекомендую сайт http://www.useronboard.com, на котором разбираются онбоардинги различных сервисов. Его отличительная черта — количество полезной информации и ироничная подача. Если вы когда-нибудь будете проектировать онбоардинг, настоятельно рекомендую сюда сходить. Вот вам пара примеров:
Хороший (Trello) — https://www.useronboard.com/how-trello-onboards-new-users/
Плохой (United Airlines) — http://www.useronboard.com/how-united-onboards-new-users/
Как быстро определить отступ от заголовка до текста
P.S. Телеграм до сих пор не научился в русскоязычные ссылки
https://designpub.ru/%D0%BE%D1%82%D1%81%D1%82%D1%83%D0%BF-%D0%B7%D0%B0%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%B0-ae23ea63a2fc
О новой опции SOCKS 5 в Telegram
#other #telegram #socks5
В планах Роскомнадзора (и не только) устроить армагеддон для российских пользователей Telegram. Команда мессенджера предполагала такое решение властей и включила в функционал поддержку соединения с прокси серверами на основе протокола SOCKS5.
http://telegra.ph/Kak-aktivirovat-SOCKS-5-v-Telegram-06-26
Еще одна статья о формах логина. С большим количеством примеров и скриншотов, все как я люблю
https://uxplanet.org/how-to-design-great-ux-for-sign-up-form-8ce39f84659
Лаборатория Артема Геллера и AIC пытаются создать дизайн-систему для государственных сайтов. Там все на очень ранних стадиях, поэтому не удивляйтесь некликабельным ссылкам на допматериалы.
https://drive.google.com/drive/u/0/folders/0B6KeL5PaO45GS2NwYXVGZU9mblU
Как лучше всего проектировать таблицы. В прекрасных гифках.
https://uxdesign.cc/design-better-data-tables-4ecc99d23356
Пришло время пересмотреть функцию верхней панели навигации (navbar) в iOS. Основная проблема — до нее сложно дотянуться пальцем и увеличение размеров экрана только усугубляет эту проблему. Что предпринимает Apple и какие есть альтернативы и решения — внутри статьи.
https://medium.com/tall-west/lets-ditch-the-nav-bar-3692cb17cc67
Как писать спецификацию для сложных анимаций
https://blog.prototypr.io/motion-design-handovers-made-easy-83cad5f2e12a
Довольно интересный вопрос: «Могут ли сайты и сервисы стать настолько же культовыми, как некоторые продукты промышленного дизайна?»
https://medium.com/startup-grind/can-digital-products-be-timeless-a04e30662029
Прекрасный пример того, как нужно делать интерактивные сайты. Здесь даже учтена такая мелочь, как отключение звука при переходе в другую вкладку (как у coub).
https://learningmusic.ableton.com/
Как Яндекс разрабатывает проекты в отделе дизайна
http://mosink.ru/blog/all/yandex-product-designer/
Ошибки, которые допускают при проектировании микровзаимодействий и анимаций. С разбором примеров. Если кратко, нужно придерживаться следующих принципов:
— Будьте сдержанным
— Повествование важнее спецэффектов
— Старайтесь уложить анимацию в одно-единственное движение
— Анимация не спасет ваш дизайн, если он уже плох
— Детали важны
https://medium.com/ux-in-motion/5-mistakes-to-avoid-when-designing-micro-interactions-a6f638ee6a86
Заметка о том, как начать работу в команде в роли нового дизайнера
« [...] Мой первоначальный дизайн нарушал три основных принципа работы в роли нового дизайнера в команде:
— Полагаться на предыдущий опыт команды
— Иметь сильные гипотезы
— Знать, как выглядит успех для команды
Игнорируя знания, накопленные ими, я создал один из самых бесполезных дизайнов, который они видели. Я потратил время играясь в Скетче, хотя должен был задавать вопросы о том, как команда пришла к тому, что есть сейчас»
https://medium.com/facebook-design/questions-to-ask-as-a-new-designer-on-the-team-7e3ace0c787f