0: Давайте потихоньку начинать. Итак, ребята, меня зовут Таня, я дизайнер в альфа бизнес и также преподаю в форм факторе уже довольно давно. Вот сегодня у нас с вами встреча прожарка ваших маке.

1: Я Вон даже phone себе подобрала соответствующий, вот я посмотрю сегодня несколько работ 5, я их уже отобрала, у нас будут и макеты в фигме и какие.

2: Просто портфолио, что хотела ещё сказать. Те, кто останутся до конца, смогут посмотреть ещё моё тестовое в альфа бизнес никогда не лишним будет посмотреть чужое, успешное, тестовое. Поэтому я пока

3: С чем я приходила в команду, в которой сейчас работаю, там есть свои недочёты, но в целом тестовое, успешное, и по структуре оно оформлено довольно правильно, и по визуалу тоже. Поэтому давайте потихонечку начинать так.

4: Сейчас я расширю экранчик, прям можете либо в чат, либо голосом. Все супер. Вот ещё что хотела сказать. У нас сегодня с вами такой формат немножко. Ну не просто я буду как монологом от и до все говорить, могу задавать некоторые вопросы, поэтому

5: Если вдруг авторы данных работ здесь сейчас находятся, то, пожалуйста, если я вдруг задаю какие-то вопросы, можете включать микрофон, отвечать. Вот, ну если вас нет, соответственно, не отвечайте. Так, с чего бы нам начать? Вот у меня есть макет, и я думаю, что

6: Мы начнём с макета, потому что здесь довольно интересно. Все здесь интересный, большой такой, такая срмка, админ, панелька и в целом, ну, грубо говоря, она вот так вот с 1 взгляда.

7: Выглядит довольно аккуратно, но при этом, ну, очень много к чему глаз цепляется в плохом смысле. Я сейчас объясню, что здесь мне конкретно не нравится, так что здесь мне конкретно не нравится. Во

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

9: Может быть основным, ну как бы, разрешением экрана для платформы, только если мы, например, предполагаем, что это платформа какая-то для офисных работников, и они все работают только из офиса, у них у всех есть эти мониторы, потому что это огром

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

11: Сплющиваться это все будет сложнее. То есть, как правило, рекомендую лучше отрисовывать на 1440 или 1600. Вот при адаптиве, если у вас там нет каких-то инсайтов оо вашей аудитории, что ваша аудитория там сидит вся за мониторами, то просто

12: Добавлять по краям вот эти уши, вот эти серые, просто их увеличивать, это как бы, ну, мы так делаем в альфа бизнес, например, мы не заморачиваемся, потому что у нас мало кто работает с такого огромного разрешения. Поэтому вот это 1, что мне про

13: Бросилось в глаза. 2, что бросилось в глаза. Это очень шумный интерфейс. Ну да, симки, всякие админки у нас, они в целом довольно высоконагруженные, но мы, как дизайнеры, должны стараться их сделать менее нагруженными. Ну,

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

15: Избавиться. Ни мы, ни пользователь от этого ничего не потеряют. Во первых, вот эта приписка админ панель, она нам ничего не говорит, она пользователю ничего не говорит. То есть и так, ну вот у нас здесь есть место для логотипа, но как бы пользователь и так понимает, где он сейчас

16: Находится. Не нужно говорить, что вот это вот админ панель и так ясно, что вот это какая-то навигационная штука. Тыкаешь, переходишь в разные эти

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

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

19: Они, ребят в глазах, то есть за счёт того, что у нас здесь на каждой карточке карточек много, на каждой карточке 1 и та же кнопка. Ну вот тоже зачем оно надо? Можно это все заменить на какую-то 1, 1 шеврон, чтобы показать кликабельность либо

20: Вообще, ну, у меня есть ощущение, что это, конечно, тема небольшая для там теста, например, но у меня есть ощущение, что если убрать эту кнопку открыть, то как бы не потеряется, ну, не потеряется вот это.

21: Не кликабельности карточки. И пользователь все равно поймёт, что на неё можно кликнуть. Вот, но опять же, это уже для аб теста. Если прям убрать кнопку, то с этим можно немножко поспорить, но вот можно было бы это переиграть и добавить, например, просто шеврон, потому что вот на каждом

22: На каждой карточке писать, типа открыть, открыть, открыть. Это тоже сильно начинает ребить в глазах.

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

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

25: Далее. Так я вот это вот сейчас перенесу куда-нибудь, мне не будет мешаться далее, что хотелось. Мне хотелось по отступам посмотреть немножко, что у нас тут, у нас тут

26: 12. А между блоками тоже 12 в целом допустимо. Ладно, не докапываюсь. Хотя, ну, мне сначала показалось, что здесь как будто между блоками отступ меньше, чем между, ну вот, ну.

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

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

29: Касается текста, то у нас читабельная строка текста, которую мы вот можем положить, и человек её прочтёт спокойно, без напряга. Это где-то примерно 700, 800 пикселей максимум. Вот. То есть ширина текста больше 800.

30: Пиксели читается сложно. Нужно пользователю, типа, вот он дочитал, ему надо прям перескакнуть и читать дальше. С другой стороны. Поэтому не вижу здесь смысла в такой огромной контентной области мы могли её уменьшить, сделать побольше эти серые уши даже на таком

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

32: К окончанию контента здесь, поэтому здесь я бы уменьшила контентную область и кнопочку бы прибила.

33: Честно говоря, мне бы ещё хотелось здесь разбавить количество серого.

34: Вот не серого, белого, белого. То есть у нас тут белые карточки, белые инпуты, белые дропдауны белые. Вот эти раскрывашки очень сильно много белого. Поэтому контролы я бы попробовала.

35: Сделать серыми, вот примерно как инпут здесь такого же оттеночка, то есть, чтобы они были, ну, отличались от карточек. Это тоже немножко снизит когнитивную нагрузку. Сейчас очень много вот в этом Пласту белого цвета, но хвалю тут за то, что

36: Правильно используется сайт панели шапка, потому что очень многие ребята, когда делают подобные сервисы, они в шапку пихают динамичный контент. То есть, например, заголовок поиск по странице это динамичн.

37: Контент, то есть у нас как вот такие срмки, на какие части делятся? Весь экран? Господи, там какие-то мотоциклисты гоняют весь экран, сайт, панель и шапка у нас статичные, они от экрана к экрану меняются, максимум навигации.

38: То есть максимум у нас здесь может появиться какая-нибудь стрелочка назад в шапке. Вот, то есть вот эта у нас контентная область, динамичная от экрана к экрану она меняется. Все у нас не может быть такого, что в 1, на 1 странице шапка там

39: 1 заголовком на другой, с другим, что мы сюда пихаем. Вот этот поиск по странице, по контенту, который у нас вот тут находится, нет шапка, сайт панель. У нас динамичные компоненты, которые от страницы к странице меняются очень, очень

40: Немного. Вот я говорю, максимум здесь может добавиться какая-нибудь навигация назад.

41: Так что у нас тут по тексту.

42: А я не вижу. Ну, я предполагаю, что здесь, наверное, 16 или 18 текст. Думаю примерно так. Ну окей, если идти дальше, вот у нас следующий блок. Тут у нас уже хлебные крошки появились.

43: Хорошо, тоже довольно шумно. Ну и размер страницы, конечно. Вот попробуйте это теперь перерисовать на 1600, даже если у вас есть разрешение 1920, то есть вам, пдз, нужно его сделать.

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

45: Здесь хочу сказать, что я здесь хочу сказать, что я здесь хочу сказать.

46: Ну, мне не сильно нравится структура вот этого блока, точнее его верхушки. То есть в целом оно выглядит аккуратно довольно-таки. Ну вот все вот это кроме, наверное, вот этой части, часть к ней тоже вернёмся.

47: Здесь меня смутило бы, ну, количество вот этих белых дыр, ну, то есть тут дыра, тут дыра, вот я бы, ну, я, как понимающая, считаю, что от них в целом можно избавиться как-нибудь, например, сделать это

48: Не в виде вот 3 таких колбасок, а в виде какой-то бента сетки. То есть тут у нас, например, контент, он статичный, он не раскрывается, он у нас вот высоту мы ему поставили все, он такой и будет все внизу. Если у нас осталась дыра, мы можем засунуть

49: Какую-то ещё информацию вот отсюда, например, не знаю, я не понимаю пока что, что будет в экзамене, но возможно имеет смысл. Если там, например, не сильно много информации, то экзамен положить сюда модулем добавить побольше места, потому что внутри тут контента дофига мест.

50: Мы ему даём немного, и плюс тут меня ещё очень сильно смущает вот эта вот танцевальная бригада шевронов, то есть вправо вниз, вправо вниз, вправо вниз не надо так делать.

