Design Board – Telegram
Design Board
10.1K subscribers
771 photos
1.11K videos
4 files
1.1K links
Борда о UX/UI от @inteo, без рекламы

Реестр РКН: gosuslugi.ru/snet/679c533ee7235e5c9e3d5948
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Ребята сделали ночной режим, но только для стартового экрана. Я как-то не так его включаю или это фича такая?
This media is not supported in your browser
VIEW IN TELEGRAM
remove.bg — самый быстрый и простой способ удалить фон с фотографии. Без СМС и регистрации.
This media is not supported in your browser
VIEW IN TELEGRAM
Очень полезная фича для сервисов с отзывами, которая не у всех есть — возможность посмотреть все отзывы конкретного человека. Бывает, смотришь что-то и натыкаешься на развёрнутый негативный отзыв среди довольно хороших. И вроде уже это что-то кажется не таким привлекательным. А потом заходишь к автору отзыва, смотришь остальные и понимаешь, что это чмо почти везде недовольно. И рестораны у него плохие и парки, и хамят ему везде. И в сервисе плохо ремонтируют. Ну, человек такой — говённый. Мудак. В общем, полезная фича.
This media is not supported in your browser
VIEW IN TELEGRAM
deburis.it — ребята из AQuest сделали очень красивые переходы на сайте Deburis. Юра Артюх разбирает этот сайт в своём стриме — youtu.be/sJ_l6XVmH9Q и повторяет эти переходы — cssing.org.ua/examples/deburis.
This media is not supported in your browser
VIEW IN TELEGRAM
Представлено одно из самых детализированных пейзажных изображений в мире — sh-meet.bigpixel.cn — на снимке высочайшего разрешения запечатлён Шанхай — крупнейший по численности населения город Китая. Разрешение изображения составляет невообразимые 195 гигапикселей, или 195 миллиардов пикселей.

Съёмка города велась на протяжении нескольких месяцев. Фотографическое оборудование было размещено на телебашне «Восточная жемчужина». Это одна из главных достопримечательностей района Пудун в Шанхае. Высота сооружения составляет почти 470 метров.

Качество изображения настолько высокое, что при масштабировании можно разглядеть выражения лиц людей на улицах и даже... ну, да, не повезло тому, кто в этот день засветился.
This media is not supported in your browser
VIEW IN TELEGRAM
gyrosco.pe/app — сервис собирает статистику о тебе и всё это упаковывает в красоту. И для пущего эффекта, они делают книжки с отчётами — bit.ly/EngAnnualReportBooks. Такая индивидуальная книга стоит $350.
This media is not supported in your browser
VIEW IN TELEGRAM
bit.ly/VisBugExtension — веб-инспектор, но для дизайнеров — youtu.be/Z9V6B-tOIkc, на GitHub лежит тут — bit.ly/VisBugGitHub, а поиграться без установки можно тут — bit.ly/VisBugSandbox.
This media is not supported in your browser
VIEW IN TELEGRAM
animejs.com — я уже советовал дизайнерам, которые любят кодить присмотреться к AnimeJS, и теперь советую уже не присмотреться, а брать и использовать. Мега штука, которая обновилась и заимела бомбический лендинг.
This media is not supported in your browser
VIEW IN TELEGRAM
kapwing.com/motion — сервис, который сделает анимированную картинку из статичной. Можно настроить под свой вкус. А постер я упёр отсюда — bit.ly/TextlessMovieWallpapers.
This media is not supported in your browser
VIEW IN TELEGRAM
bit.ly/PosterTip — дизайнер Райан Маклеод из Agency of None напомнил нам о забытом и классном способе создания постеров. Это конечно, не уровень Гэри Персиваля — bit.ly/AnotherPoster, но весьма достойный способ делать клёвые постеры. В общем, теперь всё ограничено только вашим воображением.
This media is not supported in your browser
VIEW IN TELEGRAM
bit.ly/GConvert18 — не так давно прошёл #gconvert18, если кто пропустил, советую посмотреть. Там хорошо дают по щщам дизайнерам, которые ударились в дриббблецизм*.

Вот, например, когда Matalan внедрили развёрнутую строку поиска на все страницы, убрав иконку лупы из шапки, то прирост поиска с мобильных устройств составил 32%, а с планшетов — 51%. Сейчас налетят дриббблеры и скажут, что так не красиво. Ну, ёпрст, сделайте красиво, но не во вред функциональности и конверсии. Кстати, Matalan, при прокрутке страницы, прячет строку поиска в шапку.

Вспомнил, у меня в закромах лежит история про иконку лупы, которую так любят использовать дизайнеры для обозначения поиска, завтра расскажу коротенько.

* — Дриббблецизм (от англ. Dribbble, «красивая картинка, шот») — течение в дизайне, где большинство дизайнеров стремятся произвести впечатление своим дизайном, а не решить какую-то реальную бизнес-проблему своего клиента.
This media is not supported in your browser
VIEW IN TELEGRAM
Что общего между Amazon, Индией и иконкой лупы?

В сельских районах Индии проживает около 800 миллионов человек, большинство из них не знакомы с онлайн-покупками и часто не имеют смартфонов, кредитных карт или даже адресов доставки, всё, что у них есть — наличные деньги. Стандартная торговая точка в сельской местности — это магазин размером с шкаф, в котором простые, небольшие и недорогие продукты — мыло, сигареты или закуски — продаются после того, как они прошли через нескольких посредников. Результат — ограниченный выбор, низкое качество и относительно высокие цены для сельских потребителей.

