<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xmlns:tt="http://teletype.in/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:media="http://search.yahoo.com/mrss/"><channel><title>Дизайн критик</title><generator>teletype.in</generator><description><![CDATA[Разбираю по косточкам портфолио начинающих дизайнеров]]></description><image><url>https://img1.teletype.in/files/8a/23/8a231923-d6a5-4cf6-967e-e2af2a008679.png</url><title>Дизайн критик</title><link>https://teletype.in/@designcritique</link></image><link>https://teletype.in/@designcritique?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique</link><atom:link rel="self" type="application/rss+xml" href="https://teletype.in/rss/designcritique?offset=0"></atom:link><atom:link rel="next" type="application/rss+xml" href="https://teletype.in/rss/designcritique?offset=10"></atom:link><atom:link rel="search" type="application/opensearchdescription+xml" title="Teletype" href="https://teletype.in/opensearch.xml"></atom:link><pubDate>Tue, 26 May 2026 10:56:16 GMT</pubDate><lastBuildDate>Tue, 26 May 2026 10:56:16 GMT</lastBuildDate><item><guid isPermaLink="true">https://teletype.in/@designcritique/k1MvsTRcWs5</guid><link>https://teletype.in/@designcritique/k1MvsTRcWs5?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique</link><comments>https://teletype.in/@designcritique/k1MvsTRcWs5?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique#comments</comments><dc:creator>designcritique</dc:creator><title>Как отказать кандидату на собесе</title><pubDate>Wed, 04 Dec 2024 11:04:10 GMT</pubDate><category>Найм</category><description><![CDATA[<img src="https://img3.teletype.in/files/23/82/2382294f-ffa0-4783-ac69-b781281bae6a.png"></img>Обычно собеседование дизайнера длится 30-40 мин. Если высокий грейд или сложная позиция – может до часа. Но часто уже на 10-й минуте понятно, что мэтча нет и надо завершать беседу.]]></description><content:encoded><![CDATA[
  <figure id="pujZ" class="m_original" data-caption-align="center">
    <img src="https://img3.teletype.in/files/2e/d5/2ed509a4-cd20-4ee0-8fb0-a2e9976cb86c.png" width="595" />
    <figcaption>Картинка для привлечения внимания</figcaption>
  </figure>
  <p id="1rcw">Обычно собеседование дизайнера длится 30-40 мин. Если высокий грейд или сложная позиция – может до часа. Но часто уже на 10-й минуте понятно, что мэтча нет и надо завершать беседу.</p>
  <p id="LgqM">Говорить <strong>«ладно, стоп. Коля ты нам не подходишь, не те скиллы, слабые софты и вообще лицо у тебя не очень»</strong> не круто. </p>
  <p id="w4tQ">И даже если кандидат просит <strong>«ну, а скажите, что во мне не так»</strong> не надо это ему рассказывать.</p>
  <p id="HAVS">В своей практике я пробовал разные способы и словарные конструкции, чтобы закончить встречу и все остались счастливы.</p>
  <p id="zq92">Я пришел к следующему плану. Сначала я прошу кандидата рассказать о себе, о том, что ему нравится в работе и какую команду он ищет, что ожидает от новой работы. Далее задаю вопросы, а потом уже рассказываю о той команде и проекте в который ищу дизайнера.</p>
  <p id="F8fh">Если я понимаю, что мэтча нет, то рассказываю о проекте так, чтобы кандидат сам все понял. Подсвечиваю минусы (в глазах кандидата). И далее могу прямо спросить &quot;тебе ок такое?&quot;. Так кандидату будет легче принять мысль об отказе. Я в его глазах вообще останусь красавчиком, который сразу предупредил о подводных камнях и <strong>уберег ангелочка от раннего выгорания</strong> 😌 </p>
  <p id="QX7W">А если я понимаю, что «надо брать», тогда я врубаю продажника 🙃 </p>
  <p id="Gezc">В конечном счете, моя цель —<strong> чтобы все стороны были счастливы</strong> (и команда, и дизайнер). </p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="hisG">И да, оффер получает не самый крутой, не самый общительный, не самый пятерочник, не самый дешевый.<strong> Оффер получает самый подходящий и удобный 👻 </strong></p>
  </section>
  <p id="z2Xt">Дизайн — это любовь 😘 </p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@designcritique/aEghEGnW92m</guid><link>https://teletype.in/@designcritique/aEghEGnW92m?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique</link><comments>https://teletype.in/@designcritique/aEghEGnW92m?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique#comments</comments><dc:creator>designcritique</dc:creator><title>Лучшее приложение AppStore 2024. Разбор</title><pubDate>Tue, 03 Dec 2024 19:03:05 GMT</pubDate><media:content medium="image" url="https://img3.teletype.in/files/6d/9d/6d9d8e01-023f-45be-b505-8ea3348497f3.png"></media:content><category>mobile</category><description><![CDATA[<img src="https://img1.teletype.in/files/c7/9c/c79ca872-f614-4aa6-8236-f9052a790922.png"></img>Все подводят итоги. Вот и Apple выбрал лучшие приложения 2024 года. 
