REBOOT STUDIO
1.78K subscribers
299 photos
77 videos
5 files
227 links
REBOOT (цифровая студия от SETTERS): rebooot.me

Делимся мыслями, новинками и опытом работы с технологиями: от web и UX/UI до игр, AI, web3

Разбавляем своими кейсами, концептами и просто внутренней кухней.

связь: @zero1two || @ssbortsov
Download Telegram
утром под кофе зайдет подборочка:

"меня там опять тегнули на трендвотчинг, поэтому сори, снова галерея 😐

привет-привет 🖖
в лесу кто-то умер - в питере солнце. рабочее настроение под угрозой, и самое время вдохновиться божественной красотой смещенной строки. самое свежее из внутрянки процесса по BODIUM."

1. https://www.behance.net/gallery/97244173/Studio-Maertens-Industrial-Design-Studio-Website

2. https://www.behance.net/gallery/97428485/Sabor-a-mi-Fashion-Branding-Package-Webdesign

3. https://www.behance.net/gallery/89651037/kaper-travel-brand-design-website-launch?tracking_source=for_you_feed_activity

#trendwatching #typography #composition
что состоит из 3-х букв, на этом сидит уже миллионы людей, которые покупают и чуть меньше тех, кто распространяет и за это пока не сажают?

конечно, это NFT. Тема не новая, переживает уже не первую волну хайпа, но только сейчас начинает обретать системный характер и формировать полноценный рынок (который так-то уже перевалил за $200кк только за март 2021, что больше, чем за весь 2020).

Собрал несколько статей, которые помогут разобраться в чем дело, как это работает и как создать свой NFTтокен и продать

1. Немного вводной о том, что это и с чем едят
2. Как создать свой токен (спойлер: проще, чем получить инвайт в клабхаус)
3. А что по регулированию? (не все так просто. пока)

Мы тут, так случилось, проводим небольшое исследование темы, если интересно узнать про это больше — жми куда сердце подскажет

#trends #nft
Channel photo updated
В пятничный вечерок предлагаю посмотреть подборочку с интересными механиками и сторителлингом в рамках рубрики от нашего дигитал-продюсера Даши :)
#trendwatching

1) Космическое наслаждение, история про космос, мечты и полет. очень приятный стиль иллюстраций и красивая история. Внутри сайта еще и игровая механика внедрена.

https://tothestars.worldoftanks.eu/en/stages?stage=1

(кстати, очень приятно поскролить и в обратном направлении).

2) Сайт посвящен какой-то красной корове, но это неважно.
Очень милая механика: ты можешь записать свой смех и тем самым сделать благотворительный взнос + послушать смех других людей со всей планеты. Забавно же)

https://100ytlc.com/en-en/explore/


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

https://gucciladybug.gucci.com/
это утро под кофе начнем после небольшой паузы с #trendwatching

1. https://manifesto.androll.fr/ — как отказаться от скролла в принципе? Фигма, миро и прочие тулзы уже давно используют формат открытого пространства для решения функциональных задач, а тут его используют как часть дизайна (ну, и для навигации, конечно). Хочется изучать.

2. https://brunoarizio.com/ — не новый сайт, но тут хорошо все: стиль, как работают с вертикальным скроллом. Ничего не раздражает, не смотря на использование таких, казалось бы, непривычных для людей механик.

3. https://gigarama.ru/russianpanteon/ru/ — да, этот сайт не идеален, но тот факт, что у нас появляются такие проекты меня радует. Кажется, подобные сайты можно изучать в рамках школьной программы, а не рассматривать одинокую фотографию в учебнике. Лайк.
Залетаю с перерывом на обеденный #trendwatching

1. https://onedollarlesson.com
касперский в формате интерактивных лекций рассказывает показывает различные сценарии защиты от злоумышленников при манипулировании деньгами в интернете.
Сторителинг работает как нужно, пользователю дается минимум информации, которая хорошо укладывается в голове и максимум анимированных аналогий.

2. https://flipaclip.com
сайт показывает пример, как можно на этапе онбоардинга пользователя закрыть все ожидания от приложения. Особенно понравилось визуальное описание функций и перекладывание их на пользовательский опыт.