Традиционно крупные покупки требовали долгой поездки в город или недельных скитаний по рынкам.

Amazon пришёл, перевёл свой сайт на хинди и открыл мини-магазинчики, чтобы познакомить людей с процессом заказа онлайн.

И тут начались проблемы.

Amazon выяснил, что клиенты в сельской местности Индии не знают, что лупа является стандартной иконкой для обозначения поиска. Покупатели говорили, что это ракетка для настольного тенниса, поэтому на сайте пришлось добавить подсказок и проставить плейсхолдеры на хинди. Дальше... чтобы облегчить понимание главного экрана, пришлось прорисовать значки для книг, электроники, косметических товаров... Иконка тележки — вообще непонятное существо, ибо в Индии много мест, где покупатели никогда не видели тележку, скорее всего скоро её заменят на авоську.

Да, ребята, иногда дизайн нужно адаптировать под локаль.

В общем, если вам придётся делать интерфейс под менталитет жителей Марса, не фыркайте, садитесь и делайте...
1
This media is not supported in your browser
VIEW IN TELEGRAM
github.com/rikschennink/shiny — во-первых, это красиво. Люблю такие мелочи, а вариантов применения уйма — от натирания до простого приёма внутрь.
This media is not supported in your browser
VIEW IN TELEGRAM
dribbble.com/search?q=One+Layer+Style — текущий пост навеян #10YearChallenge помешательством.

Хоть я и ругаю Dribbble при каждой возможности, я не могу сказать ни одного плохого слова про тамошние челленджы. Они как были классными, так классными и остаются.

В общем, вспомнил один клёвый челлендж на Adobe Photoshop CS6. Раньше к слою нельзя было применить больше одной обводки, тени, градиента... поэтому, нужно было порвать попку, чтобы собрать такое на ограниченном сете стилей.
This media is not supported in your browser
VIEW IN TELEGRAM
В 99% случаев, любой новый дизайн встречает сопротивление. И этот раз – не исключение. Но, на контрасте с особенно удачной предыдущей версией иконки, Pentagram следовало бы постараться лучше. Новая иконка теряется среди приложений, а в Dock её вообще найти сложно. Теперь это просто картинка с бесплатного стока.

Любой ребрендинг известной компании будут защищать всеми силами, даже если он провальный. Всё это приживется так же, как прижилась иконка у Instagram.

Кстати, у Instagram после такого финта быстро просела посещаемость, и, видно, поэтому им пришлось стырить плюшки от Snapchat, чтобы хоть как-то выровняться на этом фоне.
This media is not supported in your browser
VIEW IN TELEGRAM
sketchfab.com — можно просто зайти поглазеть на классные 3D-модели без использования каких-либо плагинов, либо натырить себе, ибо бесплатного контента там уйма. Люблю этот сервис, порой могу залипнуть на пару часов.
This media is not supported in your browser
VIEW IN TELEGRAM
readymag.com/yandexgeoteam/1229224 — запустился Яндекс.Авто, который собрали на Readymag и вхерачили его через iframe на auto.yandex, то есть сшили намертво с чужим сервисом.

Результат — адрес при навигации не обновляется, ссылки, если копируешь, ведут на Readymag, с телефона глючит, застревает — дизайнерский прототип, который пошёл в продакшен. Теперь в Яндексе скорость запуска важнее удобства и качества.

В общем, наговнякали.
This media is not supported in your browser
VIEW IN TELEGRAM
gismeteo.ru/weather-tomsk-4652/2-weeks — кто бы мог подумать, что в 2019 году пользователь не сможет посмотреть погоду на неделю, если у него включен блокировщик рекламы.

UPD: Не, ребята, это пост не о том, что у вас ссылка работает при включенном блокировщике рекламы, а у меня нет, а о том, что это моветон — люди бы не ставили себе блокировщики, если бы реклама не была бы такой назойливой. Я взял один из популярных — uBlock Origin, и подкрутил его до самого лютого состояния — вся назойливая реклама, метрики, социальные скрипты... идут лесом. В общем, если при этих условиях меня не пускают посмотреть контент, то этот ресурс идёт лесом. Динозавры такого заработка должны исчезнуть.
This media is not supported in your browser
VIEW IN TELEGRAM
hustwit.vhx.tv — добрался и посмотрел документальный фильм про Дитера Рамса. Он сформулировал знаменитые «Десять принципов хорошего дизайна». Примечательно, что эти десять принципов выдержали испытание временем и для многих являются каноническими.

Интересное наблюдение — он любит использовать правило нечётного числа и «воздуха». При использовании нечётного количества объектов один из них будет находиться в центре внимания, что делает восприятие продукта более комфортным, а «воздух» позволяет глазам «дышать».

В общем, купить можете по ссылке выше, ну или не покупать, а впитать то же самое по моей ссылке — yadi.sk/d/Y1FAvKz2oyjIKA.
This media is not supported in your browser
VIEW IN TELEGRAM
Смайлы-скобки чисто рунетная тема, больше нигде в мире их не понимают.