Как стать автором
Обновить
181.23

Дизайн

Дизайн спасёт мир

Сначала показывать
Период
Уровень сложности

Android Wear: Что пошло не так?

Время на прочтение3 мин
Количество просмотров66K
Первые часы с Android Wear на борту стали поступать на полки российских магазинов, собирая по пути отзывы прессы и первых покупателей. Что же мы получили? Считаю показательным данный обзор от небезызвестного Эльдара Муртазина:



Даже опытный гиковатый журналист с большим пристрастием к носимым гаджетам не выглядит хоть капельку заинтересованным в новом классе устройств от Google. Что же до лояльных Android первых покупателей? Тоже не очень впечатлены приобретением:

user reviews

Среднестатистический пользователей планшетов и смартфонов судя по всему на Android Wear даже не взглянет. В чем же основные проблемы часов?

— Проблема первая: Часы бесполезны для большинства покупателей
Читать дальше →

Понимание и создание через исследование и интуицию

Время на прочтение3 мин
Количество просмотров3.3K

Alan Moore: I have a theory, which has not let me down so far, that there is an inverse relationship between imagination and money. Because the more money and technology that is available to [create] a work, the less imagination there will be in it. — У меня есть теория, которая меня до сих пор не подводила, что отношения между воображением и деньгами инвертированы. Потому что, чем больше денег и доступных технологий для выполнения работы, тем меньше воображения будет вложено в нее.

Bret Victor: I intend to invent software-based tools that enable people to understand and create
in unprecedentedly powerful ways. — Я намереваюсь создавать программно основанные инструменты, чтобы помочь людям понимать и создавать.

Не знаю, как правильно начать этот топик и в какой блог его поместить, но речь здесь пойдет о нестандартных интерфейсах и способах преподнести информацию.
Данная тема была разбита на два топика. Здесь находится первая часть.
Читать дальше →

Рюкзак в виде сломанного C3PO

Время на прочтение1 мин
Количество просмотров2.6K
image

В пятом эпизоде «Звездных войн», Чубакка носил сломанного золотистого робота за спиной, помните? Не прошло и тридцати лет, как ребята из магазина Thinkgeek нанесли ответный удар. Теперь за 60 долларов там можно заказать рюкзак, очень похожий на… В общем, по картинке все понятно. В глаза робота вмонтированы светодиодные лампочки, поэтому при переноске C3PO светится.
Читать дальше →

Итоги конкурса на лучший дизайн Хабрафутболки

Время на прочтение1 мин
Количество просмотров495
Привет %username%!

Сегодня завершился конкурс на лучший дизайн Хабрафутболки, который стартовал аж 14 декабря 2009 года.

По результатам продаж на 31 марта абсолютным лидером стала работа, которую прислал пользователь LeeMiller. Футболка его дизайна оказалась самой популярной среди покупателей интернет-магазина Gozo.ru и была куплена 10 раз.

Мы совместно с нашим постоянным партнером, сетью магазинов «Нотик», с удовольствием хотим вручить автору самого популярного дизайна Хабрамайки главный приз — ноутбук Dell!

Для получения приза просим пользователя LeeMiller связаться с пользователем Mudhoney.

Противоугонный велосипед Rimlock

Время на прочтение1 мин
Количество просмотров3.6K
image

Чем популярнее становятся велосипеды, тем острее встает проблема краж. Концепт Rimlock – один из вариантов решения. На стоянке «спицы» байка складываются и колеса перестают быть круглыми. ИМХО – неплохое дополнение к традиционному замку с тросиком.
Читать дальше →

Тетрис как стиль жизни

Время на прочтение1 мин
Количество просмотров1.6K
image

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

Работы Diego Silvério и Helder Filipov

немного картинок

Зонты-расскраски — нескучного вам дождя

Время на прочтение1 мин
Количество просмотров1.5K
image

Великобританская студия дизайна Squid London предлагает немного хорошего настроения в дождливый день. Конкретно, англичане предлагают раскрашивать зонты специальными красками, которые меняют цвет, если на них попадает вода. Чем сильнее намокает ткань, тем ярче проявляется рисунок. Принцип здесь точно такое же как у детских книжек водных-раскрасок (когда картинки меняют цвет от воды). За тем лишь исключением, что чернила, которые используются в зонтиках Squid London после высихыния восстанавливают цвет.
Читать дальше →

Amazon.com против пластиковых упаковок