3. https://ipeksu.az
интересный способ визуализировать преимущества продукта с небольшой обманкой в скролле. Скролля вниз, движение продукта идет вверх и показывает
продолжаем #trendwatching и готовим серию уже более полезных постов. камингсун

1. https://www.m-trust.co.jp
Некоторая компания, которая решает соц.вопросики в сфере недвижимости. Но судя по главному экрану — они скорее занимаются подпольно выращиванием растений через нейросетки)

Использованная библиотека JS добавляет некоторого антуража и желания задерживаться на некоторых разделах. Плюс микро интересные решения по UX. Так что даже на японском сайте нет ощущения потерянности))


2. expo.dmlainfo.fr
Виртуальная выставка, которая позволяет понять, что видит человек с болезнью AMD (дистрофия сетчатки глаза), посмотрев на нее глазами, имеющих этот недуг.

Сайт цепляет атмосферой, благодаря дополнению музыки и рассказа. Для тех, кто знает французский — будет вдвойне интересно. Сайт построен целиком на JS фреймворке, что позволяет ему стабильно работать и использовать нестандартные решения)
Очень актуальная статейка про раздражающие моменты в интерфейсах. буквально вчера опять страдал от нового интерфейса будильника на айфоне, поэтому попала прямо в душу :)

парни собрали данные на примере продуктов, которыми мы все пользуемся каждый день: tinkoff, ios, spotify (по методу first click, который базируется на простом ключевом показателе эффективности интерфейса — это то, насколько успешно пользователь начинает решать задачу".)

Попробуйте пройти небольшой тест перед прочтением статьи

По результатам исследований, если первый клик был верным, то вероятность успешного завершения пользовательского сценария составляет 87%. Те, кто при первом нажатии попадают не туда, выполняли задачу лишь в 46% случаев.

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

Да, что уж там, у парней и сервис есть душевный для проверки креативов, интерфейсов. Будем пробовать.
и сегодня нам подвезли очередную порцию #trendwatching
как раз в обед к десерту

1▪️https://juanmora.co/ - сайт бесконечного скролла (хотя он все-таки не бесконечный). Просто очень прикольная идейка, ховеры, анимация и копирайт.

2▪️https://kffein.com/en - простой и понятный сайт агентства в Монреале. Классическая черно-бело-красная цветовая гамма, приятные ховеры. Нравится идея с курсором в виде боксерской перчатки (появляется внизу в блоке с вакансиями). Предлагаю заглянуть в меню и посмотреть также другие странички их сайта.

3▪️https://menudurable.ca/en/ - очень красочный гайд по сбалансированному питанию. Каждая страничка – своего рода глава гайда с описанием продуктов, интересными фактами и даже рецептами.
и вновь начинаем утро с #trendwatching под кофе

1. http://nuro.co/
Тут на мой взгляд визуальный образ сайта идеально соответствует предмету, который он продвигает. Типографика, цвета, продукт - все говорит о минимализме. При всей простоте нам заботливо рассказывают как определять время на часах.

2. https://guide.so-edinenie.org/audio
Студия Лебедева создала гайд по адаптации сайтов для людей с нарушениями слуха и зрения. Сайт дает не только правила по адаптации, но и возможность прочувстовать на себе каким образом люди взаимодействуют с сайтами. Очень рекомендую почитать для расширения кругозора)

3. https://www.pola.com/wecaremore/
Манифест производителя крема для рук. На довольно короткой страничке с зацикленным скроллом они с помощью иллюстраций и анимации передают свою философию. Как через продукт они заботятся о трех составляющих: человек, общество, планета. Интересно как с помощью центрального элемента (рук) передается настроение того или иного смыслового блока.

4. https://www.usedrop.io/
Слежу за вебфлоу и попался интересный сайтец. Маркетинговая платформа с новым подходом к маркетингу. Не оч понятно как это работает. Но мне понравилось как они ведут пользователя. Инверсия скролла будто ведет тебя наверх к чему то. Ты начинаешь восхождение где то в темном и надоевшем месте, потом ты как бы переходишь какую то черту и делаешь глоток свежего воздуха,а завершением твоего восхождения служит форма заявки. Оч понравился блок, где показано, какие бренды уже присоединились к ним.
как часто в брифах можно увидеть "хочу как у apple"? у нас это частая история, чаще, наверное, в какой-то момент было только "хотим как у пышечной" :)

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