Давайте посмотрим, что нравится Эпплу в приложениях.]]></description><content:encoded><![CDATA[
  <figure id="xARX" class="m_column" data-caption-align="center">
    <img src="https://img1.teletype.in/files/c7/9c/c79ca872-f614-4aa6-8236-f9052a790922.png" width="1630" />
    <figcaption>Творить, бегать и путешестовать — такой набор идеального яблоковода, по мнению Apple :)</figcaption>
  </figure>
  <p id="qg4o">Все подводят итоги. Вот и Apple выбрал <a href="https://developer.apple.com/app-store/app-store-awards-2024/" target="_blank">лучшие приложения 2024 года</a>. <br />Давайте посмотрим, что нравится Эпплу в приложениях.</p>
  <h3 id="RwkB">1. Таббар без &quot;home&quot;, &quot;главной&quot; и профиля</h3>
  <figure id="spKJ" class="m_custom" data-caption-align="center">
    <img src="https://img3.teletype.in/files/2a/8d/2a8d2ee6-15b4-46ec-919b-b002c3ead85f.png" width="358" />
  </figure>
  <p id="g2vl">Вот ссылка <a href="https://developer.apple.com/design/human-interface-guidelines/tab-bars" target="_blank">на гайд по таббарам в iOS</a>. </p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="SO4b"><strong>Use a succinct term for each tab title.</strong> A useful tab title aids navigation by clearly describing the type of content or functionality the tab contains. Use single words whenever possible.</p>
    <hr />
    <p id="0iHC"><strong>Используйте краткий термин для каждого заголовка вкладки.</strong> Полезный заголовок вкладки облегчает навигацию, четко описывая тип контента или функциональность, которые содержит вкладка. Используйте отдельные слова, когда это возможно.</p>
  </section>
  <p id="Turv">Но лучше посмотрите вот это видео. Тут прям по полочкам про таббар.</p>
  <p id="boQG"><a href="https://developer.apple.com/videos/play/wwdc2022/10001/" target="_blank">https://developer.apple.com/videos/play/wwdc2022/10001/</a></p>
  <h3 id="QSAI">2. Приложение очень хорошо продает платную подписку</h3>
  <p id="xmNv">Да Эппл имеет с этого свой процент и не разрешает продавать подписки вне appstore, поэтому очень любит такие приложения.</p>
  <figure id="0CYg" class="m_custom" data-caption-align="center">
    <img src="https://img1.teletype.in/files/09/61/0961ad70-eb73-4014-a755-d0fae99f145b.png" width="358" />
    <figcaption>Зачем мне подписка? А! Раскрыть весь мой потенциал )) окей</figcaption>
  </figure>
  <h3 id="57Du">3. Комьюнити</h3>
  <p id="5uCw">Эппл обожает, когда приложение активно собирает комьюнити. В Рунне формат для хвастунишек дает прикурить Strav&#x27;е. </p>
  <figure id="tw12" class="m_column" data-caption-align="center">
    <img src="https://img1.teletype.in/files/cd/d6/cdd6f594-40b6-46d0-8744-a2ce154c4edb.jpeg" width="3584" />
    <figcaption>Тут и самый долгий забег, и самый первый, самый быстрый.</figcaption>
  </figure>
  <p id="Z3g6">Тут прям соц сеть внутри. С лайками, комментами, блекджэком и избранным.</p>
  <h3 id="kn0u">Бонус. Саппор, который помогает.</h3>
  <figure id="7XkO" class="m_custom" data-caption-align="center">
    <img src="https://img1.teletype.in/files/c2/56/c25640b9-463c-4366-9729-e1d22f8b2f67.jpeg" width="352" />
    <figcaption>Тут и фичу попросить можно, и о проблеме сообщить. Ну и конечно, премиум чат для платных подписчиков.</figcaption>
  </figure>
  <p id="EPFK">Сейчас многие российские сервисы отдаляют пользователя от живых операторов, подменяя их довольно тупыми чат-ботами.</p>
  <p id="rXgt">Мне больше нравится подход &quot;подсказки&quot; и помощи. Пользователь кликает суппорт, когда ему что-то непонятно. Так давайте вынесем ему faq, если там не найдет ответа, тогда уже оператор.</p>
  <p id="F9Vu">Я такой концепт делал для мобильного приложения СберМобайл. Но фича утонула на дне беклога 😒</p>
  <p id="afnz">Да, я установил Рунну, но еще не бегал )) побегаю пару раз, напишу про UX :)</p>
  <p id="yhQH">Stay tuned!</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@designcritique/wCyElrwdvNZ</guid><link>https://teletype.in/@designcritique/wCyElrwdvNZ?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique</link><comments>https://teletype.in/@designcritique/wCyElrwdvNZ?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique#comments</comments><dc:creator>designcritique</dc:creator><title>Разбор живого проекта</title><pubDate>Fri, 15 Nov 2024 12:31:22 GMT</pubDate><media:content medium="image" url="https://img1.teletype.in/files/cc/b1/ccb1c298-6bed-4fff-822b-4b2617e666a0.png"></media:content><category>web</category><description><![CDATA[<img src="https://img3.teletype.in/files/29/b8/29b84fad-425e-4f9b-9379-65382568de54.png"></img>Тестовые задания и портфолио начинающих это хорошо, но на плохих примерах много скилла не прокачаешь. Я регулярно просматриваю новинки скринов реальных проектов на Mobbin (да, у меня даже платная подписка). И я давно хотел сделать разбор клевого проекта. Формат простой — я просматриваю экраны и отмечаю для себя что-то интересное, крутое и то, что может пригодиться.]]></description><content:encoded><![CDATA[
  <figure id="1sCt" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/29/b8/29b84fad-425e-4f9b-9379-65382568de54.png" width="2820" />
    <figcaption>Homerun.co – помощник hr&#x27;а в отборе кандидатов.</figcaption>
  </figure>
  <p id="YQ9C">Тестовые задания и портфолио начинающих это хорошо, но на плохих примерах много скилла не прокачаешь. Я регулярно просматриваю новинки скринов реальных проектов на Mobbin (да, у меня даже платная подписка). И я давно хотел сделать разбор клевого проекта. Формат простой — я просматриваю экраны и отмечаю для себя что-то интересное, крутое и то, что может пригодиться. </p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="ulnQ">Сегодня у нас будет <a href="https://www.homerun.co/" target="_blank">Homerun.co</a> — сервис, который помогает управлять наймом (публиковать вакансии, обрабатывать отклики и так далее). </p>
  </section>
  <p id="fG5O" data-align="center"><a href="https://mobbin.com/apps/homerun-web-0ba76828-f99f-4daa-9c6e-ad3013d57be3/4c7b7053-2290-47a0-ad25-8ce20353a1d3/screens" target="_blank"><strong>Скрины на mobbin тут</strong></a></p>
  <p id="2MIb"></p>
  <h3 id="ESbr">1. Цветовая гамма — домашний ламповый балдеж</h3>
  <p id="cjCr">Первое, за что хочется похвалить — это теплая бежевая цветовая палитра. От интерфейса веет человечностью и уютом.</p>
  <figure id="hRj2" class="m_column" data-caption-align="center">
    <img src="https://img1.teletype.in/files/c2/21/c221757c-7c9b-42d8-89e3-411a49b49c3a.png" width="3456" />
    <figcaption>Загрузил скриншот и сгенерировал палитру с помощью <a href="https://coolors.co/" target="_blank">https://coolors.co/ </a></figcaption>
  </figure>
  <h3 id="8tvA">2. Работа с палитрой в мелочах </h3>
  <p id="OMOE">При регистрации ребята показывают отзывы реальных людей. С точки зрения UX — хороший ход. Я сам такое люблю и, по возможности, вставляю во все свои проекты. Но обратите внимание на портреты людей. Заметно, что дизайнер поработал с цветокоррекцией.</p>
  <figure id="CjLX" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/72/5e/725e11eb-3eb5-42c0-8f16-3688069f57c7.png" width="3420" />
    <figcaption>Теплая палитра везде, в каждой фоточке</figcaption>
  </figure>
  <h3 id="MLfJ">3. Изящная подписка на почтовую информационную рассылку</h3>
  <p id="qxCJ">После отправки email появляется экран, где сервис просит еще немножко информации (телефон, название компании) и поставть галочку согласия с правилами сервиса. Это вроде стандартная процедура. </p>
  <figure id="5WHM" class="m_column">
    <img src="https://img3.teletype.in/files/68/5a/685a2ad2-0db5-4859-a221-479f20fbf097.png" width="1920" />
  </figure>
  <p id="tiAr">Обратите внимание как ребята продвигают свою рекламную рассылку.</p>
  <ul id="5tVI">
    <li id="Uzz5">Она именная (<strong>The Art of Work</strong>) и можно перейти по ссылке и посмотреть, о чем там вообще пишут;</li>
    <li id="BxyY">Сразу говорят, как часто будут присылать письма – <strong>bi-weelky</strong>;</li>
    <li id="ExSx">Говорят о ценности для клиента — ..about <strong>hiring and company culture.</strong>. </li>
  </ul>
  <p id="j7Vz">Хочешь круто работать с кадрами — подпишись. Хорошее решение.</p>
  <p id="6O0Z"></p>
  <p id="F2QP">Посмотрим, что внутри :)</p>
  <figure id="mXZ4" class="m_column">
    <img src="https://img1.teletype.in/files/87/bf/87bfd9ec-7ae1-46da-ba3c-c62266295d64.png" width="3448" />
  </figure>
  <h3 id="tzWH">4. Иконки. Пропорция толщины и шрифта</h3>
  <p id="x5wX">Что тут сказать — очень изящно, сделано с любовью.</p>
  <h3 id="S4aM">5. Жирные заголовки </h3>
  <p id="nd7P">Впервые я такой прием увидел у basecamp&#x27;а. Кажется лет 5 назад. Тут прием используется более дозированно. Но, работает одинаково — добавляет &quot;души&quot;.</p>
  <h3 id="1XcZ">6. Левый верхний угол для клиента, а не лого сервиса. Новый стандарт.</h3>
  <p id="nxrJ">Видел такое уже у нескольких сервисов. Тут лого самого проекта в левом нижнем углу. Человекоцентричность +50. И похоже это на новый стандарт в интерфейсах SaaS платформ.</p>
  <p id="dY3M">Начинаем просматривать остальные страницы и вот, что стоит отметить.</p>
  <h3 id="Hkda">7. Персонифицированные сообщения онбордингов</h3>
  <figure id="gVJ4" class="m_retina" data-caption-align="center">
    <img src="https://img3.teletype.in/files/e0/92/e092782a-da4d-4639-8925-211fdc3a04ae.png" width="548" />
    <figcaption>Онбординг от имени разработчика — восторг.</figcaption>
  </figure>
  <p id="b8Pw">Подсвечивать пользователю нужные кнопки с подсказкой — это распространенный прием. Такое есть у многих, но ребята из Homerun прикрутили сюда фотку и имя разработчика. Подсказка подается как сообщение от конкретного человека. Балдеж. Это выглядит очень мило, и уверен, метрики по прочтению — лучше, чем без аватарки и имени человека.</p>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="kEhU" class="m_original" data-caption-align="center">
      <img src="https://img1.teletype.in/files/85/a0/85a0c319-30d5-409e-9138-17db8f02b5dd.png" width="640" />
      <figcaption>Если вы в дизайне дольше 5 лет, вы должны знать, кто это :)</figcaption>
    </figure>
    <p id="dvlX">Всегда, когда вижу такое, вспоминаю Кларка из Инвижн :)) Скучаю по нему.</p>
    <p id="Uv2q">P.S. О, пошел искать его фотку, а нашел целый сайт %))) <a href="https://clarkfrominvision.com/" target="_blank">https://clarkfrominvision.com/</a></p>
  </section>
  <h3 id="wrZC">8. Иконки пустых страниц — и стильно, и точно по смыслу и эмоциям.</h3>
  <figure id="QISP" class="m_column" data-caption-align="center">
    <img src="https://img1.teletype.in/files/47/82/4782f7b6-fbd8-4d36-a473-6a1d88ffee1e.png" width="2184" />
    <figcaption>Это мило, и это не Notion стайл.</figcaption>
  </figure>
  <p id="0Sjk">Календарик, который смотрит на себя в зеркало и грустит от того, что мероприятий нет. +50 к милоте :)</p>
  <h3 id="K1TP">9. Перечеркнутое имя для &quot;отсеянного&quot; кандидата.</h3>
  <figure id="eWfd" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/24/e9/24e9b16f-067a-4fbf-9dab-239f5c009ba9.png" width="1492" />
    <figcaption>Все понятно без всяких плашек. Человечка вычеркиваем.</figcaption>
  </figure>
  <p id="YKAl">Не стоит бояться перечеркнутых текстов. Этот прием хорошо работает и ясно передает смысл.</p>
  <h3 id="jhQI">10. Поле поиска в фокусе.</h3>
  <figure id="mXv5" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/2d/e5/2de5a16e-3b94-471d-9be3-c659fc08eb7a.png" width="994" />
    <figcaption>Поле поиска превращается в инпут только по клику. А в остальное время живет жизнью обычного пункта меню.</figcaption>
  </figure>
  <p id="L3D4">⌘ + K для вызова поиска — это тоже уже стандарт в отрасли. А еще круто, что при фокусе на поиск затемняется весь фон. Фокус +50.</p>
  <h3 id="9pLh">11. Иконка про процесс найма</h3>
  <p id="PZKG">Я говорил, что иконки симпатичные. Но вот одна — в самое сердечко. Бейсбольный мяч для &quot;Hiring process&quot;. Мяч на вашей стороне. Чистый восторг.</p>
  <figure id="PaKz" class="m_retina">
    <img src="https://img2.teletype.in/files/df/c6/dfc685f2-ef12-43a6-b8d0-4455ba9a6350.png" width="385" />
  </figure>
  <p id="9d78"></p>
  <p id="53DG">Это все внутряшки, но и лендос у Homerun заслуживает внимания.</p>
  <h3 id="hQHG">12. Use Cases</h3>
  <figure id="DXAN" class="m_column">
    <img src="https://img1.teletype.in/files/4e/cd/4ecddd01-eba5-4ada-aef2-4648cf78d622.png" width="2106" />
  </figure>
  <p id="dotk">Клевое решение, показать для кого сервис. Пользователю будет легко определиться, как именно он может использовать продукт.</p>
  <figure id="t6BL" class="m_column">
    <img src="https://img1.teletype.in/files/02/d6/02d6f13f-8068-4b75-aa48-5e8f9ec7a56d.png" width="2258" />
  </figure>
  <p id="JEUn">Ценник на эту красоту — мое почтение. </p>
  <p id="7cRr">Ну что поделать, фигмой может пользоваться 1000 дизайнеров, а тут специфический продукт. Чем специфичнее софт, тем он дороже. Программистов требуется одинаково, а платящих клиентов сильно меньше.</p>
  <ol id="UvPZ">
    <ol id="4QiV"></ol>
  </ol>
  <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <h3 id="Yng3">Итого.</h3>
    <p id="HPph">Homerun – rлевый специфический продукт с незаезженным синеньким корпоративным UI, очень душевный и &quot;про людей&quot;. Уверен, те кто в теме софта для HR&#x27;ов найдут там еще UX фишечки. Я отметил то, что заметил на cкринах и отметил для себя полезным.</p>
  </section>
  <h3 id="aQY3">That&#x27;s all folks! Stay tuned 😉</h3>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@designcritique/9VaUJuX-M5S</guid><link>https://teletype.in/@designcritique/9VaUJuX-M5S?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique</link><comments>https://teletype.in/@designcritique/9VaUJuX-M5S?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique#comments</comments><dc:creator>designcritique</dc:creator><title>Привет, Андрей!</title><pubDate>Sat, 09 Nov 2024 21:28:44 GMT</pubDate><media:content medium="image" url="https://img1.teletype.in/files/00/6d/006d7c69-e981-462c-a31b-4b0e0f7c0592.png"></media:content><category>web</category><description><![CDATA[<img src="https://img3.teletype.in/files/6a/f1/6af1cd84-f88f-47de-8b05-e9b25bd24dc6.png"></img>В последнее время почти не занимаюсь наймом, но иногда прохожу мимо собеседований и подглядываю за кандидатами. Андрей — это дизайнер, которого я снчала краем уха подслушал на собеседовании, а потом решил глянуть портфолио и разобрать его.]]></description><content:encoded><![CDATA[
  <p id="XabD">В последнее время почти не занимаюсь наймом, но иногда прохожу мимо собеседований и подглядываю за кандидатами. Андрей — это дизайнер, которого я сначала краем уха подслушал на собеседовании, а потом решил глянуть портфолио и разобрать его.</p>
  <p id="5qB7"><a href="https://andreydsgn.notion.site/c54c2f05501e44ef9032ecda1d511106" target="_blank">https://andreydsgn.notion.site/c54c2f05501e44ef9032ecda1d511106</a></p>
  <figure id="47mx" class="m_custom">
    <img src="https://img3.teletype.in/files/6a/f1/6af1cd84-f88f-47de-8b05-e9b25bd24dc6.png" width="1171" />
  </figure>
  <p id="Cjmf">Андрей очень любит писать текст, хоть и не сказал этого в тексте. Сразу ясно — человечек не простой.</p>
  <figure id="R6fD" class="m_custom">
    <img src="https://img2.teletype.in/files/dd/95/dd95ece2-a6d0-483e-be37-71e4306bfdf3.png" width="1178" />
  </figure>
  <p id="6u8H">Вот в этом блоке меня больше всего заинтересовало, как он в ноушене его сделал :) это прям базу данных создал, табы там завел, и нафигачил карточек. С точки зрения «продажи себя, как специалиста» — бесполезный блок.</p>
  <figure id="GRtU" class="m_custom">
    <img src="https://img3.teletype.in/files/2e/d5/2ed577b1-c05c-4e60-852d-939a46806eb7.png" width="1177" />
  </figure>
  <p id="JL4U">Так прикольно оформил бесполезную информацию о своих навыках и инструментах, и так уныло кейсы — самое интересное.</p>
  <p id="YAkn">Я хотел посмотреть его мобилку, но обложка этого онлифанса настолько скучная… и сам экран — уныние. Посмотрим эту комьюнити-платформу для геймеров. </p>
  <p id="4aOm">Chipin.Games — неужели заказчик, тот самый Чипинкос?! </p>
  <figure id="f3II" class="m_custom">
    <img src="https://img3.teletype.in/files/ec/18/ec18334b-21e1-4513-a5ce-03005aae53f8.png" width="1084.1904761904761" />
    <figcaption>Не впечатляет от слова совсем...</figcaption>
  </figure>
  <p id="4H65">Это первый скрин в первом же кейсе. И обычно после такого экрана я дальше описание не читаю и кейсы не смотрю. </p>
  <p id="T4fP">Мне этой картинки достаточно, чтобы отправить портфолио в корзину. Тут слабо все. UI — бедный и скучный. UX — ни на намека на комьюнити, общение и бабки (где карма за донаты? где новые сообщения на форуме? где горячие вакансии? где топ-5 проектов месяца? где знак рубля, в конце концов?!)</p>
  <p id="PJP3">Тем не менее, я продолжу. Покажу лишь то, что меня особенно сильно взбесило и попробую дать совет моим читателям, как можно было сделать лучше.</p>
  <figure id="8nY6" class="m_custom" data-caption-align="center">
    <img src="https://img1.teletype.in/files/84/72/8472af18-fc85-4675-bd63-a181fabc8a37.png" width="835" />
    <figcaption>Описать в кейсе задачу — это хорошо. И в данном случае слов клиента было достаточно. </figcaption>
  </figure>
  <figure id="YJsz" class="m_custom">
    <img src="https://img4.teletype.in/files/3c/bb/3cbbb011-102c-48bb-89c2-79a56ed7093d.png" width="836" />
  </figure>
  <p id="codM">Читать текст Андрея становится физически больно. Очень сложно и безграмотно. Если вы хотите рассказать, как работали над проектом и показать, что не сразу открываете фигму, а исследуете там всякое — есть совет. Попробуйте записать аудио сообщение, как ответ на вопрос «так так, интересный кейс, как ты над ним работал?».</p>
  <p id="PqTJ">«Знакомый попросил меня нарисовать ему концепт сайта. Эдакий стим + краудфандинговая платформа для инди-разработчиков. Сначала я провел с ним небольшое интервью. Мы обсудили с ним аудиторию проекта, основные фичи, сценарии, технические ограничения и я составил небольшой бриф… Потом я… бла бла бла». Сторителлинг, епта.</p>
  <figure id="p7vE" class="m_custom">
    <img src="https://img3.teletype.in/files/27/eb/27ebdd86-6520-470b-aeba-19a9db8577cc.png" width="846" />
  </figure>
  <p id="qMcb">Я обожаю смотреть черновики, всякие реальные наработки и исследования (обычно рабочие артефакты таких этапов выглядят некрасиво, но копаться в них интересно). Андрей просто бахнул 6 юзер флоу, которые невозможно прочитать. О чем нам это говорит? Правильно, Андрей не думает о своем пользователе. (Это было понятно по самой первой картинке кейса).</p>
  <figure id="TZbR" class="m_custom">
    <img src="https://img4.teletype.in/files/74/6e/746eaacb-6d3e-4da5-b64e-79ea116b0f89.png" width="866.1927710843373" />
  </figure>
  <figure id="CMWi" class="m_custom">
    <img src="https://img4.teletype.in/files/78/b2/78b2eec4-5f65-40aa-9652-6cf31ab58a7d.png" width="857" />
  </figure>
  <p id="sqI9">Андрей безнадежен. Бла, бла, бла. Какие-то слова, графомания в худшем ее воплощении. Но ты ж дизайнер. Очень мало картинок :(( да и картинки сами очень мелкие.</p>
  <figure id="RoFX" class="m_custom">
    <img src="https://img2.teletype.in/files/18/ef/18ef519d-b5ea-4469-880f-0c8404c963d6.png" width="834.4195804195803" />
  </figure>
  <figure id="j9CV" class="m_custom">
    <img src="https://img3.teletype.in/files/26/07/26074028-1933-4dbf-8b79-0fddaa60fbdb.png" width="840" />
  </figure>
  <p id="HFTK"><strong>Итого.</strong> Кейс про краудфандинговую платформу для узких инди-разработчиков содержит 1 экран с дизайном, который можно хотя бы немного рассмотреть и оценить. Все остальное — словоблудие, размытые скрины с таблицами и схемами и извинения за незагрузившиеся гифки.</p>
  <p id="K9fZ">Так... А гляну-ка я одним глазом кейс про онлифанс.</p>
  <figure id="9WUv" class="m_custom">
    <img src="https://img3.teletype.in/files/6b/dc/6bdcf0e5-1b98-49c3-ad62-84078a11b7e0.png" width="841" />
  </figure>
  <figure id="UyP3" class="m_custom">
    <img src="https://img2.teletype.in/files/92/46/9246c61f-0673-4e21-b381-e46467742a8e.png" width="831" />
  </figure>
  <figure id="bWf1" class="m_custom">
    <img src="https://img1.teletype.in/files/cc/8b/cc8b04f4-3936-41c7-99bf-5b9176240900.png" width="913.5031982942434" />
  </figure>
  <p id="j88z">Интересно, проект онлифанса у Андрея был раньше Чипинкоса, и тогда он умел в ютуб. А потом что-то случилось, и он начал за гифки извиняться. </p>
  <p id="oVD0">Вообщем, скринкасты прототипов на ютубе, как формат — вообще ок. Если у вас там еще и какая-то необычная механика, то прям здорово. Посмотрим, чего там Андрей нафигачил... боже, да там видос и прототип на каждый чих...</p>
  <figure id="H00b" class="m_custom">
    <img src="https://img3.teletype.in/files/2b/b6/2bb6ccce-8556-4b7a-af33-bc1b54308822.png" width="912" />
  </figure>
  <p id="3X4I">Ну там конечно просто ЧБ вайфреймы... ничего особенного и немного хаотичные клики, какие-то. Но, блин... всего 8 просмотров за 4 года (( Ребята, давайте накрутим немного? Сделаем парню приятно. Вот ссылка — переходим на этот конкретный видос — <a href="https://www.youtube.com/watch?v=b1tLR82c4MQ" target="_blank">https://www.youtube.com/watch?v=b1tLR82c4MQ</a></p>
  <figure id="MOgG" class="m_column">
    <img src="https://img2.teletype.in/files/1d/5c/1d5cd56f-7317-463a-bf52-14ae7a7e7ef3.png" width="1684" />
  </figure>
  <p id="qR2R">Что ж, похоже, это какая-то учебная работа для каких-то курсов. Уж больно выдуманный кейс. Экраны мобилки скучные и не красивые, но уже без явных косяков. Но, это 2021й год, с тех пор уже многое могло измениться. На стажера можно было бы и взять человека, под присмотром куратора.</p>
  <p id="uhFH">На месте Андрея, я бы удалил кейс про Чипинкоса, а сделал бы еще какое-нибудь простенькое приложение для мобилки. Оставил бы веб дизайн в покое и рисовал мобилки. Поменьше текста, и побольше картинок.</p>
  <p id="7rGE">Надеюсь, вы дочитали до конца и получили удовольствие :)</p>
  <p id="2njS">Энджой ё викенд!</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@designcritique/93woI-gn15X</guid><link>https://teletype.in/@designcritique/93woI-gn15X?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique</link><comments>https://teletype.in/@designcritique/93woI-gn15X?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique#comments</comments><dc:creator>designcritique</dc:creator><title>Евдокия — первый разбор по обоюдному согласию</title><pubDate>Thu, 11 May 2023 12:09:14 GMT</pubDate><media:content medium="image" url="https://img2.teletype.in/files/dd/83/dd83a80e-4b55-47a9-bd4e-e1153f022203.png"></media:content><category>web</category><description><![CDATA[<img src="https://img3.teletype.in/files/aa/5b/aa5b2f65-09b4-4b9a-8bce-55573d4fadb9.png"></img>После первых разборов мои друзья дизайнеры спрашивали меня — «а ребята, которых ты разбирал давали согласия?». Конечно нет. Кинокритик не спрашивает разрешения режиссера для рецензии на кино. ]]></description><content:encoded><![CDATA[
  <p id="fvuA">После первых разборов мои друзья дизайнеры спрашивали меня — «а ребята, которых ты разбирал давали согласия?». Конечно нет. Кинокритик не спрашивает разрешения режиссера для рецензии на кино. </p>
  <p id="MCLx">Но все же, миссия моей критики в том, чтобы через разборы помогать дизайнерам делать <s>портфолио </s>дизайн лучше. Вселенная услышала меня и мне в тележку написала Евдокия. Встречайте — <strong>первый добровольный разбор.</strong></p>
  <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="m1iS" data-align="center"><a href="https://www.figma.com/file/vtQIBnTp01pIu2UPORNYvs/%D0%9F%D0%BE%D1%80%D1%82%D1%84%D0%BE%D0%BB%D0%B8%D0%BE-%D0%95%D0%B2%D0%B4%D0%BE%D0%BA%D0%B8%D1%8F-%D0%95%D1%84%D1%80%D0%B5%D0%BC%D0%BE%D0%B2%D0%B0?t=FcS52RuQN4wx8ixX-0" target="_blank">ссылка на фигму</a></p>
  </section>
  <figure id="NFoM" class="m_original" data-caption-align="center">
    <img src="https://img3.teletype.in/files/aa/5b/aa5b2f65-09b4-4b9a-8bce-55573d4fadb9.png" width="4526" />
    <figcaption>Евдокия прислала ссылку на фигму. Я ожидал увидеть чуть больше структуры.</figcaption>
  </figure>
  <p id="soAY">Я рассматриваю работы и порфтолио с точки зрения лида, нанимающего <strong>продуктового</strong> дизайнера. Меня в меньшей степени интересуют баннеры, логотипы, визуал, в большей степени мне интересен UX. </p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="IA3n"><strong>UX начинается раньше, чем макет. Он выходит за рамки артбордов.</strong></p>
    <p id="y8vh">Если делитесь ссылкой на фигму — оформите ее минимально. Наименования пейджей, заголовки для макетов, хоть какие-нибудь аннотации. Это все плюсики в ваш «продуктовый рейтинг.</p>
  </section>
  <p id="b7CM">Итак, тут много веба, а точнее много лендингов. Посмотрим поближе и это персональный сайт-портфолио. Кайф.</p>
  <figure id="Cwfg" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/b4/13/b413aae7-4bed-469f-8d41-907ec3a50aee.png" width="2798" />
    <figcaption>Свой сайт — это круто, но очень ответственно.</figcaption>
  </figure>
  <p id="Aw5d">Глобально — ярко и сочно, трендовые плашечки. Есть вопросы к навигации вверху, но для персональных сайтов позволительно экспериментировать. Скролим.</p>
  <figure id="4zHV" class="m_column" data-caption-align="center">
    <img src="https://img2.teletype.in/files/d9/5a/d95aa66f-df0e-436e-a477-16b569996164.png" width="2720" />
    <figcaption>Если уж встала на дорожку без СТРОЧНЫХ — не отступай и шага! <br />(это я уже сейчас заметил «Сайт для доставки»)</figcaption>
  </figure>
  <p id="V4EB">Проекты милые. Тыкнуть и посмотреть поближе — хочется. Скролим дальше.</p>
  <figure id="DKSw" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/ed/51/ed51d556-d568-4a9c-a8f0-7a3a623f1f62.png" width="1300" />
    <figcaption>Блок с ценами и услугами — слабый. Очень много повторений, очень сложен для восприятия.</figcaption>
  </figure>
  <p id="83qM">Набор однообразных блоков, которые Евдокия разделила только по цвету <em>(вероятно от безысходности, иначе совсем копипаста получалась)</em>. А надо бы подумать о потенциальном клиенте. </p>
  <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="n2yx" class="m_column" data-caption-align="center">
      <img src="https://img3.teletype.in/files/2f/32/2f32a59b-2bf1-4e2d-bb45-9ece77049d6d.png" width="2494" />
      <figcaption>Вот в таком виде у клиента была бы возможность легко сравнить чем услуга за 140 тыс отличается от услуги за 80 тыс. Тут еще такой когнитивный момент. Чем выше цена, тем визуально больше плюшек.</figcaption>
    </figure>
  </section>
  <p id="RcxC">О... Образование. Навигация в хедере окончательно отъехала от реальности контента. Про услуги в навигации вообще ничего нет до образования добрались только сейчас. А где навыки? или Навыки = Услуги?.. Ну вы поняли.</p>
  <figure id="6100" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/66/9f/669ff22d-1f94-41ff-b7d1-11ac88d2d7e1.png" width="2752" />
    <figcaption>Формат мне нравится. Живые фото с представителями индустрии — это гораздо лучше сухого списка пройденых курсов.</figcaption>
  </figure>
  <p id="QGhd">Лично я настороженно отношусь к большому количеству курсов у кандидата. Кажется, что Евдокии больше нравится учиться дизайну, а не дизайнить. За подачу информации — плюс, по содержанию — вопросики на собеседовании.</p>
  <figure id="m6IG" class="m_column" data-caption-align="center">
    <img src="https://img2.teletype.in/files/90/46/90464338-cf97-4df2-b6bd-e01e5d07c95f.png" width="2700" />
    <figcaption>Плюс за то, что удержалась от того, чтобы добавить еще сюда шкалы прогресса... <br />Типа Фигма — 9 из 10, Тильда 8,6 из 10 и так далее.</figcaption>
  </figure>
  <p id="DPVa">С точки зрению UX — этот блок можно удалить и забыть. Смысла от перечисления названий и логотипов — никакого. Можно внутри кейсов описывать «вот тут в ноушене записала все конкурентов и описала аудиторию», «вот тут в AI нафигачила лого», «а потом собрала прототип в webflow», а вот анимация баннера и скрин из проекта в афтере.</p>
  <figure id="7Lrt" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/ec/ae/ecaef6df-a7b2-4512-8905-ef92808bc718.png" width="2914" />
    <figcaption>И это все. Фантазия на футере закончилась ((</figcaption>
  </figure>
  <p id="BaiM">Лого тут уже лишний. А тексты хорошо бы свести с кнопками действия. Пока элементы просто расставленны «по углам».</p>
  <section style="background-color:hsl(hsl(34,  84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="j350"><strong>Итого. </strong>По сайту портфолио понятно следующее. Евдокия могёт в сочные цвета, в типографику, но слабовата в UX и детальки.</p>
    <p id="iA9F">Мобильной версии нет: (</p>
  </section>
  <p id="pdTJ">Посмотрел остальные лендинги. Стили — приятные. Контент — обычный. Твердый миддл +. </p>
  <p id="3Nxx">Особенно приятно, что много «живых проектов». То есть, сайты ищутся в поиске и открываются в интернете.</p>
  <p id="eaK4">Попытался найти что-то более продуктовое. Ну вот есть интренет-магазин, но очень сырой макет. В этой области у Евдокии большой простор для «улучшений».</p>
  <figure id="6al2" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/ac/a6/aca6607d-cd56-4d75-abde-2d0a4561b322.png" width="2604" />
    <figcaption>Пример того, как не надо добавлять в портфолио интернет-магазины.</figcaption>
  </figure>
  <p id="pV1u">Еще заметил, что много «рыбных» текстов. Всякий ctrl+c ctrl+v. Так не стоит оставлять, это выглядит очень небрежно и нисколько не помогает понять, какую «продуктовую» работу провел дизайнер, кроме раскрашивания кнопочек.</p>
  <p id="w9SF">Можно зайти на озон, найти реальные товары, скопировать названия, фото, цены. Так гораздо лучше будет для восприятия и понимания работоспособности дизайна.</p>
  <figure id="88L0" class="m_column" data-caption-align="center">
    <img src="https://img1.teletype.in/files/86/c2/86c2083e-a7da-41a7-9837-87ef3576dfcc.png" width="2496" />
    <figcaption>Это подзаголовок картинки в одну строку</figcaption>
  </figure>
  <p id="ZvZQ">Это все пример работы с текстом, цветом, стилем. Для продуктовых дизайнеров важнее содержание. Если Евдокия хочет выйти на полянку UX, то такие «пункты меню» и «lorem ipsum» надо из портфолио убрать. </p>
  <section style="background-color:hsl(hsl(34,  84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="xLH6"><strong>Итого.</strong> Я бы пригласил Евдокию на собес, если бы искал джуниора в команду веб-проекта. На собесе бы поинтересовался имеющимися продуктовыми скилами. </p>
  </section>
  <p id="Jd5p"></p>
  <p id="p0MK">Уфф. Кажется после отпуска поубавилось токсичности. Какой-то я слишком мягкий стал.</p>
  <p id="pUUg">В любом случае — ставьте лайк, если понравилось!</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@designcritique/tWqVbl6Bdm3</guid><link>https://teletype.in/@designcritique/tWqVbl6Bdm3?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique</link><comments>https://teletype.in/@designcritique/tWqVbl6Bdm3?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique#comments</comments><dc:creator>designcritique</dc:creator><title>Разбор разборщика</title><pubDate>Wed, 19 Apr 2023 07:58:16 GMT</pubDate><media:content medium="image" url="https://img4.teletype.in/files/b2/5c/b25c4c2d-db7a-4477-bdcf-b2d46f2af87f.png"></media:content><category>mobile</category><description><![CDATA[<img src="https://img2.teletype.in/files/10/55/10553067-51fd-455d-bf30-a225d0ba98e2.png"></img>Сегодня будет сложный разбор. Мы не только джунов нанимаем, но и миддлов, и синьоров. У хорошего продуктового дизайнера кейсы не на бихансе, а уже есть свой сайт (ну или ноушн, без разницы)]]></description><content:encoded><![CDATA[
  <p id="IHGs">Сегодня будет сложный разбор. Мы не только джунов нанимаем, но и миддлов, и синьоров. У хорошего продуктового дизайнера кейсы не на бихансе, а уже есть свой сайт (ну или ноушн, без разницы)</p>
  <p id="68Ww">Сегодняшнего кандидата я искал на хабре. Там есть раздел карьера, где все желающие могу топубликовать свои резюме. Я глянул UX UI дизайнеров, отсротировал по свежести изменений и выбрал первого, кто там оказался.</p>
  <p id="AmSm">Знакомьтесь, Вадим Сафаров.</p>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="Ujy4" data-align="center"><a href="https://career.habr.com/safarov_v" target="_blank">https://career.habr.com/safarov_v</a></p>
  </section>
  <figure id="ZY3b" class="m_column">
    <img src="https://img2.teletype.in/files/10/55/10553067-51fd-455d-bf30-a225d0ba98e2.png" width="2208" />
  </figure>
  <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="B0yP"><strong>Что писать в разделе «обо мне» в резюме? </strong></p>
    <p id="wOrf">Хороший вопрос. Можно написать шаблон вроде «целеустремленный, стрессоустойчивый, командный игрок», скорее всего никто не обратит внимания и не запомнит. Можно «пофриковать» в стиле «жить не могу без дизайна, без фигмы душа болит», дизайн лиды заметят, но высок риск получить «отклонение» на уровне HR. Выбирать вам, пробуйте.</p>
  </section>
  <p id="IgLQ">Вадик, на мой вкус, выбрал нечто среднее. Окей, это хабр, тут вероятно так принято. Баллы не прибавляем, не убавляем. Двигаемся дальше.</p>
  <p id="j926">Если для джунов я обычно не смотрю в опыт работы, то для миддлов уже заглядываю в бекграунд. Больше всего меня интересует — откуда человек «пришёл в дизайн». Я делю пути в дизайн на 2 принципиально разных направления — агентсткий и продуктовый. Про разницу напишу позднее, когда на разбор попадется человек «из агентства».</p>
  <figure id="LCqZ" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/62/9c/629ce47b-1bc6-4007-8879-5b5b21c9830e.png" width="1566" />
    <figcaption>Судя по опыту — это парень быстро перешел на «продуктовую» дорожку</figcaption>
  </figure>
  <p id="MTDa">У Вадика — опыт ок. Не очень понятно, что там за работа в Яндекс.Практикуме. <em>Обратная связь студентам.</em> А какие критерии? Их надо хвалить? Их можно дизморалить? </p>
  <p id="kmt7">В любом случае, это хороший пункт в резюме и +50 к интересу пригласить кандидата на собеседование.</p>
  <p id="ZCNt">Посмотрим же скорее кейсы!</p>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="ECy2" data-align="center"><a href="http://vadimsafarov.tilda.ws/" target="_blank">http://vadimsafarov.tilda.ws/</a></p>
  </section>
  <p id="nYV8"></p>
  <figure id="N9oz" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/28/f4/28f4a582-cac2-40f6-81fe-0033ebcf05cd.png" width="2978" />
    <figcaption>Уххххх, заявочка! Ловлю себя на мысли, что подобный подход я уже много раз видел. Но это не плохо, это даже хорошо. У продуктового дизайнера нет задачи «выпендриться креативом».</figcaption>
  </figure>
  <p id="Nodh"><strong>Резюме.</strong> Ничего интересного, pdf’ка с хабр карьеры. Смущает, что у нигде не указан телефон, ну хотя бы там телеграм. Все только почта. Ну не знаю… Я бы в тележке предпочел «вопросики обкашлять» или циферки набрать стрелку забить.</p>
  <p id="N5em"><strong>Дрибл.</strong> Зашли, глянули и ушли. Бывает кандидат могёт в иконки, или иллюстрации, или анимации. Это все на дрибле красивенько бывает. Интерфейсы я там не разглядываю. У Вадика нет иконок, анимации или иллюстраций на дрибле. Пропускаем.</p>
  <p id="I4oj"><strong>Красиво.</strong> Там, неожиданно, ссылка на Tumblr (ставь лайк, если помнишь, что это). +10 к странности и фриковатости, не более :)</p>
  <p id="bg2M">Месседж на главной — ок. <em>Осмысленные интерфейсы для цифровых продуктов. </em>Кратко и по делу. Думаю это новая форма «целеустремленный, стрессоустойчивый, командный игрок». </p>
  <p id="1zKU">Переходим к кейсам.</p>
  <figure id="npUd" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/7b/5c/7b5cf062-3957-46c2-8d44-29065bb487a6.png" width="2726" />
    <figcaption>Даже не будем смотреть детально. В Сбере много «защит от дурака», и почти все работы ревьювятся группой дизайнеров. Тут сложно определить реальный скилл кандидата.</figcaption>
  </figure>
  <p id="MzK0">А ну вот… по клику на работе открывается боевой сайт сбера с заявкой на кредитку. Человек уже не работает в Сбере, а сайт может обновляться каждую неделю.</p>
  <p id="0dZ1">Смотрим дальше.</p>
  <figure id="Iq7T" class="m_column" data-caption-align="center">
    <img src="https://img2.teletype.in/files/9f/b5/9fb54a96-1a4b-475a-9cf8-435e9b81603f.png" width="1950" />
    <figcaption>Странные пропорции у мокапов</figcaption>
  </figure>
  <p id="HaUI">За то, что Вадик пишет «что делал» ставим плюсик. Кейсов немного, посмотрим парочку.</p>
  <section style="background-color:hsl(hsl(55,  86%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="cBoe" data-align="center"><a href="http://vadimsafarov.tilda.ws/moyasmena" target="_blank">http://vadimsafarov.tilda.ws/moyasmena</a></p>
  </section>
  <figure id="R70c" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/ad/c8/adc80d69-6f34-4ba4-a99d-aad9336dabce.png" width="4712" />
  </figure>
  <p id="wVeU">Гайз энд гёлз, обязательно пишите в кейсах задачу, которую решали. Это важно. Невозможно оценить UX вне контекста задачи. Какие были технические ограничения? Почему AI не подключили? Для кого делалось приложение? Какие проблемы были у пользователей?</p>
  <p id="Xw1R">При оценке UX скиллов я всегда внимательно читаю описания кейсов и пытаюсь найти подвтерждение описанных тезисов в макетах.</p>
  <figure id="Pgi0" class="m_column" data-caption-align="center">
    <img src="https://img2.teletype.in/files/df/c6/dfc6638f-bea3-40bb-9a82-42c0ce150bee.png" width="2880" />
  </figure>
  <figure id="mKaa" class="m_original" data-caption-align="center">
    <img src="https://memepedia.ru/wp-content/uploads/2016/10/2C09FFeJO4o.jpg" width="604" />
  </figure>
  <p id="fS9i">Из главного скрина я понял, что Вадик сделал 2 сценария: Авторизация и Регистрация. Больше я ничего не понял. А, ну и то, что фон в фигме серый. Вот это я хорошо уяснил. Спасибо.</p>
  <p id="x5QL">Ах да, еще я увидел 3 комментария от кого-то. Видимо это то самое «согласование с продактами и аналитиками».</p>
  <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="t6It">Формат скринов с картой экранов в фигме хорош, чтобы показать 2 вещи:</p>
    <ul id="9ULH">
      <li id="83M6"><strong>объем работы</strong> (надо скринить с вкладкой pages и весь экран должен быть заполнен артбордами);</li>
      <li id="Olwi"><strong>крутость прототипа</strong> (включаем режим prototype, чтобы была паутинка из линий свзяывающих артборды).</li>
    </ul>
  </section>
  <figure id="rXzJ" class="m_column" data-caption-align="center">
    <img src="https://img2.teletype.in/files/57/e1/57e12222-b141-49d1-9db9-30e455e57f64.png" width="2494" />
    <figcaption>Поисковая строка в середине экрана — это верный признак плохого UI</figcaption>
  </figure>
  <p id="fuTj">В описании кейсов у Вадика куда-то делся его юмор: (Просто скрины, без контекста.</p>
  <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="RIOf">Если вы пишете в своих кейсах «сделал новую версию», «сделал редизайн», «переработал флоу», «преосмыслил сценарий» и так далее — пожалуйста, <strong>приложите старую неудобную версию.</strong> </p>
    <p id="aj0J">Формат «Было — Стало» позволяет показать скилл без лишних вопросов.</p>
  </section>
  <figure id="JyIP" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/e4/1d/e41d98d5-5590-49ea-ac03-bab015ae93bb.png" width="3562" />
    <figcaption>Небрежно тут все для миддла. </figcaption>
  </figure>
  <figure id="un1U" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/b8/1e/b81e6ddf-c11c-48af-92bf-dc0b61cf2294.png" width="3592" />
    <figcaption>На миддла в мобилках Вадика точно не берем...</figcaption>
  </figure>
  <p id="ex5n">Количество непонятных мелочей начинает зашкаливать. Вадик снимается с дистанции кандидата на миддла в мобилках.</p>
  <figure id="94lk" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/6b/a9/6ba9087c-b1b1-4448-9fdc-c68a4374c81c.png" width="2692" />
    <figcaption>Да мы поняли. Вадик Обухову пятихатку зажал, а уж американам за фигму подавно не будет платить :)</figcaption>
  </figure>
  <p id="RZyQ">Отмечу отдельно необычный подход к тому, как показать UI kit. Казалось бы — серый пустой экран, но важные штуки можно разглядеть — нейминг, структуру кита.</p>
  <p id="N5QK">Концептуальность подачи победила содержание. Смущает сочетание кириллицы и латиницы в названиях компонентов и стилей… Компоненты in english, цвета — православные. Уверен, разработчики в восторге.</p>
  <section style="background-color:hsl(hsl(34,  84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="fs75">Ух, 3й день уже пишу. Очень хочется опубликовать, но посмотрим еще один кейс.</p>
  </section>
  <figure id="V32g" class="m_column" data-caption-align="center">
    <img src="https://img1.teletype.in/files/8c/cd/8ccdbf26-2ab8-4695-be7e-288bdeba72e4.png" width="3620" />
    <figcaption>Описание — норм, согласований мало (видимо, не пошло в пром).</figcaption>
  </figure>
  <p id="iJ7w">Я очень давно тоже рисовал такое приложение. У меня был знакомый, который «с пацанами мутил» бизнес по доставке ПГС и сыпучих смесей. У нас оно почти дошло до прода, но я не очень верил в эту историю.</p>
  <p id="QlOp">Посмотрим, как получится у Вадика. Он, в отличие от меня, «не делает то, во что сам не верит». </p>
  <figure id="oulJ" class="m_column" data-caption-align="center">
    <img src="https://img1.teletype.in/files/8a/a1/8aa1d7e7-a5d7-4379-88fc-5f94d5db4ff8.png" width="2594" />
    <figcaption>Выглядит странно. От мобильного приложения тут только таббар. </figcaption>
  </figure>
  <figure id="0aor" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/7a/7a/7a7a263f-f849-4299-b428-4ae317a5a83f.png" width="2346" />
    <figcaption>Кажется, Вадик взял экраны корзины из обычного интернет магазина и вместо чайника, пылесоса и книжки Пелевина подставл Песок, Торф и Строительный мусор. </figcaption>
  </figure>
  <p id="Fxbn">Специфика доставки сыпучих грузов не учтена от слова «совсем». Менеджеру от такого заказа ни тепло, ни холодно. Да, клиент отправит заказ через мобильное приложение, но придется звонить и уточнять детали. </p>
  <p id="Pojf">В одной машине это все не привезти? Значит надо либо несколько ходок, либо сразу 3 машины. А 3 машины в одно время? А они разъедутся на участке? Если приедут в одно время 2е будут ждать, пока одна выгружается?</p>
  <p id="PNNe">Можно выбирать только тонны…, а тонны у песка зависят от влажности. Клиенту нужно 5 кубов. 5 кубов уже заказать нельзя, надо уточнять у менеджера, сколько будет весить кубометр песка.</p>
  <p id="usEC">Ничего от осмысленности и продуманности. UX — даже не джуновский.</p>
  <p id="EfPW">UI — это все веб элементы. Это не нативное мобильное приложение.</p>
  <figure id="RgkM" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/7f/30/7f3079c3-d99c-4b0c-94d1-dbb53136e927.png" width="2354" />
    <figcaption>Дальше хуже... UI разваливается, кнопки то с тенями (доставлять сюда), то без (подтвердить).</figcaption>
  </figure>
  <p id="naAH">С уровнем кейсов Вадика все понятно.</p>
  <h3 id="NDve"></h3>
  <h3 id="xkOo">Итого.</h3>
  <p id="cSFK"><strong>Резюме</strong> — ок. Оно проходит на миддла по всем параметрам. С такими резюме кандидатов приглашают на собес.</p>
  <p id="22K4"><strong>Сайт</strong> — формат ок. Даже +. Отличная понятная форма. </p>
  <p id="fgXW"><strong>Сами кейсы.</strong> Тут сложнее. Вадик пытается переносить веб UI в мобилку, но не понимает приниципов. Надо поизучать гайды и чаще делать кликабельные прототипы, чтобы проверять прямо на устройстве, а не смотреть экраны на мониторе. По мобилкам — это даже не джун. Скорее, стажер.</p>
  <p id="LyUO"><strong>По вебу</strong> — можно рассмотреть на джуна. </p>
  <p id="VGak"><strong>НО!</strong> Все решит собеседование, потому что есть вопросики к его софт скиллам. Весь вот это «юмор» и «обращение к Обухову» — с этим разбираться надо на собесе. Либо это просто неудачные шутки, либо он дизайн-фрик. Если шутки — это можно поправить и скорректировать. Фрика уже не исправить, его можно только принять :)</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="DBDI"><strong>Молния! </strong></p>
    <p id="xmS3">Проверил его в нашей базе «отсмотренных кандидатов». Оказывается, мы его рассматривали. Не смогли открыть порфтолио и пригласили на собес. Ну, как я говорил, по резюме — надо звать на собеседование.</p>
    <p id="ZxDg">После собеседования дали тестовое и по нему уже отказали.</p>
    <p id="dtWy">Собеседование проводили коллеги, потому что я его не помню.</p>
    <p id="YuT6">Мир тесен, такие дела :)</p>
  </section>
  <p id="Ef41"></p>
  <p id="DiPr">Ух, надеюсь, вам понравилось :) Ставьте лайки, делитесь со своими знакомыми дизайнерами, которые откликаются на вакансии, но не получают офферы.</p>
  <p id="KH1J">Всем пока, до следующих встреч!</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@designcritique/wpYZOQp3ldk</guid><link>https://teletype.in/@designcritique/wpYZOQp3ldk?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique</link><comments>https://teletype.in/@designcritique/wpYZOQp3ldk?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique#comments</comments><dc:creator>designcritique</dc:creator><title>Выпускник Uprock – Александра</title><pubDate>Thu, 13 Apr 2023 06:36:36 GMT</pubDate><media:content medium="image" url="https://img2.teletype.in/files/15/4a/154aa2e8-68af-4f9d-87f3-522e54e83d63.png"></media:content><description><![CDATA[<img src="https://img4.teletype.in/files/f7/35/f735a73f-68a7-49eb-8156-7f11b78d30b6.png"></img>Ну ладно, предыдущий разбор был &quot;битьем ребенка&quot;, соглашусь. Теперь посмотрим, что там с выпускниками Uprock. Берем курс Mobile Pro и смотрим отзывы.]]></description><content:encoded><![CDATA[
  <p id="VYDW">Ну ладно, предыдущий разбор был &quot;битьем ребенка&quot;, соглашусь. Теперь посмотрим, что там с выпускниками Uprock. Берем курс Mobile Pro и смотрим отзывы.</p>
  <figure id="ZgHY" class="m_column">
    <img src="https://img4.teletype.in/files/f7/35/f735a73f-68a7-49eb-8156-7f11b78d30b6.png" width="2266" />
  </figure>
  <p id="ifDi">Так, так. Посмотрим на что Александра может претендовать в российском IT гиганте. Прдеставим, что мы ищем миддла на мобильное приложение.</p>
  <figure id="icqd" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/e7/b3/e7b365dd-eb54-45c6-bf81-875e5fc42ee0.png" width="3316" />
    <figcaption>Оформление беханса на уровне senior. Никаких вопросов. Цвет, шрифты, приемы, мокапы — все четко.</figcaption>
  </figure>
  <p id="5bTM">При просмотре портфолио я всегда смотрю самую свежу работу по нужной тематике. Там нужна мобилка, посмотрим приложение про &quot;планы на викенд&quot;.</p>
  <p id="Uyyr"></p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="rSnd" data-align="center"><a href="https://www.behance.net/gallery/156262201/Event-Catcher-mobile-app" target="_blank">https://www.behance.net/gallery/156262201/Event-Catcher-mobile-app</a></p>
  </section>
  <p id="I1ik"></p>
  <p id="3PkS">Многообещающее начало!</p>
  <figure id="yRC9" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/fd/69/fd69021d-2223-4cb0-9a69-1651faf314b3.png" width="2758" />
    <figcaption>По графике — отлично. Senior уровень. Но вот появляются детали и начинают возникать вопросы по UX.</figcaption>
  </figure>
  <p id="gfJ6">Качество иллюстраций на онбординге задает высокую планку. Рассматривать интересно. Однако к UX вопросики... Перемудрила с кнопками</p>
  <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <figure id="Peh4" class="m_column" data-caption-align="center">
      <img src="https://img4.teletype.in/files/71/87/718742a6-a1aa-4ef2-a235-12af700b0f18.png" width="1728" />
      <figcaption>Онбординг приложения-читалки.</figcaption>
    </figure>
    <p id="2Bud">Пример хорошего UX при онбординге. Мы обрабатываем 2 типа пользователей:</p>
    <ol id="VQdZ">
      <li id="J1a7">Новички, впервые скачали. Их большинство и primary действие — Get Started.</li>
      <li id="UsPK">Те, кто уже пользовался и знает приложение, но просто скачал его на новое устройство. Этим ребятам ничего объяснять не надо, дайте им скорее залогиниться и перейти к приложению. </li>
    </ol>
  </section>
  <p id="uTIC">Скроллим дальше и бабах... Начинается та часть кейсов в учебных работах, которую я очень недолюбливаю. </p>
  <figure id="iKb0" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/a7/90/a790b82f-d2f6-44c4-a50d-d77028b996c8.png" width="2748" />
    <figcaption>Preparings... нет такого слова в английском :( </figcaption>
  </figure>
  <p id="KfRs">А так все хорошо начиналось. </p>
  <p id="gWvx">Главный вопрос в жизни продуктового дизайнера — &quot;зачем?&quot;. Зачем этот блок в кейсе? Это описание реального процесса? Все эти инструменты использовались для получения готового результата? Если так, то это неубедительная подача. </p>
  <section style="background-color:hsl(hsl(34,  84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="Wft6"><strong>Показывайте в кейсах реальные артефакты подготовительной работы</strong> — скрины переписок с заказчиком, куски брифа из ворда, борда в miro со скринами конкурентов и комментариями (competitive analyse). Независимо от содержания это +10 к вашей продуктовости. </p>
  </section>
  <p id="nkuR">Если этого всего нет, а вместо этого просто перечисление умных слов, да еще и с ошибками. Сорри. Эйчара этим можно удивить, но дизайн лид точно не пропустит и обязательно спросит &quot;за упоминание&quot; на собеседовании.</p>
  <p id="0876">Двигаемся дальше...</p>
  <figure id="XuxT" class="m_column">
    <img src="https://img3.teletype.in/files/ea/9e/ea9e4b3d-ee2e-4645-8db8-be15d83d9fea.png" width="2454" />
    <figcaption>Слева направо... видимо это User Flow. Баллы за UX тают :(</figcaption>
  </figure>
  <p id="oGpE">Дорогие мои дизайнеры, пожалуйста, используйте для mind map&#x27;а и user flow соответствующие инструменты. Этим вы покажете мне, что владеете не только фигмой.</p>
  <figure id="I5dg" class="m_retina" data-caption-align="center">
    <img src="https://img1.teletype.in/files/47/27/4727cf45-b5e9-4f23-8000-93021fc662f3.png" width="1285" />
    <figcaption>Цвета — отличные. UX — все больше и больше вопросов.</figcaption>
  </figure>
  <p id="3CDs">Александра продолжает набирать балы за визуал и терять за UX. </p>
  <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="5Bvo">Для логинов и регистраций я советую скачивать другие приложение и смотреть, как они это делают.</p>
    <figure id="8BM0" class="m_original" data-caption-align="center">
      <img src="https://img2.teletype.in/files/12/17/12178547-5f66-40f5-ba7b-2e99c7e1beaf.png" width="1518" />
      <figcaption>Экран логина для нового пользователя — это стресс. Не стесняйтесь слов и объяснений на таки экранах.</figcaption>
    </figure>
  </section>
  <p id="lVCJ"></p>
  <p id="vjPn">О! вот он user flow, предыдуший mind map точно бесполезный )) можно смело удолить.</p>
  <figure id="PEXf" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/36/9a/369a7d2e-39a1-44f0-b8b0-249bdd492509.png" width="2816" />
    <figcaption>Советую всем дизайнерам начинать рисовать дизайн вот с таких схемок.</figcaption>
  </figure>
  <p id="l1Hh">Ой, дальше вообще хорошо пошло. Александра клянется, что провела интервью и составила портреты персон. Очень хорошо.</p>
  <figure id="6MJR" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/6a/c2/6ac2b8b1-f190-41a9-8bab-28894145cdd9.png" width="2756" />
    <figcaption>Мотивация, ожидание, боли — с этого вообще надо было начать!</figcaption>
  </figure>
  <p id="6WJ5">Все, я понял. Блоки точно надо поменять местами. Расположить в том порядке, в котором сама же Александра описала их в дизайн процессе.</p>
  <figure id="4g02" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/3d/50/3d50f552-287f-48d3-9d83-21d111d843e4.png" width="1256" />
    <figcaption>Оказалось блок был не бесполезный. Пригодился, чтобы разобраться в скринах. Жаль, что сама Александра не воспользовалась своим же описанием своего же дизайн-процесса.</figcaption>
  </figure>
  <p id="6VRh">Ну все, баллы за UX немного восстановлены :) Предвкушаю, как все эти боли будут решены в интерфейсе.</p>
  <section style="background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="EitS">17 летняя Даша жалуется, что для ее возраста мало бесплатных мероприятий. </p>
    <p id="Aqen">Сможет ли Даша найти <strong>бесплатные тусовки с возрастным ограничением 16+</strong> с помощью EventCatcher?</p>
    <p id="qQhc">Сейчас проверим! Не переключайтесь!</p>
  </section>
  <p id="X3dn">Сразу скажу, я вот такие блоки про персоны всегда читаю и выбираю одну из описанных проблем пользователя, а дальше в экранах пытаюсь ее решить. Для продуктового дизайнера важно не просто определять и описывать пользователей и их проблемы, а далее с помощью интерфейса — эти проблемы решать.</p>
  <figure id="Kysn" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/6c/8e/6c8e81a2-94e3-4965-a858-5393909c85bc.png" width="2518" />
    <figcaption>Окей окей, дизайнер, я понял, что ты могешь в маркетинг визуал. Давай экраны уже.</figcaption>
  </figure>
  <p id="n3Uf">Дизайн система?... Да что тут происходит с порядком повествования?! Ты же сама описала дизайн процесс, там дизайн система в конце, после прототипов! Саша, где прототипы?!</p>
  <figure id="HOab" class="m_column">
    <img src="https://img3.teletype.in/files/2d/19/2d1938d0-2633-4a3b-9a01-4a2591412aef.png" width="2782" />
    <figcaption>Лучше никак не описывать свой UI kit, чем так. Текст про компоненты и дизайн систему, а картинка про цвета и неконсистентные иконки?... минус 10 за визуал, минус 10 за UI, минус 10 за логику сторителлинг.</figcaption>
  </figure>
  <p id="6U5b">Я начинаю немного злиться уже.</p>
  <p id="jCi4">О, warframes! Рамки войны...</p>
  <figure id="BZ2F" class="m_column">
    <img src="https://img4.teletype.in/files/3f/8b/3f8beca1-17c3-47ce-9565-b722ed4d2c3f.png" width="2648" />
    <figcaption>Но это же просто экраны без цвета и outlined... Понятно, никаких wireframes не было. Куратор на курсе попросил добавить в кейс блок про wareframes, дизайнер взял отрисованные красивые экранички, убрал заливку и навалили на темный фон. Дело раскрыто.</figcaption>
  </figure>
  <p id="howx">Начинаю грустить...</p>
  <p id="mVtT">Дальше идет встроенное видео. Посмотрите если интересно. Я оставлю пару комментов.</p>
  <p id="Mqmx"><a href="https://player.vimeo.com/video/766077078" target="_blank">https://player.vimeo.com/video/766077078</a></p>
  <p id="6JgE">В таких видео лучше показывать userflow или его часть. В идеале связать с описанными персонами. Открываю ленту событий, в фильтрах выбираю &quot;Age category 16+&quot;, нахожу событие, проваливаюсь в него, нажимаю и перехожу к экрану оплаты&quot;. Вот этого достаточно.</p>
  <p id="1tUg">Тут же какой-то невнятный быстрый набор тапов... Тап туда, тап сюда...</p>
  <p id="L6ke">..</p>
  <p id="QnTE">Наконец-то появились экраны</p>
  <figure id="w6Mm" class="m_retina">
    <img src="https://img2.teletype.in/files/95/3d/953d221a-4c81-4069-bb5d-108790483772.png" width="1341" />
  </figure>
  <p id="jjRl">Александра стремительно скатывается с middle до уровня Junior. Внутри в интерфейсе не осталось и следа от того стиля и вайба с онбординга. Зато приехали эмодзи. Эмодзи ок, но это другой стиль...</p>
  <p id="NRBU">Тут уже не хочется всмвтриваться в детали. Мы помним, я Даша, мне 17, я ищу бесплатные вечеринки категории 16+...</p>
  <p id="xoTY">Пока я не вижу нигде, где бы можно было настроить возрастное ограничение или бесплатность.</p>
  <figure id="78kY" class="m_column" data-caption-align="center">
    <img src="https://img2.teletype.in/files/db/1d/db1d7749-0185-4f8a-bafa-8159bc1e4ac0.png" width="2160" />
    <figcaption>Такие топовые были камушки на онбординге, но что произошло внутри?... кружочки, квадратики? эх..</figcaption>
  </figure>
  <p id="nCE9">Просто набор экранов, и тут видно насколько разные стили у иконок в таббаре и сверху у заголовка. Тут глазу не за что зацепиться. Карту срисовала с яндекс.карт. Это ок, но прям 1 в 1 по фукнционалу то зачем? Зачем-то оставила кнопку Route... хотя по смыслу приложения — там должна быть целевая — buy ticket или там Book.</p>
  <p id="wlJy">17-ти летняя Даша нашла в кармане зимней куртки 5ку... и может позволить себе Perfume Genius. Но пустят ли ее?... Ведь ей 17...</p>
  <figure id="pf5p" class="m_column" data-caption-align="center">
    <img src="https://img2.teletype.in/files/9a/dc/9adc2d50-b74e-4ae0-aec7-38a580baf92f.png" width="2812" />
    <figcaption>А вот и вкладка поиск )) Все то, же самое, что на Home, но повеселее по цветам. </figcaption>
  </figure>
  <p id="rfH8">Что мешало добавить поисковую строку на главный экран? Что-то явно мешало.</p>
  <p id="oe0q">Я начинаю кое-что подозревать. Как, имея такую волшебную пастельную палитру, в интерфейсе появилась градиентная заливка даты?! </p>
  <p id="kTfV">Это точно делал один и тот же человек?</p>
  <figure id="5IPe" class="m_column" data-caption-align="center">
    <img src="https://img2.teletype.in/files/57/3e/573efa48-07c9-4988-aae7-6984359e2abc.png" width="2422" />
    <figcaption>Красиво. Сектор отрисован четенько.</figcaption>
  </figure>
  <p id="fUQP">Кнопочка Pay не по гайдам. Надо сразу лого яблочка туда. </p>
  <figure id="aONg" class="m_original">
    <img src="https://developer.apple.com/design/human-interface-guidelines/technologies/apple-pay/images/button-pay-with_2x.png" width="476" />
  </figure>
  <p id="qQa4"></p>
  <p id="wJsV">Вернулись красивые цвета. Это радует. Блок купленными билетиками не плох. Хотя конечно никто не хранит билетики в таком узком приложении. Билетик прилетает на почту, а дальше попадает в Wallet.</p>
  <figure id="Vgr8" class="m_custom" data-caption-align="center">
    <img src="https://img2.teletype.in/files/d8/6d/d86d169d-e56b-4b76-a61d-be765d3e60be.png" width="442" />
    <figcaption>Экранчик можно докрутить...</figcaption>
  </figure>
  <p id="50T0">Скорее бы уже конец... </p>
  <figure id="Xtv2" class="m_column" data-caption-align="center">
    <img src="https://img1.teletype.in/files/cd/1e/cd1e01f3-9d22-4a14-9c4e-450355b2222a.png" width="2704" />
    <figcaption>Вот чего чего я не ожидал увидел в профиле... так это мои лайки и интересы.</figcaption>
  </figure>
  <p id="Md8M">Опять ивенты? Тут не проработано много вопросов. Что будет с прошедшими эвентами? Билеты вот сохраняются. </p>
  <p id="kxaL">Я бы вынес Favourites в отдельный таб.</p>
  <p id="tPmn">Вообщем, тут по UI  и по UX очень много вопросов и можно было бы еще комментировать. Но я смотрю с точки зерния нанимающего лида.</p>
  <h2 id="Blg2"></h2>
  <h3 id="QSNi">Резюме.</h3>
  <p id="jjRl">Визуал, маркетинг дизайн — топ. Иллюстрации онбординга, обложки кейсов — вот весь этот коммуникативный дизайн — отличный.</p>
  <p id="LDcQ">UI — слабый. Неконсистентные иконки, кнопки вместо табов (segmented controls).</p>
  <p id="ChKi">UX — слабо. Очень много моментов не продумано. </p>
  <section style="background-color:hsl(hsl(34,  84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="Hca7"><strong>Итого</strong></p>
    <p id="TZRB">Я бы пригласил такого дизайнера на собес, если бы у меня были вакансии дизайнера на лендосы. Уровень — middle. В продукт на мобилку — только стажером и то, после собеседования.</p>
  </section>
  <p id="qjfY"></p>
  <p id="kwN5">Уфф! Спасибо, что дочитали до конца. Надеюсь нашли для себя что-нибудь полезное.</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@designcritique/1VzX-kpymqk</guid><link>https://teletype.in/@designcritique/1VzX-kpymqk?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique</link><comments>https://teletype.in/@designcritique/1VzX-kpymqk?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique#comments</comments><dc:creator>designcritique</dc:creator><title>Выпускник Skillbox – Алла</title><pubDate>Mon, 10 Apr 2023 20:52:31 GMT</pubDate><media:content medium="image" url="https://img4.teletype.in/files/ba/b6/bab6dc17-2f52-4cac-b3f5-3c6ecd192a6e.png"></media:content><category>web</category><description><![CDATA[<img src="https://img3.teletype.in/files/2f/5a/2f5a9985-12eb-4d89-87bf-9596f45f43bb.png"></img>Ну что, глянем на работы ученика, который хвалит Скиллбокс. Находим ученика прямо на сайте скилл бокса и тыкаем &quot;примеры работ&quot;. Попадаем на биханс.]]></description><content:encoded><![CDATA[
  <figure id="AGbR" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/2f/5a/2f5a9985-12eb-4d89-87bf-9596f45f43bb.png" width="1674" />
    <figcaption>Проверим, насколько далеко с 0 до PRO дошла Алла</figcaption>
  </figure>
  <p id="61CK">Ну что, глянем на работы ученика, который хвалит Скиллбокс. Находим ученика прямо на сайте скилл бокса и тыкаем &quot;примеры работ&quot;. Попадаем на биханс.</p>
  <section style="background-color:hsl(hsl(236, 74%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="SFe7" data-align="center"><a href="https://www.behance.net/AllSkill" target="_blank">https://www.behance.net/AllSkill</a></p>
  </section>
  <figure id="jp3C" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/fa/36/fa36976b-6c0b-4249-a6b2-50e0e791ad60.png" width="2916" />
    <figcaption>1 работа за 3 года... не густо. Не очень верится, что &quot;работать дизайнером мне очень нравится&quot;.</figcaption>
  </figure>
  <p id="FSo8">Обложка с моим любимым типом мокапа — &quot;рулончик туалетной бумаги&quot; :) Ребята, пожалуйста, не используйте такие мокапы, если хотите попасть на собеседование. Это уже не круто.</p>
  <figure id="8zPj" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/a6/09/a609c9eb-4bff-4dc1-938f-549aeffebcea.png" width="2310" />
    <figcaption>Черненько всё...</figcaption>
  </figure>
  <p id="xzeL">Главная беда стартового экрана — невнятный месседж. Не круто писать название компании или имя главного героя самыми большими буквами. Самыми большими буквами на лендингах надо писать то, о чем они (эти лендинги).</p>
  <p id="gpgS">2 кнопки не могут решить, какая из них важнее. Заказать фотосессию или смотреть портфолио? Анастасия, что ты от меня хочешь?!</p>
  <p id="b6ip"><em>Москва…</em> это прям принципиально? Ну то есть на сноуборд контест в Красногорск нельзя Настю пригласить?.. Безнадежный текст.</p>
  <section style="background-color:hsl(hsl(34,  84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="rOAE"><strong>Что надо сделать:</strong></p>
    <ol id="fQX9">
      <li id="8aEw">Анастасия Епифанова убрать в хедер рядом к логотипу.</li>
      <li id="0gpZ">Убрать прочий мусорный текст с фоток — пусть фотка говорит сама за себя, внизу можно подписать. «Соревования по лазанью по канату. Москва, 2022». Далее при смене фото в слайдере подписи будут меняться «Свадьба дяди Вани. Одинцово, 2021». Это покажет клиенту, что Анастасия могёт в разные жанры и события, и позволит прикинуть — как далеко от Москвы она готова гонять…</li>
    </ol>
  </section>
  <p id="EHLN"><s>Едем</s> скроллим дальше.</p>
  <figure id="HDNR" class="m_column">
    <img src="https://img1.teletype.in/files/02/9c/029cea8a-6d2d-42f8-9652-342285f82f7d.png" width="2206" />
    <figcaption>От этого блока глазкам плохо, но ради ваших комментов и лайков я перетерплю...</figcaption>
  </figure>
  <p id="0YvV">Весь блок очень плох по композиции + много технического брака. Неровные расстояния между фотографиями (смотри &quot;тренировки&quot; и &quot;портфолио спортсмена&quot;).</p>
  <p id="byUy">Опять же, дизайнер не знает, что хочет сказать пользователю. Показать фото (подобраны не самые удачные) или структуру услуг? </p>
  <blockquote id="w11I">В работах джуниров и начинающих дизайнеров мы (дизайн-лиды) обычно смотрим на прикладные навыки — умение выровнять по сеточке, перепроверить текст на ошибки. Это гигиена. Если ее нет, то на UX, вау эффекты и прочие «вкусности» смотреть никто не будет. </blockquote>
  <section style="background-color:hsl(hsl(34,  84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);">
    <p id="Jd8H">Что надо сделать:</p>
    <ol id="kqNz">
      <li id="8sbf">Упростить сетку. Можно бахнуть просто квадратики и плашки аккуратнее.</li>
      <li id="6JbF">Заголовок упростить и сделать четкую ссылку на портфолио.</li>
    </ol>
    <figure id="SZVd" class="m_column">
      <img src="https://img4.teletype.in/files/73/26/73267677-16d7-423f-8014-a397f2d69421.png" width="1358" />
      <figcaption>Пример композиционного решения. В фото показываем главную услугу.</figcaption>
    </figure>
  </section>
  <p id="3uax">А дальше начинается &quot;полиграфический дизайн&quot;... Хорошие блоки, рамочки, композиция, даже текст норм. Складывается ощущение, что следующие блоки начал делать другой человек.</p>
  <figure id="xYqf" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/2b/17/2b175aaf-9ca2-4e92-93c5-98aed3e283bd.png" width="2114" />
    <figcaption>Тут и кнопка понятная, и фото усиливает текст, и лого соц сетей к месту и по делу.</figcaption>
  </figure>
  <p id="Az6b">Ну что ж, красивый прием с рамочкой? Почему бы теперь его не повторить для всего подряд? Вижу цель — не вижу препятствий!</p>
  <figure id="tBWM" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/fa/7a/fa7af123-4456-4b04-8e8d-33237d01f38a.png" width="2066" />
    <figcaption>Тут Алла снова запуталась и не знает, что хочет сказать</figcaption>
  </figure>
  <figure id="HZoG" class="m_column" data-caption-align="center">
    <img src="https://img1.teletype.in/files/4c/c5/4cc57a0d-8ac8-4282-900d-5adc9aae3847.png" width="1850" />
    <figcaption>Рамочки удались. Затрём этот прием до дыр!</figcaption>
  </figure>
  <p id="jLSC">А сколько отзывов? Один? Или вот каждая точка в слайдере — это отдельный отзыв?.. Подумать о таком называется UX. </p>
  <p id="T3Rs">Хорошая композиция в дизайне — это как хорошая шутка. Даже очень хорошая, но повторенная три раза — перестает быть смешной. Для отзывов нужна была новая форма, показывающая как много разных людей благодарит Настю.</p>
  <p id="GVEZ">Уф! Закончились рамки... впрочем, как и силы дизайнера.</p>
  <figure id="Gjds" class="m_column" data-caption-align="center">
    <img src="https://img1.teletype.in/files/c1/2a/c12a03ea-835e-4e37-b08c-842b2f85f486.png" width="1786" />
    <figcaption>Камера, иконки, рамка, кнопка с разными отступами...</figcaption>
  </figure>
  <p id="Gc7P">Причем тут фотоаппарат? Просто было пустое место, и надо было хоть как-то уравновесить эту композицию.</p>
  <p id="W7pm">Я бы продублировал в футере имя фотографа и добавил немного официоза вроде &quot;© Анастасия Епифанова. Все права защищены.&quot; Ну и там что-нибудь про использование фотографий без согласия автора.</p>
  <p id="GNZ0">Обилие ссылок — это не круто, это все когнитивная нагрузка на пользователя. А куда писать? а где ей удобнее? Я вот неуверен, мне только спросить... это позвонить лучше или на почту написать?... В футере не надо стесняться все объяснить пользователю. Это снова UX.</p>
  <p id="bFj9">О боже, я думал это конец, но парни из скиллбокса заставляют юных подаванов еще и адаптив лепить (((</p>
  <p id="LPL4"> </p>
  <figure id="uQ70" class="m_column" data-caption-align="center">
    <img src="https://img2.teletype.in/files/11/41/11414746-657f-48b9-87d4-3879ff8f0c4f.png" width="1924" />
    <figcaption>Верстальщик застрелился.</figcaption>
  </figure>
  <p id="coIH">Поиск? Откуда взялся поиск?</p>
  <p id="7dIf">Красные рамки у иконок? Это что еще за телефончик красный?... Что происходит? Памагити.</p>
  <p id="NluR">Лучше вообще не делать адаптив, чем делать его так. С таким исполнением адаптива вероятность приглашения вас на собес стремится к 0. </p>
  <p id="sNJe">Что я вижу на экране? Я вижу полное непонимание дизайнера о том, как работает адаптив. Лучше убрать адаптив, сделать красиво десктоп, а на собесе прямо сказать — &quot;я хз, что как ваш этот mobile-first делать. Научите меня, не шарю&quot;. В больших корпорациях очень много проектов, которые делают только для десктопов и им не нужно в мобильные версии.</p>
  <p id="jsTQ">Скролим дальше... Кровавые следы сеточки...</p>
  <figure id="N6Mi" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/b7/16/b7164d28-c38f-49d6-80f5-0aceea63d7e6.png" width="1756" />
    <figcaption>Привет, я юный дизайнер. Я в душе не чаю, нафига мне эти красные полоски, но преподаватель на курсах сказал, что надо добавить.</figcaption>
  </figure>
  <figure id="Cls4" class="m_column" data-caption-align="center">
    <img src="https://img3.teletype.in/files/24/8a/248a30b4-3686-4025-946b-381877ef7de6.png" width="1854" />
    <figcaption>ну что сказать... ошибка в написании слова &quot;колонки&quot;.</figcaption>
  </figure>
  <p id="xvy5">Сетки я даже не стану комментировать. </p>
  <blockquote id="BUDC">Преподаватель скиллбокса, который заставил бедную девушку их нарисовать и не рассказал как они работают — shame on you!</blockquote>
  <p id="OUWm">UI kit тоже пропущу, там мучали девушку...</p>
  <figure id="H5nU" class="m_column" data-caption-align="center">
    <img src="https://img4.teletype.in/files/ba/35/ba35b38a-7a65-4df4-ae29-900f78670575.png" width="1892" />
    <figcaption>Лого делали с любовью :) Люблю такие описания.</figcaption>
  </figure>
  <p id="LAr2"> </p>
  <figure id="6yWd" class="m_column" data-caption-align="center">
    <img src="https://img2.teletype.in/files/93/65/93651e54-4432-485f-8a80-4267ed8f671a.png" width="1392" />
    <figcaption>Блик реально вывозит. Циклопчик улыбается :)</figcaption>
  </figure>
  <h3 id="pQYl">Итого. </h3>
  <p id="CRLY">Я думаю, что у девушки (Аллы Комисаренко) все отлично. Она прошла курсы скиллбокса и замечательно провела время. Какие-то модули ей были интересны, она довольно творческая натура. А вот техническая часть далась с трудом.</p>
  <p id="Y3MG">Работать дизайнером Алла не планирует, уж тем более идти в большую корпорацию. Ее душа — это свободная птица фриланса и творчества.</p>
  <p id="mR94">Пожелаем ей успехов :) Если бы она прислала свое портфолио с этой работой на вакансию джуниор дизайнера в большую IT компанию — я бы ее кандидатуру отклонил, чем спас бы ей миллионы нервных клеток и тысячи часов хорошего настроения.</p>
  <p id="VCHq">Всем спасибо! </p>
  <p id="tCRP">Лайк, шер, ретвит </p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@designcritique/hi</guid><link>https://teletype.in/@designcritique/hi?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique</link><comments>https://teletype.in/@designcritique/hi?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=designcritique#comments</comments><dc:creator>designcritique</dc:creator><title>Кто я такой?</title><pubDate>Mon, 10 Apr 2023 18:55:47 GMT</pubDate><description><![CDATA[Привет, я лид дизайнер в крупной IT компании. На работе мне приходится нанимать юных джуниоров и растить из них ми...]]></description><content:encoded><![CDATA[
  <p id="lt8Z">Привет, я лид дизайнер в крупной IT компании. На работе мне приходится нанимать юных джуниоров и растить из них ми...</p>
  <p id="uSSs">Мы с коллегами просматриваем сотни резюме и портфолио, и только единиц приглашаем на собеседования. Те, кто попадают на собесы или получают тестовые — получают от нас обратную связь.</p>
  <p id="XIMK">А те, кого мы отсеиваем — не получают ничего :( Мне кажется это несправедливым. </p>
  <p id="jjDL">В это блоге — я разбираю портфолио начинающих и junior дизайнеров, выпускников всяких скилл боксов и апроков и даю им обратную связь с позиции дизайн лида.</p>
  <p id="fcR7">Хочешь, чтобы я рассмотрел твое портфолио? Оставляй ссылку в комментах.</p>

]]></content:encoded></item></channel></rss>