Время на прочтение2 мин
Количество просмотров2.4K
Сразу нескольких торговых сетей и крупных производителей начали экспериментировать с упаковкой товара, кардинально отличающейся от привычной и всем известной прозрачной пластиковой упаковки, которую практически невозможно открыть без ножа. Это специально так сделано, чтобы предотвратить кражи в магазинах самообслуживания, хотя изначально пластик придумали с благой целью как альтернативу непрозрачным коробкам, чтобы покупатель сразу видел товар.

Вполне логично, что представители индустрии постоянно ищут альтернативы, ведь заставлять потребителя брать в руки нож — это, по крайней мере, негуманно. Только в Америке вскрытие герметичных упаковок из твёрдого пластика заставляет обращаться в больницу около 6000 человек ежегодно. Практически каждый человек может вспомнить собственную историю о войне с упаковкой, когда дело заканчивалось порезанными пальцами или применением зубов.

Газета NY Times публикует обзор альтернативных упаковок, с которыми экспериментируют Amazon.com, Sony, Microsoft и Best Buy.
Читать дальше →

Будущее iMac глазами Нуно Тейксейра

Время на прочтение1 мин
Количество просмотров910
Многие продукты Apple «последней» волны во многом востребованы не столько за счет каких-либо функций, а благодаря применению инновационного подхода к дизайну и пользовательскому интерфейсу. Но нет предела совершенству: дизайнер Нуно Тейксейра решил побаловать «яблочников» интересным и несколько загадочным концептом iMac iView.

Во-первых, в будущем iMac, по идее Нуно Тейксейра, будет выполнен в виде моноблока с изогнутым (навеяно Alienware и NEC?) сенсорным экраном. А во-вторых, экранов у iMac iView будет два: кроме основного предусмотрен еще и дополнительный на задней панели. Кроме того, концепт «оборудован» двумя камерами (спереди и сзади). Зачем — это пока загадка. Возможно, камеры понадобятся для общения с пользователем, сидящим с другой стороны стола. Впрочем, это объяснение не претендует на истинность.

Возьмет ли Apple на вооружение какие-либо идеи iMac iView — это еще вопрос. Но концепт действительно занятный.

via ITNews

Поиск по иконкам Silk Icons от FamFamFam

Время на прочтение1 мин
Количество просмотров1.4K
На сайте FamFamFam.com можно скачать Silk Icons — 1000 бесплатных иконок для использования в своих разработках. Если вам нужно использовать иконки, но некогда делать собственный набор — попробуйте Silk Icons, они подойдут в массе случаев, так как сделаны красиво и вместе с тем лаконично.

А если вам не нужны все 1000 иконок? Тут и пригодится поиск по Silk Icons. Это просто умный визуальный фильтр: вы вводите слово (например, «flag»), и ненужные вам иконки просто бледнеют, а все, связанные с флагами — явно выделяются на фоне.

Лицензия для Silk Icons — Creative Commons Attribution 2.5 License.

Клавиатор

Время на прочтение2 мин
Количество просмотров2.2K
По поводу оптимуса-тактуса

Надо было сделать так.

Поверхность клавиатуры состоит из 655 360 полуторасантиметровых трубочек, обладающих функцией световодов (что-то вроде кусков оптоволокна, только жёстких). 355 360 — это разрешение 1280х512. Активная (динамическая) область клавиатуры имеет примерно такой же горизонтальный размер, как у 20-дюймового монитора, так что разрешения 1280х512 вполне должно хватить. Но лучше, конечно,— больше.

Каждый световод снабжён электромагнитным механизмом поднимания.

Ясно, что при нажатии на такую объёмно-нарисованную кнопку пальцем, давление на центральные световоды будет явно больше, чем на крайние, так что необходимо создать систему привязки световодов, принадлежащих одной кнопке.

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

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

Можно создать клавиатуру с любым количеством клавиш, с любой конфигурацией, можно также менять высоту отдельных клавиш (вернее, не клавиш — любых объектов). А можно показать на такой клаваторе (от клавиа-тура и мони-тор) рельеф местности. А в игрушках, когда закончатся патроны в минигане, кнопка включения минигана просто исчезнет.

О цене я ничего не скажу, я пока такой девайс не создаю.

P.S. Убрал все html-теги, глючит

P.P.S. Пользуясь случаем поздравляю всех с наступающим Новым Годом, лёкгой вам кармы и миллиона идей в две тысячи восьмом!

Доработка интерфейса навигатора 2ГИС

Уровень сложностиПростой
Время на прочтение10 мин
Количество просмотров3.4K

У дизайнера нет цели, есть только путь — сделать мир лучше. Он ищет и исправляет то, что не работает или работает плохо.

