Итак, Проблемка_1 из предыдущего поста ↑↑↑
Проблемка: Невыразительный отклик на блокировку элемента. Под «невыразительным» я подразумеваю, что формально действие показано, но по факту оно плохо считывается.
Как мне кажется, решить эту проблемку можно малыми силами даже не создавая новые сущности. Например, можно чуть-чуть подкрутить анимацию и через контрастк откликов карточки передать ощущение, что она приобрела новую модальность.
На видосах выше можно сравнить как было в оригинале, и как мне кажется можно сделать.
Проблемка: Невыразительный отклик на блокировку элемента. Под «невыразительным» я подразумеваю, что формально действие показано, но по факту оно плохо считывается.
Как мне кажется, решить эту проблемку можно малыми силами даже не создавая новые сущности. Например, можно чуть-чуть подкрутить анимацию и через контрастк откликов карточки передать ощущение, что она приобрела новую модальность.
На видосах выше можно сравнить как было в оригинале, и как мне кажется можно сделать.
👍4❤2
Разбор следующей проблемки, дай бог будет завтра.
Что-то я переоценил свои силы с написаием этих постов ))
Что-то я переоценил свои силы с написаием этих постов ))
😁4
Проблемка_2
Здесь должно было быть описание второй проблемы этой ↑↑↑ механики из инсты, но я понял, что нет никакой проблемы. Тю-тю.
Но раз уж я нагнал интригу, то расскажу о чем думал. Мне показалось, что вторая проблема — это отсутствие некоего «указателя», который будет подсказывать юзеру, мол «элемент заблокирован». Но потом я лучше понял контекст задачи:
1. Во-первых, этот «указатель» не может быть представлен как-то визуально, потому что юзер должен понимать, как будет выглядеть сториз после публикации; другими словами, если заблюрить что-то или нарисовать замочек, то это не поможет, потому что исказит воприятие;
2. Во-вторых, заблокировать можно и картинку, и стикер, и текст, а это вводит еще больше ограничений на способы показать «заблокированность»;
3. Ну и в-третьих, я же сам начал с противоположного тезиса, мол зачем что-то рисовать, если можно показать реакцию элемента на действие пользователя;
В итоге, не так велика цена, что юзер случайно тыкнет в заблокированный элемент. Ну типа будет там 1-2 элемента заблокированных, ну ладно. Это же не табличку на 1,000 строк прокликивать )))
Здесь должно было быть описание второй проблемы этой ↑↑↑ механики из инсты, но я понял, что нет никакой проблемы. Тю-тю.
Но раз уж я нагнал интригу, то расскажу о чем думал. Мне показалось, что вторая проблема — это отсутствие некоего «указателя», который будет подсказывать юзеру, мол «элемент заблокирован». Но потом я лучше понял контекст задачи:
1. Во-первых, этот «указатель» не может быть представлен как-то визуально, потому что юзер должен понимать, как будет выглядеть сториз после публикации; другими словами, если заблюрить что-то или нарисовать замочек, то это не поможет, потому что исказит воприятие;
2. Во-вторых, заблокировать можно и картинку, и стикер, и текст, а это вводит еще больше ограничений на способы показать «заблокированность»;
3. Ну и в-третьих, я же сам начал с противоположного тезиса, мол зачем что-то рисовать, если можно показать реакцию элемента на действие пользователя;
В итоге, не так велика цена, что юзер случайно тыкнет в заблокированный элемент. Ну типа будет там 1-2 элемента заблокированных, ну ладно. Это же не табличку на 1,000 строк прокликивать )))
😁2❤1
Но зато я подумал ещё над вчерашней идеей про анимацию и чуть-чуть её развил.
Я добавил замочек над элементом в первую секунду блокировки. Почему замочек над элементом? Потому что элемент может быть маленьким, и поэтому центрированный замочек может просто перекрыть сам контент.
Конечно, хотелось бы еще, чтобы замочек защелкивался, а не просто стоял, но я не готов тратить время на создание или поиск такой анимации.
И ещё, справедливости ради, замечу, что я тут вообще не претендую на экспертизу в анимациях или подобных аппках. Мне просто кажется, что это прикольная задачка на подумать, мол "а как еще можно показать блокировку нагляднее?"
Я добавил замочек над элементом в первую секунду блокировки. Почему замочек над элементом? Потому что элемент может быть маленьким, и поэтому центрированный замочек может просто перекрыть сам контент.
Конечно, хотелось бы еще, чтобы замочек защелкивался, а не просто стоял, но я не готов тратить время на создание или поиск такой анимации.
И ещё, справедливости ради, замечу, что я тут вообще не претендую на экспертизу в анимациях или подобных аппках. Мне просто кажется, что это прикольная задачка на подумать, мол "а как еще можно показать блокировку нагляднее?"
❤3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Только сейчас заметил эту ↑↑↑ дичь в фигме!
Почему это дичь? Потому что я целюсь в Detach, а мне вместо этого попадаю в Select. Как результат я нахуй промахиваюсь 🤡
Ну и нет, это не похоже на «защиту от дурака». Хотя бы потому что есть cmd+z и это действие не критичное. Крч 100% дичь!
Почему это дичь? Потому что я целюсь в Detach, а мне вместо этого попадаю в Select. Как результат я нахуй промахиваюсь 🤡
Ну и нет, это не похоже на «защиту от дурака». Хотя бы потому что есть cmd+z и это действие не критичное. Крч 100% дичь!
💯9😱8❤1😁1👨💻1
Media is too big
VIEW IN TELEGRAM
Пум-пум-пум-брюм
Сейчас увидел прикольную штучку в обзоре на Vision Pro, которая отсылает к моему вечному разговору про ощущения от интерфейса.
Только сначала посмотрите отрывок из обзора ↑↑↑ обязательно со звуком. Обратите внимание на звук, который издает гаджет при повороте головы ведущего. Такой, как будто бутылочка с водой наполняется. Этот звук как бы сообщает «ты всё правильно делаешь, ага, ещё чуть-чуууууть ииии всё готово». И это сууууупер кайфово! Ну типо это звучит очень натурально, хотя вообще-то тут происходит сложный процесс.
Мне супер нравятся когда Эппл делает такие вещи. Другой запоминающийся пример это звук при оплате Apple Pay. Но, справедливости ради, там интерфейс еще и графически сообщает.
Этот же отрыков, но на юпупе (там и полный обзор): https://youtu.be/hdwaWxY11jQ?si=KrYqBoKSZoaJoHvE&t=728
Сейчас увидел прикольную штучку в обзоре на Vision Pro, которая отсылает к моему вечному разговору про ощущения от интерфейса.
Только сначала посмотрите отрывок из обзора ↑↑↑ обязательно со звуком. Обратите внимание на звук, который издает гаджет при повороте головы ведущего. Такой, как будто бутылочка с водой наполняется. Этот звук как бы сообщает «ты всё правильно делаешь, ага, ещё чуть-чуууууть ииии всё готово». И это сууууупер кайфово! Ну типо это звучит очень натурально, хотя вообще-то тут происходит сложный процесс.
Мне супер нравятся когда Эппл делает такие вещи. Другой запоминающийся пример это звук при оплате Apple Pay. Но, справедливости ради, там интерфейс еще и графически сообщает.
Этот же отрыков, но на юпупе (там и полный обзор): https://youtu.be/hdwaWxY11jQ?si=KrYqBoKSZoaJoHvE&t=728
🔥5
Не нравится низкий контраст между картинками ↑↑↑ Product collection и Store spotlight. Вроде как такие картинки должны помогать отвечать на вопрос: «в чем разница?» - а они как-будто ещё больше запутывают. Вот попробуйте без изучения описания понять в чем разница.
btw это скрин запуска рекламных кампаний в Амазоне
btw это скрин запуска рекламных кампаний в Амазоне
❤5
Математика
1. Добрую половину жизни, класса с 5-го, у меня проблемы с математикой. Как-то раз я пропустил неделю занятий и вот я уже ничего не понимаю. Последующие объяснения учителя или родителей, не слишком помогали.
2. Тот факт, что у меня есть проблемы с думаньем про цифры меня оч сильно угнетал. Как-то раз на собеседовании в одну контору меня попросили назвать 10% от 100, и я не смог (прикол, да). Крч, перманентно я чувствовал себя тупым потому что не знал какой-то базы.
3. К счастью, после магистратуры я чётко понял одну вещь - научиться можно чему угодно, главное «время и практика».
4. Собственно, я уже 2,5 месяца занимаюсь в приложении Brilliant (и это не реклама). Это просто чудо! Потому что разработчики супер наглядно объясняют как понимать и решать уравнения и пр. штучки. А ещё, там есть курсы по логике и обучению нейронок. Единственная проблемка - апка на английском. Получается, что написано понятно, но на другом языке. Но я считаю это эдакой практикой языка ))
5. Конечно, я сейчас не могу однозначно сказать, мол «вот 2 месяца порешал уравнения и стал сверх-человеком». Вообще нет! Буквально сегодня я минут 20 пытался понять как нужно считать наклон у графика. Но за эти 2,5 месяца у меня как будто повысилась самоуверенность и более чуткое внимание к числам. Ну типо знаете, видишь презентацию с чиселками, и быстренько их проверяешь, а не просто принимаешь как данность.
1. Добрую половину жизни, класса с 5-го, у меня проблемы с математикой. Как-то раз я пропустил неделю занятий и вот я уже ничего не понимаю. Последующие объяснения учителя или родителей, не слишком помогали.
2. Тот факт, что у меня есть проблемы с думаньем про цифры меня оч сильно угнетал. Как-то раз на собеседовании в одну контору меня попросили назвать 10% от 100, и я не смог (прикол, да). Крч, перманентно я чувствовал себя тупым потому что не знал какой-то базы.
3. К счастью, после магистратуры я чётко понял одну вещь - научиться можно чему угодно, главное «время и практика».
4. Собственно, я уже 2,5 месяца занимаюсь в приложении Brilliant (и это не реклама). Это просто чудо! Потому что разработчики супер наглядно объясняют как понимать и решать уравнения и пр. штучки. А ещё, там есть курсы по логике и обучению нейронок. Единственная проблемка - апка на английском. Получается, что написано понятно, но на другом языке. Но я считаю это эдакой практикой языка ))
5. Конечно, я сейчас не могу однозначно сказать, мол «вот 2 месяца порешал уравнения и стал сверх-человеком». Вообще нет! Буквально сегодня я минут 20 пытался понять как нужно считать наклон у графика. Но за эти 2,5 месяца у меня как будто повысилась самоуверенность и более чуткое внимание к числам. Ну типо знаете, видишь презентацию с чиселками, и быстренько их проверяешь, а не просто принимаешь как данность.
❤11
Чизайн
Математика 1. Добрую половину жизни, класса с 5-го, у меня проблемы с математикой. Как-то раз я пропустил неделю занятий и вот я уже ничего не понимаю. Последующие объяснения учителя или родителей, не слишком помогали. 2. Тот факт, что у меня есть проблемы…
Я не знаю, как вас учили решать уравнения в школе, но меня с вот этого разнесло в щи!
Может быть я всё забыл. Может быть нам преподавали как-то по другому. Но я сильно прифигел, что уравнения можно решать ВОТ ТАК!
Может быть я всё забыл. Может быть нам преподавали как-то по другому. Но я сильно прифигел, что уравнения можно решать ВОТ ТАК!
Daddy’s back!
Ну что, забыли уже про канал, а я вот про вас не забыл. Каждый день думал. Не буду утомлять вас долгими объяснениями своего отсутствия, скажу лишь, что совмещать курс по сербскому и курс по фронтенду — не самая умная затея. Зато я нагенерил много контента для вас и скоро им поделюсь. Стэй тюнд.
btw, ещё я понял, что хочу всё тут поменять, так что ожидайте изменений в идеологии и оформлении канала.
Ну что, забыли уже про канал, а я вот про вас не забыл. Каждый день думал. Не буду утомлять вас долгими объяснениями своего отсутствия, скажу лишь, что совмещать курс по сербскому и курс по фронтенду — не самая умная затея. Зато я нагенерил много контента для вас и скоро им поделюсь. Стэй тюнд.
btw, ещё я понял, что хочу всё тут поменять, так что ожидайте изменений в идеологии и оформлении канала.
❤26
Очевидные факты про Figma Dev mod
Короче, один из любопытных инсайтов, который я узнал на курсе по фронту, звучит так: «Всем полезно, если дизайнер собирает компоненты в фигме чётко». И это довольно очевидная мысль. Все про это знают. Но тут я прям понял, как это работает.
Записал вам лум на 4 минуты, с наглядным пояснением, как хорошо собранный компонент помогает фронтам делать свою работу быстрее и качественнее.
Ссылка на Loom →
Короче, один из любопытных инсайтов, который я узнал на курсе по фронту, звучит так: «Всем полезно, если дизайнер собирает компоненты в фигме чётко». И это довольно очевидная мысль. Все про это знают. Но тут я прям понял, как это работает.
Записал вам лум на 4 минуты, с наглядным пояснением, как хорошо собранный компонент помогает фронтам делать свою работу быстрее и качественнее.
Ссылка на Loom →
Loom
1000 и 1 очевидная вещь от Вовы ))
undefined
❤🔥20
Рекламные флаеры
К черту посты про интерфейсы, давайте лучше поговорим про рекламные флаеры!
Недавно я нашёл в почтовом ящике вот такой ↑↑↑ набор флаеров. Моё внимание привлёк один из них, тот, что в центре, «водоинсталатер Милан». Он как-то приятно выделяется на фоне остальных ребят. За счёт небольшого количества начертаний и малой плотности информации он выглядит более спокойно и уравновешенно на фоне остальных. И от этого, как будто, больше доверия к специалисту (ну, на взгляд человека из РФ, за сербов не скажу). Но на этом интересные вещи не заканчиваются.
Мне кажется, что человек, который верстал этот флаер, вдохновлялся версткой лендингов. Ну, типа, смотрите: 1) вся информация разбита по визуальным блокам; 2) блоки растягиваются по ширине формата, но с отступами от края; 3) внизу стоит узенький блочек, типо как CTA-кнопка; 4) ну и вот эти скругления, отсылающие к интерфейсам из дриббла.
Я, конечно, всем этим тейком натягиваю сову на глобус, но мне кажется, что это прикольный пример того, как решения из веба вот так непосредственно перетекают на печатную продукцию.
К черту посты про интерфейсы, давайте лучше поговорим про рекламные флаеры!
Недавно я нашёл в почтовом ящике вот такой ↑↑↑ набор флаеров. Моё внимание привлёк один из них, тот, что в центре, «водоинсталатер Милан». Он как-то приятно выделяется на фоне остальных ребят. За счёт небольшого количества начертаний и малой плотности информации он выглядит более спокойно и уравновешенно на фоне остальных. И от этого, как будто, больше доверия к специалисту (ну, на взгляд человека из РФ, за сербов не скажу). Но на этом интересные вещи не заканчиваются.
Мне кажется, что человек, который верстал этот флаер, вдохновлялся версткой лендингов. Ну, типа, смотрите: 1) вся информация разбита по визуальным блокам; 2) блоки растягиваются по ширине формата, но с отступами от края; 3) внизу стоит узенький блочек, типо как CTA-кнопка; 4) ну и вот эти скругления, отсылающие к интерфейсам из дриббла.
Я, конечно, всем этим тейком натягиваю сову на глобус, но мне кажется, что это прикольный пример того, как решения из веба вот так непосредственно перетекают на печатную продукцию.
❤9😁7
Чизайн
Рекламные флаеры К черту посты про интерфейсы, давайте лучше поговорим про рекламные флаеры! Недавно я нашёл в почтовом ящике вот такой ↑↑↑ набор флаеров. Моё внимание привлёк один из них, тот, что в центре, «водоинсталатер Милан». Он как-то приятно выделяется…
«Водоинсталатер Милан» и его downsides ))
Сори, не могу не задушнить насчет вёрстки самого флаера. Уж простит мне мою слабость.
Во-первых, если посмотреть на этот флаер обособленно от других, то становится видно, что свёрстан он неаккуратно. Ну т.е. буквально у каждого блока своя высота и свои скругления. Нет никакой системности (лол, системность в вёрстки флаеров).
Во-вторых, на флаере нет графических подсказок. Ну типо там куча цифр и надо разгадывать, где телефон, где время работы. И это можно было бы решить парой, благородно спизженных из интернета, иконок.
Сори, не могу не задушнить насчет вёрстки самого флаера. Уж простит мне мою слабость.
Во-первых, если посмотреть на этот флаер обособленно от других, то становится видно, что свёрстан он неаккуратно. Ну т.е. буквально у каждого блока своя высота и свои скругления. Нет никакой системности (лол, системность в вёрстки флаеров).
Во-вторых, на флаере нет графических подсказок. Ну типо там куча цифр и надо разгадывать, где телефон, где время работы. И это можно было бы решить парой, благородно спизженных из интернета, иконок.
❤8👍2