Media is too big
VIEW IN TELEGRAM
Еще пример про отзывчивость элементов
Помните, я недавно писал про трясущейся экран в Дискорде и отзывчивость интерфейсов ? Я нашел ещё один пример!
Оказывается, в Инсте, пока готовишь сториз можно запинить картинку, чтобы случайно её не смахнуть. Но если попытаться её подвинуть, то в ответ картинка будет реагировать известной нам «трясучкой». Ну и тем самым сообщать, мол «никуда не сдвинусь».
Механика, как мы уже знаем, не оригинальная, но подойдет как пример в копилку «отзывчивых интерфейсов».
Помните, я недавно писал про трясущейся экран в Дискорде и отзывчивость интерфейсов ? Я нашел ещё один пример!
Оказывается, в Инсте, пока готовишь сториз можно запинить картинку, чтобы случайно её не смахнуть. Но если попытаться её подвинуть, то в ответ картинка будет реагировать известной нам «трясучкой». Ну и тем самым сообщать, мол «никуда не сдвинусь».
Механика, как мы уже знаем, не оригинальная, но подойдет как пример в копилку «отзывчивых интерфейсов».
❤5
Что не так с этой ↑↑↑ механикой?
Вообще, мне кажется, что ребята из инсты эту механику пока что только тестируют и поэтому забили на выдрачивание интерфейса. Но в целях саморазвития, мы эту штуку поразбираем!
Для начала давайте попробуем описать всю механику по порядку:
1. Для блокировки и разблокировки нужно сделать одну и ту же цепочку действий, long tap по картинке и свайп вправо.
2. Выбранная функция подсвечивается светлым кружком;
3. Отличие между блокировкой и разблокировкой только в том, что во втором случае иконка замочка становится открытой (попробуйте это заметить);
4. При применении обеих функций картинка остается статичной.
Далее посмотрим на основные проблемы!
Вообще, мне кажется, что ребята из инсты эту механику пока что только тестируют и поэтому забили на выдрачивание интерфейса. Но в целях саморазвития, мы эту штуку поразбираем!
Для начала давайте попробуем описать всю механику по порядку:
1. Для блокировки и разблокировки нужно сделать одну и ту же цепочку действий, long tap по картинке и свайп вправо.
2. Выбранная функция подсвечивается светлым кружком;
3. Отличие между блокировкой и разблокировкой только в том, что во втором случае иконка замочка становится открытой (попробуйте это заметить);
4. При применении обеих функций картинка остается статичной.
Далее посмотрим на основные проблемы!
❤6
Итак, Проблемка_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