Чизайн
854 subscribers
351 photos
103 videos
97 links
Ищу свой пэшн. В основном, ною про работу и капитализм.


dm → @saykov
Download Telegram
Media is too big
VIEW IN TELEGRAM
Еще пример про отзывчивость элементов

Помните, я недавно писал про трясущейся экран в Дискорде и отзывчивость интерфейсов ? Я нашел ещё один пример!

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

Механика, как мы уже знаем, не оригинальная, но подойдет как пример в копилку «отзывчивых интерфейсов».
5
Что не так с этой ↑↑↑ механикой?

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

Для начала давайте попробуем описать всю механику по порядку:

1. Для блокировки и разблокировки нужно сделать одну и ту же цепочку действий, long tap по картинке и свайп вправо.

2. Выбранная функция подсвечивается светлым кружком;

3. Отличие между блокировкой и разблокировкой только в том, что во втором случае иконка замочка становится открытой (попробуйте это заметить);

4. При применении обеих функций картинка остается статичной.

Далее посмотрим на основные проблемы!
6
Итак, Проблемка_1 из предыдущего поста ↑↑↑

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

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

На видосах выше можно сравнить как было в оригинале, и как мне кажется можно сделать.
👍42
Разбор следующей проблемки, дай бог будет завтра.
Что-то я переоценил свои силы с написаием этих постов ))
😁4
Проблемка_2

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

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

1. Во-первых, этот «указатель» не может быть представлен как-то визуально, потому что юзер должен понимать, как будет выглядеть сториз после публикации; другими словами, если заблюрить что-то или нарисовать замочек, то это не поможет, потому что исказит воприятие;

2. Во-вторых, заблокировать можно и картинку, и стикер, и текст, а это вводит еще больше ограничений на способы показать «заблокированность»;

3. Ну и в-третьих, я же сам начал с противоположного тезиса, мол зачем что-то рисовать, если можно показать реакцию элемента на действие пользователя;

В итоге, не так велика цена, что юзер случайно тыкнет в заблокированный элемент. Ну типа будет там 1-2 элемента заблокированных, ну ладно. Это же не табличку на 1,000 строк прокликивать )))
😁21
Но зато я подумал ещё над вчерашней идеей про анимацию и чуть-чуть её развил.

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

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

И ещё, справедливости ради, замечу, что я тут вообще не претендую на экспертизу в анимациях или подобных аппках. Мне просто кажется, что это прикольная задачка на подумать, мол "а как еще можно показать блокировку нагляднее?"
3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Только сейчас заметил эту ↑↑↑ дичь в фигме!

Почему это дичь? Потому что я целюсь в Detach, а мне вместо этого попадаю в Select. Как результат я нахуй промахиваюсь 🤡

Ну и нет, это не похоже на «защиту от дурака». Хотя бы потому что есть cmd+z и это действие не критичное. Крч 100% дичь!
💯9😱81😁1👨‍💻1
Media is too big
VIEW IN TELEGRAM
Пум-пум-пум-брюм

Сейчас увидел прикольную штучку в обзоре на Vision Pro, которая отсылает к моему вечному разговору про ощущения от интерфейса.

Только сначала посмотрите отрывок из обзора ↑↑↑ обязательно со звуком. Обратите внимание на звук, который издает гаджет при повороте головы ведущего. Такой, как будто бутылочка с водой наполняется. Этот звук как бы сообщает «ты всё правильно делаешь, ага, ещё чуть-чуууууть ииии всё готово». И это сууууупер кайфово! Ну типо это звучит очень натурально, хотя вообще-то тут происходит сложный процесс.

Мне супер нравятся когда Эппл делает такие вещи. Другой запоминающийся пример это звук при оплате Apple Pay. Но, справедливости ради, там интерфейс еще и графически сообщает.

Этот же отрыков, но на юпупе (там и полный обзор): https://youtu.be/hdwaWxY11jQ?si=KrYqBoKSZoaJoHvE&t=728
🔥5
Не нравится низкий контраст между картинками ↑↑↑ Product collection и Store spotlight. Вроде как такие картинки должны помогать отвечать на вопрос: «в чем разница?» - а они как-будто ещё больше запутывают. Вот попробуйте без изучения описания понять в чем разница.

btw это скрин запуска рекламных кампаний в Амазоне
5
Математика

1. Добрую половину жизни, класса с 5-го, у меня проблемы с математикой. Как-то раз я пропустил неделю занятий и вот я уже ничего не понимаю. Последующие объяснения учителя или родителей, не слишком помогали.

2. Тот факт, что у меня есть проблемы с думаньем про цифры меня оч сильно угнетал. Как-то раз на собеседовании в одну контору меня попросили назвать 10% от 100, и я не смог (прикол, да). Крч, перманентно я чувствовал себя тупым потому что не знал какой-то базы.

3. К счастью, после магистратуры я чётко понял одну вещь - научиться можно чему угодно, главное «время и практика».

4. Собственно, я уже 2,5 месяца занимаюсь в приложении Brilliant (и это не реклама). Это просто чудо! Потому что разработчики супер наглядно объясняют как понимать и решать уравнения и пр. штучки. А ещё, там есть курсы по логике и обучению нейронок. Единственная проблемка - апка на английском. Получается, что написано понятно, но на другом языке. Но я считаю это эдакой практикой языка ))

5. Конечно, я сейчас не могу однозначно сказать, мол «вот 2 месяца порешал уравнения и стал сверх-человеком». Вообще нет! Буквально сегодня я минут 20 пытался понять как нужно считать наклон у графика. Но за эти 2,5 месяца у меня как будто повысилась самоуверенность и более чуткое внимание к числам. Ну типо знаете, видишь презентацию с чиселками, и быстренько их проверяешь, а не просто принимаешь как данность.
11
Daddy’s back!

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

btw, ещё я понял, что хочу всё тут поменять, так что ожидайте изменений в идеологии и оформлении канала.
26
Очевидные факты про Figma Dev mod

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

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

Ссылка на Loom →
❤‍🔥20