Обложка канала

Michael Browk — UI/UX/Дизайн. Страница 3

322 @mbrowk
Открыть

Рассказ о дизайне сегодня и сейчас. Истории про фриланс, советы, а также полезные материалы для дизайнера на русском и английском.

  • Michael Browk — UI/UX/Дизайн

    Нашел сервис Без ТЗ

    Сервис, где собирается база проверенных гипотез про сайты и интерфейсы.

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

    Что думаете? Будет ли удобно фрилансерам у которых нет времени на тестирование?

  • Michael Browk — UI/UX/Дизайн

    Хороший дизайн — это хорошая репутация

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

    Три причины распространения плохого дизайна, равные по значимости:

    1. Управленцы не знакомы с примерами хорошего дизайне или равнодушны к ним.
    2. Маркетологи преследуют свои интересы.
    3.У дизайнера недостаточно авторитета и компетенции.

    Сомнительно применять маркетинговые исследования в корпоративных стилях. Как можно спрашивать о таких понятиях, как новизна, оригинальность или уникальность?

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

    Репутация компании сильно зависит от того, какое впечатление она производит и как её продукция работает. У компании хороший дизайн — хорошая репутация.

  • Michael Browk — UI/UX/Дизайн

    Tempo — минималистическое приложение для работы с почтой. На скриншотах очень круто выглядит, ничего лишнего.

    Чем меньше деталей, тем круче. Посмотрите их лендинг, у них можно взять множество принципов к себе в работу.

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

  • Реклама

  • Michael Browk — UI/UX/Дизайн

    Всегда удивляюсь, как много бесплатного контента в интернете.

    Большой пополняемый каталог контурных рисунков реальных объектов с настоящими размерами. Люди в разных позах, животные, автомобили и мотороллеры, разные варианты комнат и помещений, мебель, техника, спортивный инвентарь, растения.

  • Michael Browk — UI/UX/Дизайн

    В очередной раз упав на сноуборде становилось страшнее вставать заново, потому что был уверен, что упаду и падал. Но в один момент понял, что если не бояться упасть — будет проще. Действительно, падать стал меньше и катился вниз увереннее.

    Эту историю можно легко перенести на работу. Если боитесь отдавать дизайн заказчику, думаете, что он его не примет — он его не примет, потому что вы и сами не верите в то, что нарисовали. Не бойтесь, верьте в то что делаете и защищайте свой труд.

  • Michael Browk — UI/UX/Дизайн

    Понравился редизайн–концепт приложения альфабанка. Все самые нужные функции на главной экране — перевод друзьям, счета с балансами и история оплат.

    Согласитесь, что на сегодняшний день мы часто заходим в банковские приложения, чтобы перевести другу деньги? Здесь это отлично выделено.

  • Michael Browk — UI/UX/Дизайн

    Макет разонравился после сдачи?

    Когда заказчик принимает мой дизайн и переводит оплату, я сразу понимаю, что многие моменты можно было сделать по–другому. Здесь кнопку больше, а тут у формы отступы другие.

    Знакомое ощущение, да? Это хорошее чувство. Если вам не нравится макет после сдачи, то это потому что пока вы делали его — выросли, как дизайнер. С каждым проектом вы растете и делаете дизайн–макеты лучше.

    Взгляните сейчас на самый первый макет, как такое можно было сделать? А если нравятся свои макеты всегда и нет претензий к себе, то это повод задуматься, а развиваетесь ли вы вообще?

  • Michael Browk — UI/UX/Дизайн

    Вы, наверное, задавались вопросом нужно ли писать букву Ё?

    Первое появление буквы Ё в печати отмечено в 1795 году и в связи с бурным развитием типографской деятельности в конце 19 века буква Ё стала вытесняться из текстов похожей внешне, но совершенно другой буквой Е.

    Проблема в том, что буква Ё важна только в именах собственных, чтобы правильно их прочитать. Не Еременко, а Ерёменко. В остальных случаях, например «Мы взяли несколько имен», — здесь нет необходимости писать букву ё, так как все читают имен со звуками от ё, а не е.

  • Michael Browk — UI/UX/Дизайн

    Slack разработал новый логотип, как вам?

  • Michael Browk — UI/UX/Дизайн

    Страница не найдена

    Страница с 404-й ошибкой давно стала местом, где дизайнер может позволить себе немного больше юмора, даже если сайт серьезной тематики. Использование юмора на страницах с ошибками помогает смягчить ситуацию. Но стоит понимать, когда лучше воздержаться. Например, при ошибке входа в банк не стоит раскидываться шутками, лучше сказать, что сотрудники банка в курсе и проблема решается.

    Также не стоит забывать о функциональной составляющей 404-й страницы, предусмотреть переходы на главную, поиск, контакты или другие ключевые страницы.

  • Michael Browk — UI/UX/Дизайн

    Netflix разработал алгоритм основанный на машинном обучении, чтобы создавать обложки к сериалам в своем сервисе.  

    Алгоритм берет кадр из фильма, анализирует его и если он подходит — вставляет надпись и показывает вам. 

    Машинное обучение берет не рандомный кадр, а в зависимости от подборки. Допустим, если подборка с мелодрамами, то кадры будут с влюбленными. 

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

  • Michael Browk — UI/UX/Дизайн

    Принципы создания продукта


    1. Критикуют не тебя, а твою работу. Не принимай критику на свой счёт.

    2. Спеши не торопясь. Быстрота не в спешке, а в умении планировать и работать последовательно.

    3. Топи за изменения. Проще сохранять статус-кво, но только изменения приносят победу.

    4. Разногласия полезны. Из них рождаются хорошие решения, если люди уважают друг друга.

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

    6. Always be shipping. Самое важное — регулярно выпускать новые версии продукта.

    7. Значение имеет только результат. Старайтесь сократить встречи и обсуждения до необходимого минимума.

    8. Проси прощения, а не разрешение. Не проси полномочий, чтобы решить какую-то задачу. Прояви инициативу и реши сам.

  • Michael Browk — UI/UX/Дизайн

    Нашел идеальные иконки для каталога. Больше всего нравится дверца у стиральной машины, она не просто круглая, как на всех иконках, а с ручкой. А чего стоит уточка на ванне?

    Как вам такое внимание к деталям?

  • Michael Browk — UI/UX/Дизайн

    В дизайне присутствуют декоративные вещи, которые надо учитывать. Одна из этих вещей — перенос предлогов. 

    Как это делать в дизайне понятно, применяется перенос строки, но отдавая дизайн в разработку непонятно, как сохранить переносы. Также вставить перенос строки не получится, потому что текст сжимается, он адаптивен в браузере и вся верстка текста съедет из–за жестких переносов.

    Есть javascript решение, которое отлавливает предлоги и выполняет перенос строки — https://codepen.io/dvoinyakov/pen/YdJqgO. Но будьте осторожны, данный код замедляет загрузку страницы. Чем больше текста нужно обработать — тем медленнее будет загружаться страница.

  • Michael Browk — UI/UX/Дизайн

    Шот на тему новостей киберспорта от Максима Панчука

    Что–то новое в новостном приложении. Результаты вашей команды всегда сверху, что удобно и сразу новости внизу. Хороший UX, который пора перенять гигантам вроде Sky и Eurosport.

    Как вам такой вариант дизайна?

  • Реклама

  • Michael Browk — UI/UX/Дизайн

    Firefox выпустил демо–версию интерфейса для VR. Кроме 3D–эффекта ничего необычного. Пока больше похоже на интерфейс игровой консоли, посмотрим, как это будет развиваться дальше, но это тренд ближайших лет и если вы сделаете хороший кейс на эту тематику, то непременно наберёте лайков на dribbble 😉

  • Michael Browk — UI/UX/Дизайн

    Вчера нашел отличный софт для быстрого комментирования макетов своих подопечных – Teampaper Snap. Продвинутый скриншот–менеджер.

    Можно оставлять комментарии точечно, а потом загружать, либо копировать в буфер обмена скриншот с подписями.

    Удобно, что можно потом это обсудить прямо на скриншоте по ссылке. Попробую внедрить это в команду в Тинькофф.

    Пока доступно только на MacOS.

  • Michael Browk — UI/UX/Дизайн

    Как генерировать новые идеи в промышленных масштабах?

    1. Не концентрируйтесь. Постоянно отвлекайтесь на отстраненные темы.

    2. Перебивайте. Если человек в течение 20 секунд не может заинтересовать вас своей мыслью, то как он сможет заинтересовать людей, которые вообще не должны его слушать?

    3. Не записывайте. Если вы не можете запомнить идею, значит, она просто недостаточно яркая.

    4. Забудьте о магической цифре «три». Не бойтесь показать только одну, но блестящую идею или шесть с половиной.

    5. Формулируйте мысль максимально просто и понятно. Желательно одним предложением. Из трех слов.

    6. Рассказывайте об идее коллегам и получайте критику. Это самый простой способ узнать слабые и сильные стороны идеи.

    7. Будьте неадекватными. Лучше стараться приземлить сумасшедшую идею, чем оторвать от земли банальность.

    8. Завидуйте хорошим идеям других людей и обсуждайте их. Это здорово заводит.

    9. Не надо придумывать идеи — надо придумывать решения. В самом начале необходимо точно определиться с задачей. Мы постоянно возвращаемся в исходную точку и начинаем с начала — это называется процесс.