Заключительный пост из серии про веб-дизайн прошлого.
5/5 — Альтернатива HeadHunter, где действительно были годные вакансии. Возможно, кто-то из вас вспомнит сообщество «ВДХЛ» в Питере
Продолжаю серию о винтажном веб-дизайне.
4/5 — в 2013 Windows 8 была на волне трендов у заказчиков. И каждый заказ получался, как очередная Nokia (в виде помады, например)
Компания LoveFrom Джони Айва совместно с японским производителем техники Balmuda представила портативный морской фонарь Sailing Lantern. Корпус фонаря выполнен из полированной нержавеющей стали с модулем из текстурированного стекла, под которым находится LED-лампа. Вес устройства 1,5 кг. Все элементы Sailing Lantern устойчивы к коррозии, а ремешок не боится соли, солнца и масла. На корпусе фонаря есть одна кнопка-крутилка, которая регулирует яркость и цветовую температуру. Примечательно. что кнопка тоже сделана из нержавеющей стали и издаёт щелчки при повороте. Фонарь Sailing Lantern выпущен ограниченной серией в 1000 штук по цене $4800.
Обычно в начале карьеры дизайнеров дико бесит, когда клиент советуется с женой/коллегами/котом.
Тем временем, основной показатель роста — не бояться неидеального процесса и уверенно нырять в хаос с головой. Мнения коллег клиента? Отлично, бесплатная фокус-группа! Десятки итераций? Прекрасно, мы в творческом потоке! Это и есть та самая «магия опыта».
Вы называетесь синьор и вас до сих пор бомбит от правок? У меня для вас плохие новости
Продолжение серии публикаций про древние образцы веб-дизайна. На этот раз из 2014.
3/5 — Какой, простите, нейродизайн и тепловые карты с фокусом внимания? Образы и ощущения, вот что работает по-настоящему
Продолжение серии про образцы веб-дизайна из 2013.
2/5 — UI был слишком прогрессивен для своего времени (да и для нашего тоже), и его реализовали частично. Удивительно, но этот сайт до сих пор жив!
Свершилось!
Ребят, свершилось! Logitech таки анонсировал представил официально свою новую солнечную клавиатуру. Называется она Signature Slim Solar+ K980 (индекс, вероятно, нужен для учёта моделей).
Стоимость клавиатуры - 99,99 долларов. Есть два типа - под Mac и Windows.
Производитель солнечной панели так и не назван. Швейцарцы «прикрываются» собственной технологией Logi LightCharge, которую они начали разрабатывать в конце 2022-го или начале 2023-го года. И, вероятнее всего, заключается «разработка» в солнечной панели, контроллере заряда и аккумуляторе, о котором известно больше всего. Это, скорее всего, перезаряжаемая литиевая «пуговица» ML2032 (аналог CR2032) ёмкостью 65-70мАч. И для того, чтоб от неё можно было питать клавиатуру 4 заявленных месяца, компания пошла на сокращение энергодефицита путём отсекания избыточных (на их взгляд) функций. Ну, типа подсветки клавиш и индикатора заряда АКБ. Его теперь можно посмотреть в приложении.
Ну, будем мониторить дальше. Кстати, пару часов назад на официальном канале появились видео о том, как работать на клавиатуре, как настраивать её да и вообще – прикольные product rewiew.
А, кстати, судя по обзору The Verge, клавиатуру показывали на CES-2025. А я и не заметил. А ещё Кэмерон Фолкнер заметил, что заряжается Slim Solar+ от любого типа освещения мощностью (точнее – яркостью) более 200 нит. Если что, средняя яркость современных мониторов – 400-600 нит. Делаем выводы и делимся предсказаниями насчёт того, зря или не зря Logitech выпилила USB-C зарядку…
И да, спасибо Максу за сигнал!
@solarnews
#Logitech #клавиатура #CES #solarnews #соларньюс
Ну что, показать вам образцы веб-дизайна из 2013?) Хабр не дал прикрепить несколько картинок к посту, поэтому это будет серия.
1/5 — Портал о стройке
«Техническая эстетика» — легендарный советский журнал (1964–1992), один из самых самобытных и недооцененных проектов эпохи. Он стал каноном дизайн-мышления для СССР, выходя далеко за рамки прикладного формообразования.
Это было не про, как красиво покрасить трактор. Это была настоящая революция в мышлении с принципом «дизайн = наука».
Здесь впервые серьезно заговорили, что стул — это не просто доска на ножках, а еще и эргономика, материалы, психология комфорта. Как форма чайника влияет на наше настроение? Журнал знал ответ, как сделать мир не просто красивым, а умным, удобным, человечным.
Он поднимал темы, о которых молчали. Как жить среди серых панелек? Можно ли впихнуть красоту в плановую экономику? Это было непривычно и дерзко.
А лично меня зацепила концепция универсальности одного элемента что для автомобиля, что для кухонного гарнитура. Все по Папанику и ТРИЗ
Почему азиатский UX работает по другим законам?
Почему западные интерфейсы стремятся к минимализму и упрощению, а азиатские, напротив, демонстрируют переизбыток информации? Почему в азиатских культурах, особенно в Восточной Азии, пользователи привыкли к большому объему визуального контента и считают важным иметь доступ ко всей необходимой информации сразу, а небольшое количества информации или выбора может вызвать недоверие? Почему то, что может показаться хаосом для европейца, для азиата — удобный и информативный интерфейс?
Если вы тоже задаете эти вопросы, то статья «Как проектировать интерфейсы по азиатски: холистически и беспощадно» точно для вас! Расскажем чему западным и российским дизайнерам стоит учиться у WeChat, Naver, KakaoTalk, Alipay, Rakuten и TaoBaо.
Если хотите выйти за границы привычных паттернов и понять, как строится неочевидный, но очень эффективный UX восточных продуктов — обязательно прочтите!
Тебе не нужны курсы, чтобы стать дизайнером
Настоящие специалисты учатся иначе — и об этом честный и дерзкий разбор от Серафимы Михеевой в статье «Давайте разорим школы дизайна?».
Почему курсы не превращают новичка в эксперта в UI/UX и зачем вместо «волшебной таблетки» брать в руки YouTube, стажировки, комьюнити и самостоятельные проекты? Серафима делиться своим мнением о том, почему даже после дорогих курсов по дизайну остаются серьезные пробелах в знаниях. Автор делится лайфхаками по поиску ментора, оптимальным учебным алгоритмам и бесплатным ресурсам без ущерба качеству.
Идеальная формула обучения дизайнера от опытного ментора уже ждет вас в новой статье!
Я Сима, продуктовый дизайнер в Альфа-Инвестициях, ex ВТБ, Helper
• Менторю дизов, тестирую бесплатную платформу для обучения дизайнеров - регайтесь для получения доступов) https://soulandsense.ru/work
• Собираю обратную связь на дизайн приложений в закрытом чате «Меня бесит этот дизайн» @badbaddesign
• Веду телеграм канал, где пишу о дизайне, работе в Альфе, книнах и жизни https://t.me/simsimdesign
Берешь вакансию мечты и откликаешься
Вместо того, чтобы
начать с откликов на менее интересные позиции для тренировки прохождения собесов, чтобы прокачать soft skills
пройти как можно больше тех.собесов и тестовых заданий, чтобы прокачать hard skills
корректировать резюме и CV после каждого полученного фидбека от рекрутеров и нанимающих менеджеров
Гузель, дизайнер цифровых продуктов в Альфа-Банке, решила пойти вопреки всем «правильным» инструкциям и карьерным гайдам и написала об этом статью.
Если вы уже год наблюдаете, как в бигтехе открываются и закрываются классные вакансии, но так и не откликаетесь, то тогда статья «АНТИ-План по устройству в бигтех, или Как всё пошло не по плану» точно для вас!
Ближайшие события
Мы выбрали 10 топ-хабрастатей за 10 лет, а вы выберите лучший HR-бренд
Будем краткими: в этом году блогу МойОфис на Хабре исполнилось 10 лет!
Мы собрали юбилейную подборку — выбрали по одной ключевой статье на каждый год. Это тексты, без которых, как говорится, нас невозможно представить, еще труднее – понять!
А вас просим оценить нас в ежегодном опросе Хабр/ЭКОПСИ. Это займёт всего 5–7 минут. Мы соберём важную обратную связь, а индустрия получит объективную картину IT-брендов в 2025 году.
Как сделать так, чтобы дизайнер и фронтендер не ругались
Противостояние дизайнеров и разработчиков носит уже почти легендарный характер. Этой теме посвящены десятки статей, видосов и докладов. Однако мы в компании уверены: чтобы лучше понимать друг друга, нужно просто следовать элементарным правилам.
1. Больше общаться.
Будет круто проводить кросс-функциональные встречи, потому что единое информационное поле — всегда хорошо. Можно даже назначить «дежурных» по взаимодействию — это ответственные люди от разработки и от дизайна, которые будут время от времени срезаться и обсуждать наболевшие вопросы.
Кроме того, если подключать фронтендера на этапе разработки прототипа, он сразу сможет подсказать, что будет сделать легко, а что сложно.
2. Следить за актуальностью UI-кита.
Это база. Чтобы всем было удобно работать, в макете должен быть UI-кит. Разработчик сразу будет видеть, какие шрифты и UI-элементы возникнут в проекте. И конечно, UI-кит важно оперативно обновлять и сообщать об этом отделу фронтенда.
3. Внедрять общий процесс на всех уровнях.
Во-первых, стоит настроить взаимное ревью: разработчик смотрит дизайн, прежде чем взять его в работу, а дизайнер — готовую страницу. Во-вторых, полезно использовать общие чек-листы. Например, у нас макет нельзя передавать дальше, пока не отрисованы все состояния. И в-третьих, хотя бы иногда нужно проводить совместные ретроспективы.
Общее же правило, как и в любой коммуникации — быть готовыми к компромиссам и доверять друг другу. Подробнее о правилах коммуникации между отделами дизайна и фронтенда мы рассказали в нашем блоге.
6 книг, которые на меня повлияли. Из 300+ прочитанных
Делюсь подборкой любимых книг. Прочитал я не мало, поэтому было не просто выбрать лучшие. Но я постарался:
Антихрупкость (Нассим Талеб)
Почему не нужно пытаться предсказывать будущее и оценивать риски. Лучше: создать антихрупкую систему, готовую ко всему.
Вспомнить все (Арнольд Шварценеггер)
Биография Арнольда – спортсмена, бизнесмена, политика и актера. Показывает, как ставить цели и добиваться результатов в разных сферах.
Размышления (Марк Аврелий)
Философские заметки римского императора. Читать не просто, но мысли заложены важные, которые помогут жить и в современном мире.
Как работать по 4 часа в неделю (Тим Феррисс)
Помогает вырваться из офисного рабства и зарабатывать не за просиженные часы, а результат работы.
Легко не будет (Бен Хоровиц)
История создания и развития бизнеса. Не такая красивая, как бывает в биографиях, зато реалистичная – показывает, как устроен мир.
Принципы (Рэй Далио)
Биография успешного инвестора и его советы по построению жизни и компании. Рэй смотрит на все, как на механизм. Очень здравый подход.
Есть еще множество другие книг, которые мне близки. В основном биографии: Стив Джобс, Илон Маск, Уилл Смит, Альберт Эйнштейн, Фил Найт, Ричард Брэнсон, Эдвард Сноуден, Говард Шульц, Уоррен Баффетт и др.
А какие книги повлияли на вас?
30 лет без дизайна и миллиард в кассе
На днях я рассказывал историю о том, как в 2004-м «улучшил» простую гостевую книгу, заменив ее на «правильный» форум и этим убил живое сообщество. Главный вывод был в том, что нельзя ломать работающую систему, не поняв, какую настоящую задачу она решает для пользователей.
А сегодня я наткнулся на статью, которая служит идеальной иллюстрацией этого принципа в промышленных масштабах. Речь о Craigslist. Ссылка на статью откуда я вообще узнал про этот сайт.
Для тех, кто не в курсе: Craigslist - это что-то типа Авито, но в США, т.е. такая гигантская доска объявлений. Ее дизайн застрял где-то в 1998 году: синие ссылки, простейшая верстка, ноль графики. По любым современным меркам UI/UX - это катастрофа. При этом компания с крошечной командой зарабатывает сотни миллионов (а по некоторым оценкам - более миллиарда) долларов в год. Работает там от силы 50 человек (!) Если пересчитаем выручку, то окажется, что на каждого сотрудника приходится 4 млн. долларов в год (!) Очень круто!
И тут я смотрю на Craigslist и понимаю: их «ужасный» сайт — это моя «неудобная» гостевая книга, только в масштабе всей Америки. Они поняли то, чего не понял я в 20 лет, и не стали «чинить» то, что не сломано.
Почему этот «примитивный» дизайн работает и приносит миллиарды?
Скорость. Сайт загружается мгновенно. Нет тяжелых фреймворков, мегабайтов JavaScript и аналитических скриптов. Чистая функция.
Плотность информации. Никаких баннеров, всплывающих окон и модных карточек. Только текст и ссылки. Вы видите максимум полезной информации на одном экране.
Отсутствие трения. Хочешь разместить объявление? Нажимай и размещай. Не нужна регистрация (как я понял), подтверждение почты и двухфакторная аутентификация, чтобы продать старый стул. Сервис не мешает тебе делать то, зачем ты пришел.
Привычка. Миллионы людей пользуются им десятилетиями. Они знают каждую ссылку наизусть. Любой редизайн вызовет у этой аудитории не восторг, а гнев. Они потеряют свой привычный и предсказуемый инструмент.
Мой «улучшенный» форум вводил трение: регистрация, создание тем, сложная структура. Я убил легкость и анонимность. Точно так же любой «современный» редизайн Craigslist с React, модными анимациями и персонализацией убьет его главное преимущество - скорость и простоту.
Вывод для любого IT-руководителя:
Это вечный соблазн для любого технаря — переписать старое, «кривое», но работающее легаси на новый, блестящий стек. Нам кажется, что мы сделаем «лучше». Но главный вопрос: «лучше» для кого? Для вас или для пользователя, который просто хочет за 3 секунды решить свою задачу?
Craigslist - это гениальный пример бизнес-прагматизма. Он доказывает, что иногда лучшая фича — это ее отсутствие. А самый ценный актив компании - это привычка пользователя, которую нельзя ломать без крайней необходимости.
А в вашей практике есть свой внутренний «Craigslist»? Старый, неудобный, но незаменимый сервис, который все мечтают переписать, но боятся трогать?
---
Понравилась эта история? Это пример того, как я анализирую ошибки и извлекаю из них практические уроки. В моем ТГ канале Код ИТ-директора я гораздо чаще делюсь подобными мыслями, короткими кейсами и полезными инструментами, которые не всегда доходят до формата большой статьи.
Там — больше «живых» заметок из окопов управления IT-бизнесом и возможность напрямую задать вопрос.
Подписывайтесь, что бы получать больше инсайтов без воды Тыц
Вы не просили, но мы это сделали!
Вы когда-нибудь сталкивались с продуктом, который внешне работает безупречно и не вызывает нареканий у пользователей, но внутри команды становится постоянным источником стресса? Вроде все работает, жалоб нет, но столько сил уходит на поддержку, что проще переделать с нуля, чем каждый квартал латать старое. Именно такой кейс мы разобрали в статье: «развернули наизнанку» карты отделений и банкоматов, убрали баги под капотом, избавившись от устаревших паттернов и случайных доработок.
Это история не столько про дизайн, сколько про командные дискуссии, внутреннюю «магию» и вечный поиск баланса между новыми фичами и качеством старого функционала. Читайте полный бэкстейдж в статье «Редизайн, которого никто не просил, — а в итоге все довольны» на Хабре и узнайте, как на практике совершенствовать даже те продукты, которые внешне кажутся идеальными.
Эффект «стены Дурова», который я открыл за 10 лет до самого Дурова
По студенчеству я, как и любой джун, совершал ошибки. Одна из них — классический пример истины «работает — не трожь».
2004 год. Я на 3-м курсе факультета прикладной математики и информатики АГУ (г. Майкоп), параллельно работаю программистом в математической школе при университете. Моя вотчина — программа для подсчёта рейтингов учеников, набор текстов для методичек и небольшой сайт с гостевой книгой.
Кто не застал — гостевая книга тогда была чем-то вроде бесконечного чата без регистрации. У детей мат. школы в ней кипела жизнь: по 100–200 сообщений в день (иногда даже больше), свои шутки, обсуждения задачек, разговоры «за жизнь». Формат был простой и лёгкий — написал ник, сообщение, и готово.
А я молодой, амбициозный и несу людям счастье)))
Я тогда подумал. Почему они мучаются с этим бесконечным тредом сообщений? Это же жутко неудобно! А что если я уберу эту гостевую книгу и заменю ее на удобный форум для своих? Хорошая же идея? Ну, если судить логически, то да. Свой форум, регистрация, понятно, кто пишет, можно делать свои темы и не тонуть в бесконечной беседе. На тот момент мне казалось, что это отличная идея сделать жизнь определенного круга людей лучше.
Нашел на просторах хороший движок и в один прекрасный день заменил гостевую книгу на этот форум. Создал темы и стал ждать, как мне люди скажут спасибо.
Догадываетесь, что было дальше? )))
Правильно. Провал… Ученики не стали использовать новый форум!
Была попытка одного человека что-то написать, но когда никто не ответил, то и он перестал что-то писать + пара регистраций пользователей. Моя попытка это исправить ни к чему не привела. Я даже старые сообщения пользователей из гостевой книги загрузил в новый форум. Все бестолку. Сайт, у которого был отличный трафик, буквально за неделю перестали посещать.
Для меня это было потрясение. Как так вообще? Я же хотел сделать как лучше для пользователей! Почему они не стали использовать новый форум?
Рефлексия и мои мысли на эту тему прилагаются:
Новый форум не взлетел, т. к. старый был ламповый, легкий. Можно добавить одну запись под ником «Препод такой-то», а следующую «Иванов Иван». Было интересно переписываться в таком легком формате. Был вайб от использования такого формата. Может, помните в VK знаменитое: «Дуров, верни стену!»? Этот косяк Павла из той же оперы.
Если какой-то сервис работает хорошо, но, на твой взгляд, там все организовано очень нелогично, не надо это исправлять сию минуту! Надо сделать опрос, проверить гипотезы, попробовать узнать мнение пользователей. Бывает, конечно, и такое, что пользователи не могут тебе сказать, что нужно добавить, и при добавлении этого «чего-то» оно действительно взлетает, но делать это нужно аккуратно, просчитывая варианты.
Этот студенческий урок 20-летней давности я вспоминаю до сих пор каждый раз, когда моя команда предлагает «быстро улучшить» какой-нибудь работающий модуль. Часто при взгляде на проблему задаю себе вопрос: «Какую настоящую работу выполняет для пользователя этот старый, неудобный, но привычный функционал? И не убьем ли мы ту самую "ламповость", просто заменив ее на "правильное" решение?»
Вот такая история.
P. S. Если кто-то читает мой пост из тех, кто тогда сидел в этой гостевой книге, прошу у вас прощения. Я не хотел, чтобы так все вышло.
---
Понравилась эта история? Это пример того, как я анализирую ошибки и извлекаю из них практические уроки. В моем ТГ канале Код ИТ-директора я гораздо чаще делюсь подобными мыслями, короткими кейсами и полезными инструментами, которые не всегда доходят до формата большой статьи.
Почему ваш новый «гениальный» флоу вызывает тревогу в команде? Всё о психологии сопротивления изменениям — в одной статье!
Представьте ситуацию: вы, как продакт, несколько недель потратили на исследования, кастдевы, прототипирование и дизайн. Вы выносили идею, защитили её перед стейкхолдерами и теперь, сияя от предвкушения, приносите команде разработки новый, идеально продуманный флоу. А в ответ — тишина. Или, что хуже, шквал вопросов в стиле «а зачем?», «у нас и так всё работает» и «это всё сломает».
Знакомо? Прежде чем записывать команду в ретрограды и саботажники, давайте разберёмся. То, с чем вы столкнулись — не вредность, а фундаментальный баг (или фича?) человеческой психики. Имя ему — сопротивление изменениям.
В статье «Почему ваш новый «гениальный» флоу вызывает у команды панику? Разбираем психологию сопротивления изменениям» мы копнём в нейробиологию и психологию, чтобы понять, почему наш мозг так ненавидит всё новое, и что с этим делать продакту, тимлиду или любому другому менеджеру. Узнаем почему понятный костыль всегда приятнее неизвестного счастья, что на самом деле пугает разработчиков и тимлидов, когда вы внедряете инновации, как обойти страхи, не потерять доверие и не получить force push в master обратно и какие психологические лайфхаки реально работают в жизни, а не в учебниках. Автор разбирает реальные кейсы, шутит, находит баги в «операционке» команды и даёт понятные инструкции, как внедрять любые изменения.