Эмин Абдуллаев

Сделайте просто кнопку

2022-01-05T23:37:00.514Z

Так выглядит главная приложения Wi-Fi_Free:

Ладно то, что в этих четырех окошках инфа расположена по-разному. Я долго не мог найти кнопку :-) Хотя, казалось бы, кнопка перед глазами.

Редизайн сообщения об ошибке в Виндоусе

2021-12-29T05:47:48.981Z

Кирилл Олейниченко писал:

«Windows напоминает дачный домик, к которому раз в пару лет что-то пристраивают. То веранду, то балкон, потом баньку, сарайчик и пошло-поехало. В итоге пользователь может видеть интерфейсное наследие чуть ли не 25-летней давности»

После закрытия икселевского файла всплывает окно:

Это вот ровно то, о чём говорил Кирилл: окно похоже на то, что было в самых старых версиях Винды. А еще:

Четыре кнопки и одна ссылка;
Подсвечена кнопка «Не отправлять», хотя, по идее, подсвеченной должна быть кнопка «Отправить»;
Есть Microsoft и Майкрософт;
Кривая вёрстка: кнопки расположены кое-как;
И главное — стоит приложить много усилий, чтобы понять, что от нас хотят. Сначала пишут о том, что обнаружены проблемы с файлами. Потом — заголовок и просьба помочь. Сами же файлы с ошибками находятся внизу в окне.

Исправить можно вот так:

Мы оставляем лишь две кнопки: целевую «Отправить» и второстепенную «Посмотреть файлы». Текст на целевой кнопке отвечает на вопрос в тексте, об этом я уже писал.

В тексте ограничимся заголовком о том, что случилось и что можно сделать.

Небольшой редизайн СберЗвука

2021-10-31T09:01:56.387Z

Снова я сделаю то, о чём меня никто не просил — попробую переделать страницу исполнителя на СберЗвуке: https://sber-zvuk.com/artist/754367. Конечно, вряд ли моя перевёрстка повлияет на конверсию и прибыль.

Страница выглядит вот так:

Список песен растягивается на всю ширину экрана. Подсоберём:

Пространство справа можно использовать для чего-нибудь другого: реклама подкастов, новые альбомы, что угодно. Плюс я убрал линейки — они не нужны. При нормальной вёрстке данные не нуждаются в линейках.

Дальше я хочу что-нибудь сделать с фоткой. Круглые фотки используются везде. Но можем её подружить с фотографиями альбомов. Ну, например:

Ещё я взял новую фотку группы, 2016 года, времен Hardwired... To Self-Destruct.

Можно ещё подкрутить: убрать фото альбомов и нумерацию и озаглавить колонки:

Конечно, теперь как-будто зря подружили фото исполнителей с альбомов, но квадрат как-то крепче выглядит. Или можно вдохновиться Apple Music и вставить фотку на весь экран, что стесняться:

Перевёрстка экрана покупки билета

2021-10-15T23:13:21.286Z

На одном из сайтов я нашел экраны приложения Skyscanner. Обратил внимание на этот экран:

Тут очень шумно, дублирование информации, да и красный цвет — не очень решение: если не показывать нижнюю часть, где показано, что красный — это выбор кресла, можно подумать, что красные места тоже куплены, но как будто как-то иначе, чем места с крестиками.

Сначала хочу убрать два ряд цифр по центру:

Мы просто перенесли его влево и сразу же стало чище.

Теперь крестики. Сейчас это самый заметный элемент на экране. Убираем крестики, и заодно меняем красный цвет на зелёный:

Всё, теперь все цветные мест можно купить. Но мне не нравится иконка, да и если начали менять, дадим самому дорогому месте цвет подороже. Например, фиолетовый:

Карточка Яндекс.Маркета

2021-10-12T07:11:35.703Z

Люблю все, что связано с информационным дизайном. Недавно увидел это:

Вёрстка карточки товара с огромным количеством информации — отличная тренировка для мозга. Дизайнеры Яндекса пошли дальше и смогли уместить на розовую плашку аж 4 объекта информации — плашку с процентами, старую и новую цену, знак Яндекс.Плюса и инфу про кредит.

Это — в 10 раз красивее, чем 10 шотов с Дриббла.