51: Это отвлекает так, с 1 взгляда и не скажешь, что к чему относится, куда надо нажать и что произойдёт. То есть что я вот если я сюда, я куда-то перейду на другую страницу, а если сюда, то у меня раскроется что-то вниз. Ну короче не особо понятно, честно.

52: Говоря, вот поэтому здесь нужно придумать какое-то другое решение, например, содержание модуля. Да, понятно. У нас аккордеон, а вот это вот переход в, ну получается модуль.

53: Это переход на другую страницу. Я бы, может быть, здесь подумала все-таки уже над какой-нибудь, возможно, кнопкой. Вот здесь она была бы обоснована, потому что у нас в данной карточке есть 2 действия.

54: Есть действие раскрыть, есть действие, перейти. И здесь мы не можем как бы обойтись без кнопки. У нас либо такой вариант 2 шеврона ставить, которые в разные стороны смотрят, либо добавлять кнопку. Я бы между этими вариантами выбрала добавление кнопки, потому что так шевроны выглядят.

55: Это очень тяжело. Далее тоже подсвечу. Может быть, это я душню, но я люблю душнить насчёт типа графики, насчёт политики. Я прям в этом плане докапываюсь. Мама, не горюй. Все висящие предлоги.

56: Я понимаю, что это рыбные тексты, но когда оформляете работы в кейс, следите, чтобы их нигде не было, потому что это сильно бросается в глаза. И у меня прям глаз подёргивается каждый раз, когда я их вижу. Вот, поэтому все мы это у

57: Так, тут у нас шеврон какой-то стал огромный, тут у нас гораздо он меньше вот эти стрелки. Дайте-ка я пойму, что они у нас значат, что они у нас значат. Это у нас

58: 6 модуль непонятно, что значит это эти стрелки.

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

60: Понимаю, что это значит и как этим пользоваться. Вот так вот это тоже очень интересный экран. Он гораздо ещё шумнее, чем предыдущий. Сейчас я посмотрю, че мне там в комментарии кинули. Интересно.

61: Ну вот я не знаю, откуда это взяли, что 1920 это самый большой экран. Нет, это не так. Ну, не самый большой, самый распространённый.

62: Не так, на самом деле, на самом деле, самое распространённое это около 1440, 1600, потому что 1920 это огромные экраны мониторов, они есть совсем не у всех, так как избавиться от виска набирал

63: Плюс пробел блин, у меня mc, я нажимаю шифт команд пробел, вот у меня такая комбинация работает, можно дополнять Артём, а это ваша работа.

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

65: На, на 3 получается, экране. Ну, либо вот здесь, внизу, да, такое чувство, что они из, ну, разные, короче, не из 1 дизайн системы, как будто вот, ну, вот стрелочка у неё бокс, вот это 20.

66: На 20, сама она 6, на 8, а здесь, ну, короче, как будто разные иконки, да, тоже есть такое ощущение. Согласна. Все только это хотел сказать. Спасибо. Да нет, спасибо, что подметил. Действительно, тут и правда, иконки как

67: Будто бы отличаются, они не отличаются сами по себе. По виду они отличаются, потому что вот эта иконка троеточия, она огроменная, то есть она, во первых, втыкается в края, что, ну, как бы в других иконках не происходит такого иконка. Вот контент.

68: Внутри должен немножко от к отходить внутри иконки. Поэтому если её, например, уменьшить и сделать размером как вот эту иконку и положить, например, на какую-нибудь такую подложку, они будут выглядеть как будто они прям братики и сестры. Так

69: Давайте к этому экрану. Интересно. Да, ребят, если вдруг у кого-то есть комментарии у автора работы или автора работы, то поднимайте ручечки, я вас буду вызывать. Звучит страшно немножко. Так что у нас здесь, у нас здесь

70: Очень нагруженная, нагруженный интерфейс. И мы его решили ещё больше перегрузить цветным текстом. Не надо цветной текст вообще, кроме ссылок. Ну и вот всяких таких штук, типа статусных.

71: Я не использую и вам не рекомендую, потому что цветной текст это у нас тоже нагрузка когнитивная. Ну, короче, я бы его здесь оставила черным. Вот я понимаю, что мы его здесь выделили, потому что мы сейчас на 1 модуле, на

72: Находимся, давайте это с помощью вот этой циферки подсветим, а заголовок оставим черненьким, пожалуйста, потому что цвет у нас цвет текста. Вот просто на белом фоне, когда мы делаем цветным, это тоже нагружает интерфейс. Мы здесь стараемся этого не делать.

73: Но тут сразу противоположный комментарий. У нас есть вот тут вот текст, он чёрный, но он на цветном фоне. В таких случаях лучше цвет текста мечить цветом фона. То есть у нас, например, есть вот такой вот цвет.

74: Иконки и его бы или чуть чуть на полтона потемнее, я бы переиспользовал для текста, потому что это просто будет смотреться как такой единый блок, оно все сольётся в хорошую композицию вот здесь, да, если у нас

75: На цветном фоне, вот на каком-то таком элементе согласна, можно использовать цвет. Ну и соответственно вот в таком состоянии как это назвать то, господи, в таком состоянии вот этого блока здесь как будто

76: Чтобы нужно было покрасить в белый цвет эти стрелки, потому что грязновато смотрится вот этот серый на какой-то бирюзовом.

77: Так.

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

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

80: Вот если ты здесь, отзовись, пожалуйста.

81: Походу нет, ну короче в таком случае гадать не буду, думаю возможно менять местами, но опять же есть другие паттерны смены мест. Ну положения объекта на странице как в desktop, так и в мобилке есть такие.

82: 3 точечки, 2 строчки из точек. Короче, ну вы знаете, вот это драк, драк, штука. Ты на неё как бы мышку наводишь, зажимаешь и можешь переносить. Вот, вот эта драк, штука здесь бы подошла, и мы бы избавились от вот этих штук.

83: Вот, вот этих стрелок, тут она как бы, ну а во меняем местами все, тогда спокойно берём эту драк, драк, *** драк и ставим её в начало, чтобы она не спорила с нашим троеточием. Вот и убираем эти стрелки, они здесь не нужны.

84: Я надеюсь, вы поняли, про какую штуку идёт речь, потому что я не знаю, как объяснить. Наверное, сейчас попробуем сделать вот так.

85: Как он называется то, этот компонент драк?

86: Попробуем так поискать.

87: Ну, механика та, но там именно иконка такая специальная обычно стоит.

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

89: Че то не знаю как он называется. Ну что-то с драгом связано. Зажимаешь, перетаскиваешь, вот.

90: Как руку поднять? А Артём там у тебя внизу должна быть, в этой серой панельке внизу. А я просто не нашёл. Я просто хотел тоже дополнить. Вот здесь вот кнопки теория и тест и плюсики вот ниже. Если курсор чуть чуть опустишь.

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

92: Работу, как работают дизайнера, я не знаю, какие здесь есть вводные, какие здесь есть ограничения от разработки. Я знаю, что это сделать возможно. Значит, мы как дизайнеры должны продвигать лучшее решение, потом какие там ограничения на него накинут. Ну, как бы окей, мы под них

93: Должны подстраиваться. Сейчас я разбираюсь с точки зрения дизайна, возможного дизайна это сделать возможно поэтому мы это делаем. Особенно если планируете что-то добавлять в кейсы. И например, у вас там есть какие-то ограничения в компа.

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

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

96: Так.

97: Дальше что тут у нас? Что у нас тест номер 1. Вот честно, тоже вот этот белый, я понимаю, здесь добавили и обводку, а не, не добавили. Это просто тень показалась, тень добавили, она такая вроде бы видная. Ну,

98: Когда отодвигаешься, все равно вот эти блоки, они сильно сливаются с белым экраном на фоне. То есть тут как бы возможно, стоит добавить небольшую обводочку, такую серую, совсем совсем незаметную, чтобы ещё побольше.

99: Эти блоки отделить от фона. Ну и плюс опять же, сильно очень усложнение скролл бар. Нужен ли нам здесь скролл бар? Ну вот если мы раскрыли какой-то определённый блок, давайте мы сразу здесь раскроем все, ну все.

100: Вот эти вопросы в тесте, например. Ну то есть тоже вот у нас скролл бар, и тут у нас возможен тоже скролл бар, короче, очень, очень тяжёлая структура, нужно её обязательно упрощать. Ну и по поводу вот этих кнопок, тут прям че то мне кажется, здесь какой-то баг.

101: Иконками, честно говоря, но они слишком огромные, их надо просто уменьшить, вписать в рамки вот этого фрейма.