Неоднократно я сталкиваюсь с такой ситуацией: еду с кем‑то в машине, и меня просят найти место для остановки, будь то заправка, кафе или шиномонтажка. Человеку за рулём не хочется отвлекаться от дороги и рыскать по карте в поисках удобной остановки. Удобным считается то место, для посещения которого не пришлось бы разворачиваться или отдаляться от заданного маршрута. Поэтому приходится просить попутчика что‑то найти, но ведь пассажир не всегда присутствует.

Проблема поиска мест для остановки — это не просто моя догадка. Было решено провести небольшое исследование, чтобы убедиться в этом. В статье я расскажу, с помощью каких инструментов и к какому результату я пришла.

Читать далее

Ближайшие события

Универсальный подход к адаптивному веб-дизайну интерфейсов Stretch, Scale, Switch (SSS)

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров6.4K

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

Читать далее

UX-манипуляции: уроки обольщения пользователей

Уровень сложностиПростой
Время на прочтение13 мин
Количество просмотров8.1K

Интересно, почему одни интерфейсы цепляют нас с первого клика, а от других хочется поскорее убежать и никогда не возвращаться? Я занимаюсь UX-дизайном уже более 8 лет и, разрабатывая интерфейсы для сложных систем (ERP, CRM, EAM), нашла ключик к сердцам пользователей — уважение к их времени. Время — самая ценная валюта, имеющаяся у человека. И чем бережнее мы к нему относимся, тем проще получается влюбить пользователей в свой продукт.

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

В этой статье я расскажу, как основные UX-манипуляции (принципы) связаны с фундаментальными аспектами человеческой психики. Также приведу простые примеры, которые бесспорно сразят пользователей наповал — just try it ;)

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

Читать далее

«У Центрального банка заледенели ноги»: нелепые ошибки в UX-переводах и как их исправить

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров1.9K

Привет, я Акбота Хасенова. Работаю UX-переводчицей в крупнейшем казахстанском телеком-операторе. Хоть эта компания и занимает больше половины телеком-рынка Казахстана, но при этом всего 2% пользователей сидят на казахской версии приложений.

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

Будет полезно, если вы:

• запускаете продукт в двуязычной стране, особенно — в Казахстане;
• работаете с переводами и интерфейсами;
• ищете проверенные базы и гайды по UX-переводам на казахский, но об этом в конце.

Читать далее

Бесплатный курс компьютерной графики для детей: 11 уроков с нуля

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров6.2K

Создание компьютерной графики – востребованное направление. И справиться с ним может даже подросток. Мы хотим доказать это на примере бесплатного видеокурса Blender и компьютерной графики для школьников от 13-14 лет и старше.

Специалисты, способные создавать 2D- и 3D-изображения, модели, подобные предметы и объекты становятся все более востребованными. Они в той или иной мере вовлекаются в киноиндустрию, веб-разработку, создание игр и в другие сферы. Перспективность направления очевидна: речь не столько о вероятном профессиональном будущем, сколько о связи с графическим дизайном – еще одной распространенной областью, вытолкнуть человека из которой пока не может ни одна нейросеть.

Мы хотим предложить нашим читателям подборку бесплатных видеоуроков. Они помогут освоить основы и вникнуть в азы направления и использования программы Blender. Для начала предлагаем окунуться в теорию и разобраться, чем интересны инструменты среды Blender и почему ей отдают предпочтение современные специалисты, занятые созданием 2Д- и 3Д-графики.

Читать далее

Путь дизайнера: от фриланса до работы в штате крупной ИТ-компании

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров3.3K

Привет! Я Дмитрий Чикунов, графический дизайнер в R-Style Softlab. Я работаю в сфере дизайна уже 17 лет. В статье расскажу о своем бэкграунде и дам несколько полезных советов по поиску работы.

Читать далее

Как мы построили две версии CJM и синхронизировали всю команду Ozon Банка с продуктом

Уровень сложностиПростой
Время на прочтение14 мин
Количество просмотров5.5K

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

Так было и у нас, пока мы не решили попробовать собрать Customer Journey Map (CJM). Мы поделимся опытом построения нашей карты, расскажем о трудностях, с которыми столкнулись, о том, каким был отзыв от команды (спойлер – он положительный), и как CJM помогает нам в работе над продуктом.

Узнать, что может CJM

Как организовать и оптимизировать дизайн-ревью

Уровень сложностиСредний
Время на прочтение12 мин
Количество просмотров2.2K

Хотите, чтобы ваш продукт выглядел в проде так же как в макете, но при этом устали от рутины ревью или у вас вообще нет такого процесса?

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

Читать далее

Работа

Веб дизайнер
28 вакансий