для ленивых есть прямая ссылка на miro, где можно на какое-то время залипнуть и точно приблизить свои защиты/презентации к формату "как у эппл"

ps в комментах к статье, здраво заметили, что у советской пропаганды был фреймворк не хуже. если у кого-то под рукой есть подробные материалы на тему, то поделитесь плз :)
Нравится изучать подобные эксперименты и вообще всё, что связано с работой мозга. Не факт, что это "в лоб" поможет с интерфейсом, но точно поможет больше понимать людей и то, как они воспринимают все вокруг 🕷
#research #brain #yeahsciencebitch
Forwarded from Кнопочка
Закопалась во всяких диссертациях и статьях на тему когнитивной нагрузки. Кажется, нашла несколько интересных исследований с неочевидными выводами 🤓

🔸 Страдательный залог повышает когнитивную нагрузку
Суть:
в 2012 году проверили, как предложения в страдательном и действительном залогах влияют на когнитивную нагрузку.
Людям за рулем автомобиля зачитывали разные сообщения и следили, как меняется качество вождения. Потом участников эксперимента также просили пройти тест на понимание полученной информации.
Результат: выяснилось, что качество вождения при восприятии предложений в страдательном и действительном залогах почти не отличалось. А вот в тестах водители допускали намного больше ошибок, когда речь шла именно про страдательный залог. Люди путались в событиях и не понимали, кто какие действия совершал.

🔸 Когнитивная нагрузка делает нас недоверчивыми
Суть:
эксперимент проводили с помощью экономической игры в доверие. Правила сложно объяснить кратко, но суть такая: два человека меняются друг с другом деньгами. Сумму перевода они определяют сами, интуитивно или на основании действий оппонента.
Одну группу игроков просили запомнить сложный пароль, а второй не давали никакой дополнительной нагрузки.
Результат: те, кто не получал дополнительной нагрузки, вели себя рационально — их решения были логичным ответом на ход соперника. На щедрость отвечали щедростью, а если соперник хитрил — начинали меньше ему доверять.
А вот поведение людей, которые держали в голове пароль, было импульсивным и со стратегией соперника не совпадало. И вообще эти люди меньше доверяли оппоненту, жадничали и не хотели делиться деньгами.

🔸 Разметка мешает восприятию текста
Суть:
в рамках исследования студентов просили прочитать два текста о глобальном потеплении. Один текст был размечен (в нем было содержание, подзаголовки, списки и т.д.), а другой нет.
Потом участникам давали тест на понимание информации. А еще просили оценить сложность текстов, мотивацию их читать и предположить, насколько успешно они справились с проверочным заданием.
Результат: студенты ожидаемо отметили, что размеченный текст читать проще и приятнее, а результаты теста будут отличными. Со сплошным текстом все наоборот: сложный, читать не хотелось, тест завалили.
Но реальные результаты оказались противоположными. Сплошной текст усвоили хорошо, в заданиях по нему почти не было ошибок. Результаты по тексту с разметкой были намного хуже. То есть разметка создает дополнительную нагрузку и отвлекает от содержания.
Выходит интересный парадокс: сплошной текст воспринимают лучше, но читать его не хотят. Поэтому, при всех недостатках, разметку лучше использовать.
Веб-дизайн веб-дизайном, но когда ты подходишь к задаче проектирования UX/UI, то всегда сталкиваешься с моментом, в котором нужно влезть в шкуру пользователя и прочувствовать его опыт (на поздних стадиях, конечно, помогают оценить более объективно UX-тесты, но мы пока не про это).

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

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

А для знакомства с темой вот вам
"6 когнитивных искажений, которые влияют на выбор покупателя" от одного канала, на который стоит подписаться:
1. Эффект знакомства с объектом
2. Боязнь потери
3. Эффект компромисса
4. Эффект фрейминга
5. Эффект IKEA
6. Эффект Пельцмана

ps возможно, я доберусь до нашей старой серии постов от "Доктора Нейро" и реанимирую оттуда статьи, которые мы когда-то писали в еще досеттеровские времена (а может и нет) :)
#neuromarketing
кто-то помнит классный кейс игры про плохой UI: https://userinyerface.com/

нашел тут похожую игру, но про политики и соглашения. орать и пытаться отказать от подписки можно тут: https://termsandconditions.game