102: Так.

103: Дальше. Это у нас очень скучный заголовок. Это модуль и рыбный текст. Окей.

104: Тут вроде бы все вполне себе адекватно.

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

106: Потому что у нас, у всего этого фрейма задана тень. Из за этого у нас серая кнопка на тени начинает ещё, ну, как бы сливаться с фоном, потому что фон у нас под кнопкой за счёт тени становится серым. Фон кнопки серый и серый, плюс серый, равно серый.

107: Поэтому здесь кнопку можно просто вытащить и положить поверх.

108: Вот так. Угу. Угу.

109: Что у нас тут происходит? Вот здесь посмотрим. Тут мы тест 1.

110: Вот тоже вопрос к создателю такой, чтобы мне понять, как работает этот интерфейс. Получается вот это, это переключалка контента справа, да? То есть я нажимаю, у меня открывается какой-то контент справа.

111: Автор, пожалуйста, ответь. Надежда, вроде бы это ваша работа?

112: Ну ладно, подождём, пока автор ответит, я пока продолжу. Зачем я это вообще спросила, потому что если у нас

113: Да, если у нас вот эта переключалка, то есть она переключает контент, то, по идее, здесь неправильно расставлена иерархия заголовков.

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

115: Комментарии. Вот мы находимся на тесте. Окей.

116: Сколько стилей текста нормально на странице мы про это ещё поговорим. Вот, потому что здесь я тоже сейчас хотела сказать про стили текста, что у нас нагрузку когнитивную также увеличивает количество. Слышите? Дайте я вскрою, пожалуйст.

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

118: Упрощать. Нам нужно приводить к 1, например, например, вот у нас тут сейчас, мне нужно сейчас посмотреть, вот у нас тут есть такой вот стиль текста я не вижу здесь, честно говоря, сейчас увижу. Подождите, параграф я не вижу какой здесь

119: Здесь, наверное, 14, исходя из высоты, наверное, здесь 14, 14. Вот у нас описание 14. Здесь у нас описание.

120: Я так полагаю, мне кажется здесь 12, во первых 12 это в принципе очень мало и для мобилки и для desktop это трудночитабельный текст, его мы используем по минимуму, стараемся его использовать в каких-то не знаю.

121: Списках, не знаю, типа, оставляя, нажимаю на кнопку вы соглашаетесь вот это в принципе, окей, но

122: В таком случае здесь я бы использовала все-таки 14, потому что, во первых, мы плодим очень много здесь стилей текста. То есть у нас тут вот 14, вот 12 здесь у нас в заголовке тоже где-то

123: 14, но уже другого начертания цвета. Здесь у нас тоже 12, что как бы не особо читабельно. Здесь у нас 14, поэтому здесь нужно, ну, разобраться, потому что тут сейчас все немножко в каше в плане типа

124: Графики, поэтому нужно здесь разобраться, как мы будем действовать. Если мы здесь меняем, например, на 14 размер текста, то у нас он начинает спорить с вот этим заголовком. Если мы здесь ещё меняем размер текста на 14, то он тоже начинает спорить вот с этим заголово.

125: Потому что этот заголовок тоже также, ну, я точно не уверена, но мне кажется, что этот заголовок тоже где-то 14, вот для заголовков, ну вот таких, типа заголовков я бы сделала размер 16, честно говоря, вот.

126: Для описания 14 здесь тоже 14. То есть тут, в принципе, 12, как будто бы нигде не надо использовать. Вот, да, тут можно почистить ещё стили текста, и от этого интерфейс тоже станет.

127: Спокойно. Вот в хлебных крошках, в принципе, можно использовать 12. Не ругаю за это. Так, если говорить ещё не про текст.

128: Что мне хочется здесь сказать?

129: Ну, не, они тут отличаются, конечно. Ну так вот эти заголовок. И тут заголовок совсем как будто немного отличаются. Ну ладно, допустимо, допустимо отменить, опубликовать кнопки какие-то. Окей, наверное, кнопку отменить лучше.

130: Красить в красный цвет, потом, ну, в такой нейтральный сендере красный не имеется ввиду, делать её ярко красной, а von такой нейтрально красный текст, просто красный, потому что у нас такой pattern уже как будто бы прослеживается. То есть отмена удаления, красный цвет.

131: Его тоже стоит переиспользовать.

132: Тут у нас снова пошли какие-то странные мувы с иконкой. Внезапно она огромная, внезапно, она очень неаккуратная, поэтому её хочется, ну, сделать покрасивше, потому что у нас, в принципе, ну, видишь, везде иконки такие аккуратные, тут внезапн.

133: Херак и такой огромный крест можно использовать примерно вот такой же компонент, примерно такого же раздел размера крестик внутри оставить

134: Так девайдер здесь вообще не нужен, как мне кажется, его тут можно оставить только в начале, как разделение такого типа саммери теста и потом уже сам тест.

135: Поэтому, мне кажется, внутри девайдер не нужен. Можно сделать просто межблочные отступы побольше, потому что дивайдеры, всякие линии это тоже нагрузка, но мы, короче, избавляемся от всего, что необязательно. Пара.

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

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

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

139: Ну, я не сказала бы, что здесь иконки прям сильно близко друг к другу, и можно, ну, промахнуться. Мне кажется, здесь это, ну, как бы, вполне нормальное расстояние. И я не думаю, что здесь пользователь промахнётся. Если б мобилка была, то, скорее всего, да, но мы об этом ещ.

140: Поговорим на других работах, там мобилка есть, там есть что сказать. Та та та та е. Ответа здесь вроде бы все норм.

141: Элемент вот что я говорила по поводу всяких текстов читабельных элементов типа текст эри слишком огромная область, для неё читабельная ширина текста до 800 пикселей.

142: Все, что шире читается, но читается с трудом мы стараемся не делать больше, мы стараемся делать переносы, ну точнее, ограничивать ширину фрейма текста максимум 800 пикселей, поэтому текстария, так как в неё мы вводим текст.

143: Тоже её лучше так прям не растягивать.

144: Так, добавить элемент, я не согласна, что добавить элемент должно быть primary кнопкой, потому что у нас тут уже есть 1 праймери, кнопка на странице, да, возможно, при скролле мы её уже не будем видеть, но праймери кнопка это

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

146: Так.

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

148: Цвета, когда мы можем использовать для выделенных элементов 1 цвет, например, вот этот зелёненький, красивый, так и модалка.

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

150: Да.

151: Ну, в таком случае, как будто, знаете немножко.

152: Не нравится вот этот светофор из кнопок я бы отменить и сохранить черновик поставила бы в ряд, то есть сделала бы их горизонтально рядом друг с другом, потому что здесь у нас пол модалки.

153: Кнопки вот вертикальные кнопки больше 2 использовать немножко тумач поэтому в таком случае их лучше, например, в 1 строчку поставить, сохранить и отменить изменения. Вот так сколько у нас

154: Там прошло времени, прошло у нас 40 минут. Почти можем заканчивать с этой работой, что хочется сказать, что хочется сказать, такая работа пройдёт скорее для какого-то агентства. И то мне кажется немножко с натяжечкой, потому что все-таки визуал супер важен.

155: Здесь очень хорошая есть база визуалов визуала, то есть мне нравятся многие решения. В целом соблюдается какая-то аккуратность, но вот автору данной работы я рекомендую очень сильно обратить внимание на сокращение ненужных каких-то

156: Объектов в интерфейсе, потому что здесь вот убрать ненужное, привести где-то к 1 и уже будет гораздо, гораздо лучше. Но в целом здесь задача такая сложная была. То есть это очень нагруженный прям интерфейс поэтому, ну как бы здесь лёг

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

158: Убираем и не жалеем об этом. Так, сейчас я по вопросам пройдусь. Ой, спасибо, Аня.

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

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

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

162: Вот такого вот так и вот эти уши справа я бы спокойно оставила, потому что это абсолютно нормальная практика. Нам тогда не придётся пытаться этот контент по странице размазывать, он будет стоять более плотненько, но при этом более, ну, как бы логично.

163: Так.

164: По золотому сечению или как их делать в ширину, чтобы красиво было.

165: Ширина навигационной панели. Слушайте, вот здесь хорошая ширина навигационной панели, выбрана. Высота шапки тоже ничё такая. Ну то есть я бы ориентировалась на такие значения, что ширина там где-то до 350. Высота

166: Шапки где-то до 7. Ну наверное до 90 больше уже не стоит делать, но здесь я, я не ориентируюсь ни на какие правила. То есть я обычно фигачу прямо на глаз, мы должны адекватно тоже видеть, насколько, ну как