Кстати, иконка с двумя колечками — это «Сравнить». Теперь, видимо, Яндекс будут пересаживать дизайнеров с иконки весов на эти кружочки.

Размытие

2021-10-07T12:02:04.465Z

В работе над интерфейсами я использую такую штуку: размываю макет. Так я вижу всё картину целиком, обращаю внимание на слабые места или плохонькую вёрстку, а не закапываюсь в деталях.

Послушать/Посмотреть

2021-09-21T07:43:45.686Z

Делюсь интересными подкастами и видосами.

Послушать

Почему спальные районы такие унылые? Новейшая история российских окраин.

Почему важна неприкосновенность частной жизни?

Зачем стыдить журналистов RT? Интересная и долгая беседа про журналистскую этику, работу и карьеру.

Посмотреть

Как делают хороший UI в играх (а как плохой) Сейчас я практически не играю, а если играю, то в какие-нибудь стратегии, где надо построить ферму, довезти туда кукурузу и провести дорогу к шахтам. И часто смотрю на интерфейс: как это сделано? А почему так? А если сделать по-другому? В этом видосе рассказывают, что такой хороший интерфейс в играх: цвета, плашки, иконки, звук.

Настроечные панели старых американских радиоприемников

2021-09-14T11:27:44.579Z

Какую красоту нашёл.

Послушать/Посмотреть

2021-09-13T18:23:16.178Z

Делюсь интересными подкастами и видосами.

Послушайте

Как в России появился каршеринг. Отличная история, как в 2013 году три девушки решили открыть в Москве каршеринговый бизнес, о чём они рассказывали чиновникам из мэрии и инвесторам и почему конкуренция с Яндексом — это хорошо.

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

Что скрывают заборы. Один из интереснейших рассказов последних месяцев. Там не только про то, откуда вообще на Руси появились заборы, но и почему они появились, нужны ли они вообще в городе. Варламов говорит, что нет, но знающие люди отвечают, что не всё так просто. Думаю, что можно так же сделать подкаст про балконы: застеклять или не застеклять.

Посмотрите

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

Дизайнеры нужны везде

2021-08-21T17:58:50.558Z

У нас завязался разговор со студентами Яндекс.Практикума о том, в каком банке они хотят работать. Назывались только три банка — Сбер, Альфа и Тинькофф. Думаю, если спросить остальных начинающих дизайнеров, то они бы тоже выбрали эти банки. Единицы бы назвали ВТБ, Точку, ОТП, Открытие и так далее.

Это можно понять: в этих трёх банках хорошая дизайн-система, ты в любом случае попадёшь в сильную команду, где быстро сможешь прокачаться. Но если не попасть в такую команду, то у тебя появляется шанс это команду построить. Или выстроить коммуникацию и процессы внутри компании. Да, есть правило: если руководство не заинтересовано в хорошем дизайне и продукте, то будь ты хоть самый гениальный дизайнер — всё без толку. Будешь писать зелёными буквами на красном фоне, делать плохие сайты, писать средненькие тексты. Но всегда есть шанс, что, поработав какое-то время в такой компании, твой авторитет вырастет и руководство прислушается к тебе. Можно презентовать свои решения, объяснять, почему иконка корзины лучше, чем просто написать слово «корзина», что форму обратной связи можно сократить в 2 раза. Если с твоим подходом согласятся, то на выходе у тебя получится не только крутой проект, но и отличный рассказ в портфолио. Будущие работодатели прочитают, что ты сделал, как ты улучшил продукт и присмотрятся к тебе.

А ещё бывает такое, что руководство приняло решение меняться, перестраивать команды, и ищет людей, готовых им помочь: дизайнеров, программистов, маркетологов. А сайт, приложение, продукт, соцсети — плохие. Люди видят, что из себя представляет компания, и понимают, что не хотят в этом участвовать. Это тоже можно понять.

Эмин Абдуллаев

Сделайте просто кнопку

Редизайн сообщения об ошибке в Виндоусе

Небольшой редизайн СберЗвука

Перевёрстка экрана покупки билета

Карточка Яндекс.Маркета

Размытие

Послушать/Посмотреть

Послушать

Посмотреть

Настроечные панели старых американских радиоприемников

Послушать/Посмотреть

Послушайте

Посмотрите

Дизайнеры нужны везде

Дизайнеры нужны везде.