167: Человек человека эти элементы не будут смущать, то есть они важны, но это все равно навигация. Основной акцент должен идти сюда. Поэтому здесь нам важно, чтобы у нас там ничего не уходило в троеточие. Ничё не липло было свободненько.

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

169: Так, что там ещё было по

170: По вопросам что ещё было?

171: Так, ладно, давайте к следующей работе. Мы прямо засиделись на ней чуть чуть следующую. Давайте для разнообразия посмотрим портфолио. Сейчас я посмотрю, что у меня тут, какие есть портфолио и что мы выберем.

172: Мне хочется очень, что мобилку посмотреть. Тут у нас мобилка есть, тут у нас мобилка. Вот это мы точно посмотрим. Здесь очень прикольное оформление кейсов. Прям с анимацией. Я кайфанула. Давай.

173: Посмотрим, вот это портфолио. Здесь есть мобилка, я бы как раз хотела разобрать мобилку. Ну, короче, вот прям как я буду скринить портфолио. Если бы вы были кандидатом, я зашла, посмотрела опыт, все.

174: Класс. Иду смотреть кейсы. Смотрите, что меня в данной структуре немножко смущает. Я не совсем понимаю. В данном случае это рабочий кейс, не рабочий кейс, когда я не, ну, сомневаюсь.

175: В том, что это кейс. Именно с работой, я Иду смотреть опыт работы сначала, прежде чем погружаться в кейс. Вот, потому что все-таки, ну, если я рассматриваю там на позицию какого-нибудь медла, мне важно, чтобы это были не просто какие-то учебные кейсы, а именно кейсы, которые

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

177: Так, дизайн мобильного приложения криптобиржи с ватными операциями и ордерной торговли. Очень интересно, ничего не понятно. Ну, для тех, кто не в теме, наверное, не особо понятно. Я вот не особо поняла, но это

178: Уже мои проблемы, как говорится. Значит, мне нравится, что мне нравится. Хорошо, что положили картинку с решением. Я очень много вижу ребят, которые в своём портфолио прям сразу сначала начинают писать.

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

180: 1 картинку с интерфейсом. Такая не очень все ушла или да, мне нравится все, тогда я почитаю кейс чуть поподробнее. То есть сначала люди посмотрят ваш visual, Решат. Да нет, если нет, то уйдут. Какой бы тут не был хороший

181: Процесс, если плохой визуал вас не будут рассматривать никуда абсолютно даже в студии. Поэтому visual это то, что нужно качать прям в 1 очередь. Так здесь, например, ну вот я как понимающий, сказала бы, что как бы, да

182: Есть вопросы, но я бы дала этому кейсу шанс. Вот какие именно вопросы я сейчас вам расскажу.

183: Так, давайте немножко ещё по описанию пройдёмся, там все описано, описано. Проблема совершить 1 операцию. Не объяснил порядок действий.

184: Конечно, описано очень классно, но я все-таки за то, чтобы описывать максимально понятно и прозрачно. Блин, ребята, у меня че то микрофон, а все двигается. Я подумала, что меня не слышно, короче, максимально прозрачно. То есть вот я прочита.

185: Это я такая, это доработка текущего интерфейса или это разработка интерфейса с нуля? Неясно. Вот. Ну, я предполагаю, что здесь

186: Наверное, все-таки разработка интерфейса с нуля, но меня сбила с толку вот эта продуктовая проблема, что пользователь не мог безопасно уверенно, т. Т. Т. Т. Приводила к ошибкам ну это скорее не продукто.

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

188: Все понятно, мы создаём с нуля. А тогда откуда у нас эта продуктовая проблема? Как будто здесь немножко сломался сторителлинг. Продуктовую проблему мы выделяем как раз-таки уже после, ну вот, вот этого

189: Кавери, этапы discovery. Соответственно, здесь я бы переформулировала немножко сторителлинг сначала у нас описана просто цель проекта, ну, задача, с которой пришёл к вам чел заказчик, потом у нас исследование.

190: И уже из исследования мы вытащили какую-то проблему продуктовую. Вот. Так что у нас там по комментариям не, вот то, что Кирилл говорил, скорее. Ну, я с этим не согласна. Может быть, конечно, каждый

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

192: Поэтому люди сначала верхнеуровнево оценивают ваш визуал. Я не говорю, что они прям вот так вот всматриваются. Ну вот просто так глянул такой, ну типа, проходит, по моему, вот этому, по моей планке проходит человек, все можно почитать так, сле.

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

194: Было вот такое вот повествование у нас финтех, криптофинтех, в принципе, все, что связано с деньгами, у нас изучено просто с ног до головы уже столько исследований проведено, и меня здесь смутил.

195: Бы, что мы немножко размазываем, ну, как будто работу. И здесь мне очень сильно не хватило этапа исследования из открытых источников. Никогда не забывайте про него, потому что если, ну, многие реальные сайты, они уже

196: Лежат на поверхности, потому что тот же самый Марк сет постоянно анализирует банковские приложения. Я уверена, что в зарубежной стране мира тоже проводятся всякие крипто. Исследования у нас, скорее всего, тоже проводились. То есть здесь я как бы рекомендую

197: Обзавестись какой-нибудь даже бесплатной нейросеткой, типа чата gpt, написать ему там, чел, расскажи мне, какие есть исследования по этой теме. Дай ссылки, дай какие-то выводы, все, потому что этап, ну, отсутствие этого этапа сильно меня смущает. Мы в компании проводим исследования.

198: Крайне редко. И чаще всего мы оставляем, оставляем ресурсы исследователей на то, чтобы посмотреть на наш функционал. То есть мы разработали какой-то новый функционал, мы идём его тестим на пользователях. Понимают ли

199: Как им пользоваться. Вот, потому что большинство исследований реально уже лежат на поверхности. Если мы, например, после того, как исследовали открытые источники, посмотрели, у нас остались какие-то

200: Вопросы тогда да, тогда можно добить все это глубинками, опросами, чтобы приоритизировать данные. Но если этот этап совсем пропускается, это вызывает сильные вопросы, это выглядит немножко как этап ради этапа. Поэтому, пожалуйста, и в тестовых, и

201: И в рабочих задачах, и в учебных кейсах. Не забывайте, пожалуйста, что у нас уже куча исследований сделано. Так, окей, провели исследование ключевые инсайты.

202: Здесь смущает, что не написано, с какой целью было проведено исследование типа здесь просто добавить 1 предложение поисследовать текущий опыт работы пользователя.

203: С криптобиржами все было бы гораздо более понятно. Бэнчмаркинг это прекрасно. Хорошо, что написано, зачем оно было, как оно было. Это замечательно. Бенчмаркинг тоже мы никогда не скипаем. Этот этап важен практически, ну, для 99% за

204: Так, здесь у нас вот так прям класть картинку рандомно не рекомендую здесь просто непонятно что это это или это итоговый интерфейс выглядит?

205: И как как и то и другое типа варфрейм плюс немножко итогового интерфейса, поэтому чуть чуть непонятно.

206: Так, джаббы, окей.

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

208: Посмотрю, потом я дойду до решения, пока я их сопоставлю. Ну, короче, я уже все забуду, поэтому джаббы неплохо было бы прям подкреплять решениями в продукте. То есть как оно в итоге выглядеть то будет вот так.

209: Гораздо удобнее считывать информацию. Я вам потом в своём тестовом покажу, как это может выглядеть. Это. Ну, типа, реально удобно. Ну и тоже самое с продуктовыми решениями. По идее, я бы, ну, их объединила вместе с джабани, то есть джаба, продуктовое реше.

210: Все. И картинка вот это идеальная была бы структура. Вот. Соответственно, мы сначала расписываем, например, там по дджобам какие-то решения, потом идём именно по флоу. То есть flow, 1 контакт, флоу, верификация флоу, там как

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

212: Начать. У нас ссылка на фигму, как будто бы нет, привет, у меня ссылка есть в беседе, я последний раз скидывала на фигму, когда попросили скинуть именно

213: На фигму, а до этого кидала вот этот вот своё портфолио. А, ну ладно, давай так тогда посмотрим. Здесь, в принципе, видно. Ну и давай сразу с самого начала начнём с самого на, блин. Нет. Слушай, какого видно. А можешь сейчас в чат.

214: Закинуть быстренько, пожалуйста, ссылку. Да, конечно, спасибо.

215: Что-то там у вас дискуссия про картинки.

216: Да, ребята, вы тут, конечно, интересные мысли говорите, но я вам как нанимающий говорю, вот именно так происходит скрининг портфолио. Смотрим картинку. Нравится, не нравится.

217: Нравится. Идём дальше, не нравится закрываем, пишем отказ. Все. То есть вы как бы куда её вниз не засуньте, все равно нанимающий пойдёт сначала её искать. Здесь видите, как бы риск в том, что когда вы картинки опускаете, ну, итоговое решение,

218: В самый низ то нанимаешь такой хоп, хоп, хоп, увидит какой-нибудь картинка до с *** интерфейсом или какой-нибудь варфрейм и такой, ну как бы блин, ну грязно, некрасиво все и даже не долистает до вашей итоговой работы поэтому вам

219: Нужно сначала показать, что вот что у меня получилось так. Я умею красиво рисовать.

220: Так, ссылочку скинули. Спасибо.

221: Так, все прекрасно. Давайте смотреть. Мне, в принципе, нравится здесь цветовая гамма, нравится композиция. Ну, тут тоже очень такой приятный, довольно сильный визуал. Здесь я могу доко.

222: До маленьких моментов. Я это, конечно же, сделаю. Я такое делать люблю, например, если мы начнём с этого экрана аккаунт кредит, это замечательно. Честно говоря, я не могу сильно отвечать за зарубежный рынок, но я могу

223: Говорить за наш, российский. Я предполагаю, что правила и там, и там, плюс минус похожи. Вот. Возможно, у нас даже более продвинутые, короче, вот эти точки, они не нужны, в принципе, знаки препинания ненужные, мы их стараемся убирать, потому что они также нагружают интерфейс.

224: То есть мы точки ставим в основном, когда, когда у нас, например, 2 абзаца, если бы было тогда в конце их, конечно же, нужна точка. Здесь у нас 1 абзац. Если убрать точку, мы ничего не потеряем. Интерфейс будет чуть чуть менее нагруженный.

225: Что меня здесь ещё смущает? Меня смущает цвет вот этой кнопки. Она грязная, она смотрится как лужица Грязи, немножко на таком тёмном фоне. Поэтому здесь её хочется сделать, ну, во первых, не слитным цветом, а

226: Полупрозрачным, то есть взять белый цвет фона, уменьшить у него прозрачность процентов до 10. Вот, и тогда она будет и подстраиваться немножко под зелёный фон, потому что у нас тут, несмотря на то, что уже градиент как будто бы не доходит, он

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

228: Вот здесь, например, кнопка выглядит почище. Ну, она прям гораздо, гораздо чище выглядит. Вот. И я понимаю, почему вот этот токен цвета они использовали тут, потому что он бы здесь сливался, соответственно, опять же, ещё point в пользу

229: В пользу использования прозрачных токенов для фона кнопок вот таких секондари, чтобы они накладывались на разные бэкграунды. Вот.

230: Так, по вопросам давайте посмотрю уже потом. Да, кстати, ребят, я тут скрыла немножко панельку, и я не видела себя и не видела ваши поднятые руки, поэтому, надеюсь, никто не

231: Поднимала руки. Так, экранчик загрузки. Хорошо. Здесь у нас что, описания какие-то вот Фил юнит, вот лично меня смущает ещё скругление, я ещё это сразу заметила, что здесь как будто как будто

232: Немножко странно сосуществуют круглые скругления и вот такие вот квадратные скругления. Ну, например, давайте здесь посмотрим. У нас скругление 16, здесь у нас скругление 12. Вот почему объекты с одинаковой шириной приводим.

233: К 1, например, 16. Здесь у нас скругление 10 тоже зачем, не знаю. И это прям видно. То есть я с 1 взгляда заметила, что че то здесь не то со скруглениями я бы везде здесь использовала 16, потому что, в принципе,

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

235: 13 размер текста для для мобилки в целом он существует, его использовать можно, но надо понимать, нужно ли его использовать. То есть у нас для айоса, например, мы часто используем

236: Линейку 13:15. Ну а дальше уже можно типа 16, 17 вообще по размерам текста мобилки вы можете с абсолютно разными решениями сталкиваться. Вот кто-то использует для айоса.

237: 2 кто-то не использует только кратное 2. Тут абсолютно разные решения могут быть. Но я здесь к тому, что в целом, как будто бы 13 мы стараемся использовать. Ну вот прям, если сильно необходимо, сделать текст небольшим. А так у нас средний какой-то раз

238: Текста, описания, где-то 15 примерно. Вот поэтому я бы здесь сделала 15.

239: Так, Артём, что ты хотел сказать? Давай расскажи про скругление мнения. Да, да, да, это я просто хотел предположить. Ну что, на разных объектах разной величины, например, одинаковое скругление.

240: Разному смотрится. И я предполагаю, что тут просто пытались визуально к какому-то 1 виду как-то подогнать поэтому разные скругления ну то есть там вот большая плашка, где баланс тут сколько там было? 16

241: Угу. Вот на других там меньше 10, да, да, это так все. Но здесь, видишь, вот я понимаю, когда скругления делают меньше вот в таких, то есть они прям сильно меньше по размеру, соответственно.

242: Если мы здесь поставим скругление 16, тут, скорее всего, будут шарики, ну или, ну да, около того. Вот я сейчас поставила скругление 16, и оно смотрится хорошо. То есть мы можем тут привести к 1 спокойно. Здесь вообще у этой плашки у неё ширина такая же, как у вот

243: Плашки, поэтому делать скругления разными вообще не имеет смысла. Вот. Угу. Угу. Я бы тоже их увеличила просто, ну, реально такие острые углы, они прям в глаза бросаются, и сразу возникает ощущение, что что-то не так. Угу. Понял. Спасибо.

244: Угу. Да, кстати, ещё вот по поводу кнопки. Не очень красиво, когда у нас скругление прям кругленькое и внезапно тут такой уголочек появляется. Это случается, когда у нас кнопки круглые.

245: Уголочки, ну, типа, сами вот эти скругления, они не такие круглые, и от этого случается такое не очень красивое, не очень красивое решение. И, в принципе, на самом деле это нормально, с таким живут, и оно вполне себе работает. То есть здесь, ну, как бы

246: Понимаете, не совсем в нашей власти, например, изменить дизайн систему, хотя во многих дизайн системах кнопки, они 2 видов типа круглые и квадратные, ну точнее, прямоугольные. У нас, например, так, у нас есть и круглые, и прямоугольные, конечно.

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

248: Вариант с квадратными кнопочками это норм. Так, кстати, я сейчас поняла, что я тут могу редактировать. Сразу покажу, что вот с этой кнопкой я имела ввиду сделать. Берём белый фон и просто уменьшаем прозрачность. Все

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

250: Вот контрастность, она была сильнее, потому что на многих экранах телефона она может вообще сливаться с фоном, и тогда её вообще никто не увидит. Поэтому вот было принято решение её сделать. Но сейчас я понимаю, что нужно опять отменять. Блин, а это интерес.

251: Мнение, конечно. Ну, блин, она может сливаться, если мы поставим какой-нибудь слитный цвет. Вот я поставила, который у тебя на той кнопке тогда сливается. Если мы ставим прозрачность, она у нас в любом случае, на

252: Кладывается на фон и она не будет сливаться. То есть даже если мы там ещё 1 кнопку поверх поставим, вот они никогда не будут сливаться, потому что они прозрачные.

253: Так, дальше вот этот экран, в принципе, выглядит прикольно. Очень много здесь маленьких элементов, которые, как мне кажется, тяжеловаты для клика. Вот такое решение. Вот это уже вот по поводу области клика.

254: Мобилки мы тыкаем большим толстым пальцем. Соответственно, такие штуки лучше делать побольше, давать им больше область клика, то есть даже не сами иконки делать больше, а именно область кликов. И в целом можно, наверное, переместить куда-нибудь сюда иконку и

255: И за счёт этого сделать ей побольше. Область клика. И что ещё можно сделать? Можно саму иконку чуть чуть увеличить. Она сейчас такая немножко небольшая, можно немножко побольше сделать. Так кто-то у нас опять руку поднял.

256: Говорите. Алло, меня слышно? Да, отлично. А вот там вот на 1 экране я заметил ошибку. И на 3 тоже, это не, нет, которая выше, выше, самый первоначальный, где Скипо.

257: Да, там проблема с расстояниями между блоками, то есть они одинаковые. Плюс на 4 я тоже увидел проблему с отступами. Там вот, да, где-то идёт вот аккаунт регион, я английский, меня

258: Плохой, там 1 расстояние, потом идёт документ тайп, там уже другое расстояние. То есть здесь проблема прям с отступами, я заметил. Так, ну вот здесь я сразу скажу, что это не совсем проблема. Здесь проблема, наверное,

259: Скорее не с отступами, а с размером вот этих вот этого заголовка, потому что это разные сущности. Это у нас лейбл, который прибит к инпуту, это лейбл, который внутри компонента находится, а это у нас именно заголовок, то есть заголовок, а

260: Потом дальше мы перечисляем все, все, что относится к заголовку, но это хорошо, что подметил, потому что, ну, за счёт этого мы делаем вывод, что у нас сущности сливаются, нам надо как-то их разделить, например label у инпута в принципе, час.

261: Делают цвета секондари, то есть он не должен, наверное, быть таким прям сильно выбивающимся.

262: Вот, все, понял. Спасибо. Так, ребят, что-то у меня ноутбук начинает разряжаться. Я думала не хватит зарядки, поэтому я сейчас на секундочку отойду, быстренько верну зарядку. Да, интерфейс классный. Согласна в целом.

263: Ну вот если бы я его смотрела, я бы, наверное, он бы прошёл мой скрининг, потому что действительно здесь много мелких ошибок, но в целом он выглядит таким довольно собранным, красивым. Так, опять же, так.

264: Заметитесь, пожалуйста, Евгения, спасибо. Мы убираем ненужное. Мы убираем двоеточие, они тут не нужны. Двоеточия нам нужны, когда у нас вот перед двоеточием предложение и после двоеточия предложение так, в заголовках вообще.

265: Нам не нужны эти двоеточия, так что ещё по крупным ошибкам я тут хотела сказать по крупным ошибкам. Я тут что хотела сказать?

266: Светлую тему тоже надо будет 1 глазком глянуть. Тёмная тема сделана довольно-таки грамотно. Вот опять же, здесь меня очень сильно смутили вот эти вот квадратные скругления, прям сильно они выглядят квадратными на фоне всего интерфейса.

267: Вот этот интер, вот этот экран, очень интересный, что мы на нём делаем? Мы на нём что-то покупаем. L, dont have assets. Это типа варианты, которые я должна выбрать.

268: Ну, типа, если я, у меня нет какого-то Асета, то я выбираю питу, пи или receive. Если есть, то выбираю депозит, правильно? Автор работает и здесь. Да, да, все верно. Вот здесь у меня структура экрана.

269: Смущает, я бы на самом деле поменяла её чуть чуть на, например, какой-нибудь сегмент от контрол сверху я выбираю там i dont have или i. Have вот и за счёт этого у меня меняются способы оплаты, и меня очень смутило здесь отсутствие.

270: Кнопки, то есть вот когда мы пользователю не даём какую-то кнопку внизу, его на самом деле это сильно путает, он не знает, че ему делать. Вот. Поэтому я бы здесь сделала в формате каких-нибудь радиобаттонов, например.

271: И далее кнопку продолжить. Почему я реши? Ну, как бы, считаю, что здесь лучше все это сегмент контрол закрыть, потому что если у меня нет какого-то крипто сата, зачем мне видеть эти опции, они мне недоступны.

272: Поэтому здесь, опять же, чтобы пользователя разгрузить, лучше все это разделить по 2 экранам. Ну, по сегменту контрол. Так, давайте.

273: Быстренько белую тему глянем. Вот, кстати, графики. Я вообще молюсь на людей, которые умеют делать красивые графики. Этот график очень нагруженный, но он в рамках адекватного, то есть здесь в рамках адекватного все размеры текста, потому что графики, они у нас всегда

274: Ничего не сделаешь. Как правило. Вот. И в целом выглядит очень здорово. Я, честно говоря, в графиках не особо разбираюсь. Никогда их, ну, практически не делала. Вот, но выглядит это, впечатляя

275: Так, пойдёмте быстренько белую тему глянем. Здесь у меня тоже вопросики немножко к серому цвету. Что-то он у нас сильно грязнит, тут серый цвет, вот этот бг, сендере. Ну тоже, наверное, я бы через прозрачность его сделала, но не обязан.

276: Но, мне кажется, его нужно сделать оттеночком чуть чуть посветлее, совсем немножко. Примерно, наверное, как-то так. Может быть, 4%. Но вот тот токен, который стоял вот здесь, он грязноватый, чуть чуть, чуть чуть он

277: Грязноватый плюс, по моему, такой серый, он желательно, чтобы уходил немножко в голубизну. Такой чуть чуть, чуть, чуть, чуть чуть такой голубоватый, чтобы он был, это смотрится более аккуратно, чем

278: Когда он уходит в другой оттенок, типа красный, например, вот, вот такой, мне кажется, хороший. Я бы его использовала.

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

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

281: Этих пунктиков.

282: Так.

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

284: Мы по приложению стараемся делать все консистентно, даже не в рамках 1 экрана, а в рамках вообще всего приложения. У нас есть такая карточка, есть такая карточка, они у нас сейчас отличаются во всем скругление, размер заголовка, размер описа.

285: Все отличается. То есть здесь у нас описание 13, здесь у нас описание 15 заголовок 18. Заголовок 15. Мне больше нравится вот эта структура карточки, она выглядит поаккуратнее. Единственное, может быть, я бы побольше сделала размер описания. Вот.

286: Я к чему? Я к тому, что все это у нас должно быть консистентно. То есть, чтобы собрать вот такую карточку, я бы использовала, ну, как бы, структуру вот этой карточки, чтобы у нас были консистентные заголовки, описания, отступы и так далее.

287: Вот так было бы более правильно.

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

289: Цвет на белом фоне, я не знаю. Вебинар смотрю. Лиза, можете заметиться, пожалуйста. Не знаю. Так удобно. О, боже, ***. Простите. Ничего, бывает, ничего.

290: Страшного. Так, да, грязненький цвет, поэтому мы его тоже стараемся убрать, но он тогда будет сливаться с серым фоном, с белым фоном. Что мы в этом случае можем сделать? Мы можем немножко градиенты расплавить. Сейчас я пойму, как он у нас тут сделан.

291: Радиальный градиент мы можем попробовать вот этот зелёный спустить немножко вот сюда короче, сделать так, чтобы он чуть чуть на этот QR-код налезал, чтобы он его границы расчерчивал в целом здесь и без границ.

292: Выглядит как бы нормально, я не скажу, что меня прям сильно смущает QR-код есть, его хорошо видно не сливается с фоном в целом зашибись, можно попробовать добавить какую-нибудь тень, но опять же, мне кажется здесь это совсем не обязательно.

293: Так.

294: Лк лк.

295: Тоже ненужные. То, что Арсен Маркарян очень похож. Так, смотрите, во первых, отличаются у нас иконки, кажется, или меня уже глаз замылился, но у меня такое

296: Ощущение, как будто вот эта иконка жирнее вот этой иконки. Ну, не критично, но как бы все равно мой глаз за это зацепился, они как будто тоже из разных Паков у нас вот дальше здесь не нужен нам девайдер, мы спокойно

297: Можем от него здесь избавиться. Мы стараемся не нагружать наш интерфейс. И хотела тут ещё какие-нибудь большие ошибки подсветить, например. Ну вот эта кнопка редактировать, мне кажется, выглядит очень неаккуратно. Её мож.

298: В принципе, убрать отсюда и добавить в шапку у нас есть прекрасное место справа для этой иконки почему-то у нас конфирм конформ и change аккаунт, мне кажется.

299: Они как будто должны быть поменяны, ну, как бы обменяться иерархией у нас как будто бы

300: Что вообще значит у нас вот эта кнопка confirm, что мы именно конформи. Так, короче, давай сначала про change аккаунт всякие кнопки типа выйти из аккаунта, закрыть, завершить. Это не action.

301: Не должно быть, как? Давай, сделай это, тем более, ну, как бы, сменить аккаунт. Наверное, это такое действие ухода из аккаунта не самое приоритетное для нас, как для бизнеса, поэтому делаем её секондари. А вот

302: Я не понимаю, что значит кнопка confirm, что именно мы здесь подтверждаем, мы вроде бы находимся не в, ну, как бы, не в состоянии редактирования, насколько я поняла, поэтому не совсем понятно. Но если у нас, например, да, что т.

303: Остаётся 1 кнопка change аккаунт она не должна быть коллекшн, мы не должны человеку говорить типа давай смени аккаунт, это не обязательно.

304: Так, и по вот этой дизейбл кнопке, ну она больше имелось ввиду, что когда нажимаешь на 1 из список, там vip лавелл, когда выбираешь, он как бы выбирается, но не сохраняется, нет подтверждения и поэтому есть.

305: Кнопка как бы подтвердить вот эти вот моменты выбора. Угу.

306: Интересно.

307: Я поняла, но это не должно быть на этом экране. То есть это должно быть конкретно на том экране, где мы что-то меняем, где мы, например, вот тут, если что-то меняем, мы заходим в тему, выбираем тему, подтверждаем все это не должно быть вот здесь, здесь уже

308: Пользователь забудет, что ему нужно было подтвердить, что он поменял.

309: Так, а, блин, я зарядку подключила только к розетке, а к ноутбуку не подключила.

310: Так вот эта кнопочка, она у нас какая? Она у нас дизейбл, и она спроектирована, ну как бы правильно, но, по моему, грязновато, чтобы нам показать, что эта кнопка нерабочая, нам достаточно положить серое на серое

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

312: Вот такое типа а phone кнопки делаем не таким грязненьким вот так она выглядит и, но она при этом выглядит ну так аккуратнее гораздо.

313: Так, ага, давайте потихоньку к другой работе переходить, потому что у нас время идёт очень быстро, быстрее, чем я ожидала. Вот. То есть моё саммери по этой работе, и она бы прошло моё ревью. Тёмная тема.

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

315: Цвета и так далее. Там, где это не надо, прямо следите за этим. Это очень важно. На это очень сильно обращают внимание. Вот. А так мой скрининг, вот эта работа прошла бы

316: Так что дальше посмотрим, что дальше. А вот давайте вот это посмотрим, потому что здесь очень интересное оформление кейса. Так, ребята, по вопросам, по вопросам у нас времени не сильно много. Давайте вопросов.

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

318: Кейсы. Я вот когда зашла, оно все так показывается красиво. Анимашка, анимашка, вот это классное оформление. Я очень люблю запоминающиеся кейсы. Я вообще считаю, что вот когда у нас охрененно огромная конкурен,

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

320: Вы сначала должны собрать хороший кейс. Если у вас остаётся время, ресурсы, делайте какую-нибудь такую красоту, чтоб было красиво. Вот это по приоритету должно быть менее важно, чем собрать хороший кейс, но это будет плюсом. Вот.

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

322: Экраны самые удачные, самые красивые экраны выбирайте для привьюшек, потому что по ним нанимающий решит смотреть портфолио дальше или нет.

323: Так, о компании, о проекте.

324: Хорошо. И разработка корпоративного b2b дашборда. То есть тут, ну, разработка борда с нуля меня вот путает, когда в цели пишут, уменьшить какую-то, типа, ну, грубо говоря, метрику потом.

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

326: Там сотрудники делают это таким образом. Это не очень классно, мы хотим им помочь, поэтому мы разрабатываем дашборд. Вот тоже классные очень анимашки мне понравились. Красиво здесь, конечно, на фоне

327: Этого вот этой большой картинки ничё не видно, честно говоря, приближать придётся. Угу.

328: Ой, вернитесь. Так, ну давайте. Проблема кейса. Ага.

329: Так, тут у нас опять исследования. Окей, окей, окей, окей. Наблюдения, гипотезы.

330: Так, меня больше интересует решение, решение, решение.

331: Так, ага, вот у нас тут есть прототип, я его уже тыкала, кстати.

332: Здесь прикольно сделано, что можно прям в реальном времени потыкать. Так, если по визуалу говорить, что я могу здесь сказать, в целом выглядит аккуратно. Меня здесь смущают какие-то небольшие моменты. Меня

333: Например, сильно смущает, что у нас шапка не доходит до конца краёв. Я не знаю, это выглядит супер непривычно. Обычно у нас шапка типа прям в края врезается. У нас вот этот вот голубой фон должен быть только для контентной области. Здесь она просто висит немноже.

334: Странно, я бы её сделала врезающейся в края, и сама высота шапки, как мне кажется, её можно сделать поменьше.

335: Не знаю, мне кажется, она здесь сейчас довольно большая. Я думаю, её можно уменьшить и импут. Ну типа, это ж поиск по сервису, он нам всегда должен быть доступен, да, но его не обязательно здесь делать таким огроменным. Его можно сделать поменьше, в высоту и из за того, что у нас больше

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

337: Ой, мне там кто-то орёт на улице, так.

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

339: Пройдёмся, что так, что ещё по визуалу меня тут смущает.

340: Вот тут, наверное, к ux больше вопрос. Вопрос к автору работы. Вот мы нажимаем на вот эти заголовки. У нас переход в, ну, в раскрытую информацию с помощью сайт панели. Вопрос, а везде ли у нас такой флоу, то есть, например, дни

341: Тени, недавние чаты, отсутствующие события это все также будет открываться в сайт панели.

342: Меня слышно? Да, да. Ну на самом деле не все, например, те же день рождения и отсутствующие. Это по факту ссылка на табель происходит вообще, это же mvp у нас и к сожалению все функции есть и

343: И смотрится с точки зрения масштабируемости бизнеса. Угу. Вот, вот так отвечу.

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

345: Я просто не доделал здесь проблема не в том, что нет этих экранов. Здесь проблема в том, что оно не должно так работать. У нас не должно по клику на один и тот же контрол на 1 и том же экране раскрываться 2, ну как бы 2 разных действия быть. То есть вот у нас тут

346: Заголовок шеврон. У нас открывается сайт панель. Все пользователь ожидает, что везде так будет, везде откроется сайт панель. Мы не должны менять это действие. Если у нас, ну, как бы мы хотим, чтобы 2 было разных действия, нам нужно в данном случае сделать 2 разных

347: Controlla это там, не знаю, перейти на страницу и посмотреть подробнее ну короче, их разделить надо, потому что, ну по 1 и тому же контролу это один и тот же контрол внутри очень похожих блоков, они должны работать.

348: Абсолютно одинаково.

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

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

351: Могу нажать. Ага, тут мы. Угу.

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

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

354: Пользователь не ожидал от них одинакового поведения.

355: Так.

356: Давайте дальше, давайте дальше. Давайте дальше.

357: Мне бы прямо экраны посмотреть, прямо экраны посмотреть. Мне не нравятся здесь вот эти теги, которые просто висят где-то в пространстве, они как будто ни к чему не

358: Ну, немножко странно. В общем, у нас тут как бы 3, 3 уровня текста, здесь ещё он цветной, мне кажется, его можно было бы завернуть на подложку и положить рядом с датой. Это выглядело бы более скомпонованно. Вот. Плюс такое форматирование.

359: Text ну тоже такое себе хочется увидеть прям 2026, потому что выглядит это на самом деле даже более нагружено, чем если бы мы написали 2026.

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

361: Да, вообще, я бы убрала, опять же, чтобы не нагружать сильно интерфейс. Просто 2 кнопки секондари поставить, иконки можно убрать. Они здесь как-то совсем несуразно смотрятся сейчас. Ну, типа, они огромные по сравнению с текстом, поэтому просто

362: 2 кнопки завернуть рядышком поставить и убрать иконки. Так, и тут у нас какое-то тестирование. Ну я хотела бы ещё по визуалу немножко, ну, visual выглядит как такой, типа средненький корпоративный визуал, то есть он выглядит, ну,

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

364: У нас там вот на прототипе это хорошо видно, что у нас одни и те же элементы работают на 1 экране по разному, поэтому здесь я бы обратила внимание на вот эти небольшие моменты на ux, потому что с визуалом, ну плюс минус тут база.

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

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

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

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

369: На это внимание. Вот.

370: Так что у нас с вами по времени уже чуть чуть мы выбиваемся. Давайте я вам быстренько покажу своё тестовое и будем потихоньку закругляться. Нет? А извини пожалуйста.

371: А можно последний краткий вот вопрос, а в целом это норм или нет? Вот как вот просто глобальная оценка. Смотри, наверное, наверное, сейчас напомни ты.

372: Ты на кого поддаёшься сейчас?

373: Ну, вообще планирую продуктовый дизайнер или икс, ну вот, b2b сас платформа, то есть все такое, смотри, вот для студии это хорошо, это точно. Ты пройдёшь и по визуалу, и по проблемам, ну, проблемам, господи.

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

375: Опыта работы, но на медла от тебя будут также требовать опыт работы. Я вот не увидела, он у тебя есть, по моему там что-то было написано. В общем, если в купе с этим смотреть, то кейс

376: Хороший, но есть моменты, которые меня смущают. Я думаю, что все-таки на медла он немножко слабоват и за счёт сторителлинга, и за счёт визуала. То есть, когда подаёшься уже на медла, не должно быть таких моментов, что смущает что-то в визуале.

377: Смущать, может, ну типа, что-то в процессе, может немножко что-то в решениях, но смущать вот именно по визуалу и по каким-то таким базовым иксовым моментам на медла не должно быть, если там нанимающие какие-то

378: Такие моменты находит. Он, скорее всего, такой, типа, ну, немножко не дотягивает. Вот.

379: Так, сейчас мне надо перераздать демонстрацию.

380: Как мне найти себя? Все? Нашла наконец то такс, такс, такс, такс. Да не за что сейчас.

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

382: Короче, что здесь нужно было сделать? Была дана задача есть приложение альфа бизнес, внутри которого есть раздел реферальной программы, описаны точки входа, и нужно было проанализировать текущий интерфейс.

383: Ну и сделать его лучше, короче, во всех планах и в ux, и в ui, в каком году это я делала год назад.

384: Текущий интерфейс был дан вот такой довольно ***, не очень красивый, я бы так сказала. И давайте по этапам расскажу, что я делала, как я это описывала. Короче, вот то, что я говорила, визу

385: Мы сразу выносим наверх, мы сразу показываем, как у нас выглядит решение. Только после этого мы описываем весь процесс. Я написала, какие я шаги выделила, какие этапы у меня были.

386: Потребности бизнеса, то есть прежде чем анализировать интерфейс, я в целом собрала какие-то, ну типа вводные по задаче, какие метрики, на какие метрики мы должны повлиять, зачем пользователям

387: Это надо. Поэтому я здесь расписала основную метрику в целом тоже пользуйтесь. Обычно в продукте, над которым вы работаете, есть основная метрика. В данном случае в реферальной программе. Это конверсия в рекомендацию какого-либо из продуктов. Копирование ссылки.

388: И есть какие-то второстепенные метрики, которые, на которые мы можем повлиять, но как бы это будет, будет, не будет и в принципе ладно, это вот типа ревеню репит кастомерс LTV и для пользователей я тоже.

389: Писала зачем, кто это? Зачем им заходить в раздел и, ну и какие-то, может быть дополнительные цели раздела, типа видеть баланс баллов, как получить баллы, как потратить баллы. В общем, все, что мы делаем с бал.

390: У нас как бы пользователь, который заходит в рефералку, он получает за рекомендацию баллы и, соответственно, все, что с этим связано с баллами, тоже может быть как дополнительная задача.

391: Да, это тестовая, нами 2.

392: Сколько дней, по моему, там дня было? 2 или 3, не больше. Я довольно быстро его делала. Вот. Далее я прописала джобы, мне они здесь очень сильно помогли. Они, в принципе, довольно полезные, если их правильно прописывать.

393: Ну, когда мы делаем джипы, мы как бы понимаем, что нужно пользователям, какие у них есть задачи, какие они хотят выполнить действия для чего. То есть у меня здесь получились, там я хочу быстро найти нужный продукт в разделе, хочу поделиться ссылкой на все.

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

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

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

397: Вот и далее бенчмаркинг тут я анализировала всякие рефералки, в основном биту сишные, потому что b2b я не пользуюсь.

398: Вот, и далее у меня уже после этого произошёл анализ текущего интерфейса, я его проанализировала и на ux, и на ui по визуалу здесь улучшить надо было абсолютно все, по моему мнению, потому что здесь все было.

399: Сделано заголовки все одноуровневые, иерархия расставлена хреново, какие-то огромные чёрные кнопки. Вот. Ну и собственно, после этого у меня уже описание решений основных, что я сделала, я доба

400: Разделы. Ну, короче, разделила информацию по разделам, потому что страница и так довольно длинная. Если у нас появится много продуктов, то какая-то информация про получение и трату баллов у нас вообще уходит в самый низ.

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

402: Люди переходят сначала в чтение информации о продукте, им важно понимать, что они рекомендуют своему другу, что они не фуфло какое-то рекомендуют, поэтому они переходят по клику сюда и отсюда уже рекомендуют.

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

404: Потому что это технически сложно, но она есть у конкурентов. Её я посмотрела, у авито, у авито есть прикольная фича отправление, ну, типа, всей витрины, там у них тоже реферралка для продавцов какая-то есть, я уже не помню, честно говоря, но там тоже

405: А есть, я её там посмотрела, вот, и разделила, короче, в зависимости от контекста, способы, рекомендации, можно отправить ссылку, если чел не рядом, можно поделиться, если чел рядом. Вот.

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

407: Как бы друзей бизнесменов или они об этом не знают. Мы предполагаем, что, ну, предлагаем какие-то типа через контакты определять, ну то есть изучать его поведение внутри нашего приложения, изучать.

408: Кому он переводит, может быть контрагентам каким-то переводит там на т банк деньги, и мы их там считываем, показываем, что вот давайте ему можете предложить, мы вам заплатим, короче, собирать информацию и рассказывать, что вот

409: Можешь порекомендовать этим то людям и кошку свою показала все. Вот у меня было немного времени, поэтому я это не добивала никаким её x тестом, плюс я ротировалась тогда, то есть прихо.

410: Ходила из 1 команды в другую, и у меня был такой немножко быстренький процесс найма, более упрощённый, наверное. Вот. Поэтому мне, когда дали это тестовое, сказали, в 1 очередь будут смотреть на visual, потому что в моей команд

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

412: Бы никакого смысла, я бы от неё сейчас попробовала избавиться или сделала бы, не знаю, может быть, как-то покрасивше, немножко по другому. Ну, в принципе, мы как бы и так переработали этот раздел, так что тестовый мне prego.

413: Мы кое-какие фичи отсюда забрали в итоге в рефералку. Вот если бы я это делала как какое-то идеальное тестовое, я бы все это добила. Наверное, юикс тестом посмотрела бы, как люди понимают функционал, потому что

414: Такое глобальное изменение раздела, его нельзя выкатывать без ux теста. Это прям, ну типа, мы же меняем абсолютно полностью. Нам надо понять вообще люди понимают, что вот это можно тыкать, понимают, что здесь твой баланс, а здесь, там заработанное за все время.

415: На рекомендациях, поэтому данный функционал я бы потестировала. Вот так сейчас я быстренько ваши вопросы

416: Вопросы расскажу, так что там по вопросам?

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

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

419: В основном, основываясь на своём субъективном мнении. То есть я сама посмотрела такая, ну, наверное, вот так вот. И, короче, выделила их, кстати, да, вот по поводу того, как можно было бы это тестовое, ну,

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

421: Так.

422: Да, это, этот раздел боже, это ios. Я на самом деле с айосом работать ужасно тяжело, я уже убиваюсь, потому что у нас каждый, ну как бы каждый релиз это

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

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

425: Кажется, сейчас уже никуда не берут. Так, запись будет. Мы записываем и вопрос. А ты? Ну да, star. Вот кор.

426: Здесь такой момент. Если у вас, например, на тестовое дано сильно мало времени и вы не успеваете, то вы хотя бы просто напишите, что далее вы бы провели ux тест, ну то есть напишите о каких-то этапах, которые вы бы провели, но которые вы не успели, например,

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

428: Функционал, так как защищали тестовый, да, просто на созвоне, вот буквально так же, как с вами сейчас сначала рассказала полностью про весь процесс, потом мне начали задавать вопросы, я на эти вопросы отвечала и все, да.

429: Часто задают вопросы, да, часто задают вопросы, которые вас, ну, как бы, введут в ступор, часто спрашивают, типа, не знаю, там.

430: Ну вот как вы считаете, вот это решение нормальное? Я вот считаю, что оно не очень хорошее. Ну, короче, задают такие конфузные вопросы немножко, чтобы посмотреть, как вы отрабатываете негативную обратную связь. Вот, чтобы вы, например, ну, не уходили в 2 крайности, не ухо.

431: Или в 1 крайность. Это безосновательная защита своего решения и в другую крайность это да, да, вы как бы выше меня по грейду. Значит вы точно знаете все, вы точно правы. Нужно просто, типа, послушать и сказать, типа, нет, я считаю, вы не правы, потому что

432: Или да, вы правы, согласен, было бы здорово переделать. Вот поэтому.

433: Да так, на технических собеседованиях по кейсам.

434: Ох, ребята, очень много вопросов вы там задаёте?

435: То есть ты уже работала в альфа джуном, не джуном работала. Я говорю, что это уровень тестового на медла примерно. Ну, я бы не сказала, что он отличается там на сеньора, на медла примерно 1 и тоже. Вот.

436: Так, давайте последний вопросик на технических собеседованиях по кейсам из портфолио спрашивают или по тестовым заданиям?

437: Смотрите этапы, давайте я сейчас демонстрацию вырублю и расскажу так, по этапам собеседования, что у нас обычно происходит, ну, тех,

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

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

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

441: Вот, так что это 2 разных собеседования на 1 вас спрашивают про ваш опыт, на 2 вас гоняют именно по тестовому. Так, все, ребята, давайте потихоньку закругляться, мы с вами чуть чуть пересидим.

442: Очень рада была всех видеть. Спасибо, что подключились, надеюсь.