Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Что не так с Windows 8

Usability *Дизайн
Так уж сложилось, что я — лояльный пользователь Windows, и «восьмёрку» поставил почти сразу, как вышел финальный релиз. То, что ось вышла, мягко говоря, неоднозначной, вы и без меня знаете — достаточно просто почитать новости и отзывы в интернете. Так как отзывы достаточно фрагментированные, составить цельную картинку по ним сложно, поэтому я написал свой разбор винов и фейлов Windows 8.



Начну я с недостатков, потому что так проще — все проблемы новой Windows имеют в корне одно слово: Metro. Намерения дизайнеров Microsoft читаются ясно: скрестить коня и трепетную лань мобильный metro-интерфейс относительно небольшим экраном и крупными, ориентированными на пальцы, плитками-иконками с традиционным интерфейсом десктопных Windows.
Читать дальше →
Всего голосов 197: ↑124 и ↓73 +51
Просмотры 376K
Комментарии 318

Римейк Race Into Space: как улучшить геймплей и интерфейс?

Разработка игр *
Из песочницы
image

Идея отметить День космонавтики-2012 просмотром фильмов на эту тему привела к тому, что я серьезно заинтересовался историей космонавтики. И тут оказалась к месту игра, о которой я знал, но не интересовался достаточно, чтобы ознакомиться. Она вышла в 1993 году и называлась тогда Buzz Aldrin's Race Into Space. Легендарный астронавт Базз Олдрин принимал участие в её разработке как технический консультант. В 2005 году разработчики выкупили права и перевыпустили игру под лицензией GPL, убрав имя Олдрина. Игра очень интересная и всячески рекомендуется к ознакомлению, однако, спустя некоторое время, мне стали очевидны моменты, в которых игру можно улучшить. Так появился Open Source проект Space Race: The Game. Рассказом о нём и тех улучшениях, которые запланированы, я и хочу с вами поделиться под катом.
Читать дальше →
Всего голосов 28: ↑27 и ↓1 +26
Просмотры 17K
Комментарии 14

Режим одного окна, или Главная ошибка «Майкрософт»

Интерфейсы *
Парни из Редмонда привыкли удивлять мир неожиданными идеями. Часто они садятся в лужу и терпят провалы с новаторскими продуктами (Vista, Windows Phone), часто не замечают основных тенденций и не могут упредить моду, в отличие от парней из Купертино (iPod, iPhone, iPad).

Так продолжается из года в год. Довольно долго в «Окнах» был аскетичный интерфейс, лишенный излишеств (пардон за тавтологию) — без дизайнерских примочек. Что говорить, классическая тема Windows актуальна и поныне. Мы, пользователи, как-то смирились с этим, свыклись, тем более что альтернативы, считай, и не было. В провинции-то. Win98, 2000, XP. «Линуксы» тогда еще кусались, в силу того что были уделом энтузиастов. Как и «Макинтоши». С течением времени в наш мир ворвался широкополосный интернет, да и операционные системы шагнули вперед. Понимая моральную устарелость XP, прежде всего в плане облика, в Редмонде подготовили радикально новую ОС — «Висту». Которая, правда, вышла в лучших традициях АвтоВАЗа, сырой то есть, недоделанной. Хотя интерфейс Aero поражал, и многие, в т.ч. я, ставили на XP Inspiration Pack или XP Life, чтобы прикоснуться к свежей оболочке. Затем свет увидела «Семёрка», при создании которой были учтены ошибки с «Вистой».

Мне нравится Windows 7. После трех лет ее активного использования уверен, что это лучшая ОС от Microsoft на данный момент. Лучшая и с точки зрения удобства, и с точки зрения дизайна. Но вынужден признать, что даже теперешний Linux может превзойти Windows в этих аспектах. Долгие годы едва ли не первое, что устанавливаю на новый комп — RocketDock, который за счет создания стэков позволяет получить мгновенный доступ к наиболее часто используемым программам, не захламляя Рабочий стол. На ноуте я переместил панель задач влево, и теперь трудно представить, как я жил прежде без этого. Т.к. экран широкоформатный, то прикрепление панели задач к боковому краю позволило освободить пространство и использовать все вертикальные пиксели для окон программ. RocketDock по той же причине прикреплен к правой стороне. Но Win7 кое-чего все-таки не хватает.
Читать дальше →
Всего голосов 103: ↑26 и ↓77 -51
Просмотры 16K
Комментарии 60

Грань между UI и UX

ERP-системы *
Из песочницы
В последнее время часто сталкиваюсь с проектировщиками интерфейсов, которые вышли из дизайнеров, и на мой взгляд их объединяет одно свойство они не корректируют бизнес процесс. И в итоге остаются хорошие, сделанные по правилам интерфейсы, которые не решают главную проблему:

«Основная проблема интерфейса в том что это интерфейс. Интерфейсы — это препятствия на пути. Я не хочу сосредоточивать свои силы на интерфейсе. Я хочу сосредоточиться на работе… Я не хочу осознавать себя использующим компьютер, я хочу осознавать себя делающим дело».

Дональд Норман

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

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

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

Читать дальше →
Всего голосов 41: ↑37 и ↓4 +33
Просмотры 112K
Комментарии 34

Интуитивный и удобный макет пользовательского интерфейса (GUI) для коммуникаторов и планшетных ПК

Разработка мобильных приложений *
Recovery mode

Вступление


Очень много существуют различных методологий и подходов к обеспечению удобства для пользователей при использовании того или иного интерфейса коммуникации человека с техническим устройством. Сейчас существует большое количество разнообразных коммуникационных интерфейсов: тактильные (кнопки/клавиатура, рычаги/джойстики/манипуляторы(«мышь» и т.п.), тач-скрины/-пады и т.д.) и не тактильные (основанные на жестах, акустические и т.д.). У всех них разное назначение и сферы применения.

В этой публикации мы поговорим о мобильных интерфейсах для навигации и работы с WEB-страницами и контентом. Также, постараемся вместе сделать что-то простое и интуитивно-понятное для большинства пользователей мобильных устройств, таких как коммуникаторы или планшеты с тач-скрин экранами (и/или аналогичными устройствами).
Читать дальше →
Всего голосов 25: ↑6 и ↓19 -13
Просмотры 6.3K
Комментарии 16

Опыт разработки интерфейса интеллектуальной обучающей программы

Интерфейсы *
В будущем традиционное обучение точным наукам может быть дополнено не только MOOC (Massive Open Online Courses) курсами, но и курсами в «следящих» интеллектуальных обучающих программах. Такие программы способны до некоторой степени оценить решение студента на завершенность и правильность, а также предоставить подсказки по решению. На рисунке ниже — интерфейс ввода решения задачи в «следящей» обучающей программе, разработанной нашим коллективом:


Читать дальше →
Всего голосов 20: ↑18 и ↓2 +16
Просмотры 12K
Комментарии 9

Укрощение интерфейсов или один доклад на Wake Up Province

Интерфейсы *Usability *
Из песочницы
Укрощение интерфейсов25 октября прошла вторая саратовская конференция веб-разработчиков Wake Up Province, где мне посчастливилось выступить докладчиком. Сегодня же я решил поведать хабрасообществу о своем докладе на ней — думаю, кому-то это может быть интересно. Тема, в общем-то, проста и неказиста: Почему компьютеры причиняют страдания и как объяснить это заказчику. Способы проектирования интерфейсов и принципы «прозрачной» разработки.

Доклад основан на собственном опыте применения в реальной разработке мыслей и выводов одного очень известного человека — Алана Купера. При этом многие наработки «взращены» мною самим, а некоторые — заимствованы с Хабра.

Под катом несколько облагороженный текст доклада и почти полтора десятка слайдов (~660Kb). Дабы не разрывать текст, слайды спрятаны в спойлеры.
Читать дальше →
Всего голосов 10: ↑9 и ↓1 +8
Просмотры 8.7K
Комментарии 6

Публичный тест нового интерфейса HeadHunter

Блог компании HeadHunter Веб-дизайн *Интерфейсы *Usability *


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

Пока это тестирование, но если оно пройдет успешно (в том числе, надеюсь, и с вашей помощью), то запустим на 100% пользователей. Обратите внимание на новый личный кабинет, главное меню, поиск, который теперь есть на всех страницах, резиновый дизайн и многое другое. Тест работает на hh.ru, поэтому из других стран может не включиться.

Ну что, друзья, делайте скрин старого hh.ru, сохраняйте в архиве для потомков и добро пожаловать на новый HeadHunter: hh.ru/new_design
Всего голосов 52: ↑33 и ↓19 +14
Просмотры 28K
Комментарии 76

Как мы учили кассу самообслуживания принимать деньги

Блог компании Crystal Service Integration Разработка веб-сайтов *Анализ и проектирование систем *API *
Наша компания уже около двух лет занимается кассами самообслуживания, и по этому пути мы шли итеративно. В одном из своих предыдущих постов я рассказывал какие сложности возникли во время наших первых запусков двух магазинов в Калининграде. При этом и там, и в несколько последующих магазинов, мы установили кассы, которые принимают оплату только по банковской карте. Это решение имело плюсы как для нас (такое решение быстрее запустить), так и для магазинов (они смогли разделить потоки покупателей в соответствии с типом оплаты). Но мы понимали, что рано или поздно нам придется взяться за подключение модуля наличных к кассе самообслуживания. Всем, кому интересно узнать как это было, добро пожаловать под кат.


Читать дальше →
Всего голосов 27: ↑24 и ↓3 +21
Просмотры 18K
Комментарии 51

Создание космической браузерной игры. Первый опыт

Разработка веб-сайтов *JavaScript *jQuery *Тестирование игр *
В этой статье речь пойдет о первом опыте создания космической браузерной игры. О начальных шагах, первых результатах, о совершенных ошибках и наиболее интересных трудностях разработки, с которыми приходилось столкнуться. Мы будем рады, если читатели Хабра найдут в этой статье интересную для себя информацию.

В качестве вступления


Ранее, в течение последних 2-х лет, были попытки запуска некоторых браузерных игр малого масштаба, которые собирали менее 1000 игроков, но в этой статье мы их затрагивать не будем. Рассказ пойдет о первом опыте создания браузерной онлайн-игры, которая в будущем будет стремиться выйти в массы.

Идея создания космической игры родилась довольно давно. Почему космической? Отчасти потому, что космическая тема всегда вызывала мой личный интерес, а отчасти, по причине ностальгических воспоминаний от приятного времяпрепровождения за «Космическими рейнджерами», когда-то в далеком прошлом…

Читать дальше →
Всего голосов 28: ↑26 и ↓2 +24
Просмотры 36K
Комментарии 15

Фудкорт изнутри. Или как программист делал фудкорт

Анализ и проектирование систем *Разработка под iOS *Разработка мобильных приложений *
Всем привет!

У меня давно была мечта открыть свой ресторан, а к любой мечте нужно по-тихоньку двигаться.
Этим летом я сделал первый шаг — открыл фуд-корт на маркете «4 сезона».
Большую часть времени работал мобильным разработчиком и поэтому не обошлось без приложение для телефона, статистики, да и вообще UX-наработок в создании стенда и оформлении продукции.

image

Будет всё:
  • про рынок,
  • идея,
  • мобильное приложение,
  • дизайн, лого,
  • UX и юзабилити в оффлайне,
  • ссылка на код,
  • линк в AppStore.

Читать дальше →
Всего голосов 8: ↑4 и ↓4 0
Просмотры 13K
Комментарии 2

Дизайн интерфейса под Microsoft Lync или визуализация системы с нуля

Веб-дизайн *Интерфейсы *Usability *


Хочу поделиться с вами своим опытом разработки с нуля системы внутрикорпоративного менеджмента чатов и аудио/видео записей. Дело было поболее года назад. Забегая вперёд, хочу с огорчением сказать, что сейчас проект заморожен. Кризис ли, потеря веры в проект руководством или еще какие-то причины — мне неизвестно. Хотя коллектив был приятный, решать задачи было интересно и увлекательно. Я вообще люблю постановку задач в духе: “У нас есть вот такой набор данных, но мы не знаем как это должно выглядеть. Вот, возьми карандаш и изобрази нам чего-нибудь”. И сотрудничество с ними идеально попало под такой формат.
Читать дальше →
Всего голосов 12: ↑12 и ↓0 +12
Просмотры 13K
Комментарии 5

10 тезисов инди-разработки, которые привели к успеху

Разработка веб-сайтов *Разработка игр *
Лет 10 назад, когда я только начинал свой путь в игровой индустрии, слово инди ещё никто не произносил, а игровые корпорации на постсоветском пространстве казались всем мифической сказкой. В те прекрасные времена, когда на игровом рынке только расцветали первые российские браузерки, мы с другом начали делать свой проект. Мы не считали себя предпринимателями или стартаперами. Нет. Вчерашние студенты, обычные игроки, фанатеющие по Варкрафту, Героям и другим классическим играм. Сегодня я хочу поделиться с вами личным опытом, полученным за время инди-разработки браузерной игры с нуля. Начинающие разработчики, это статья для вас.



Читать дальше →
Всего голосов 22: ↑16 и ↓6 +10
Просмотры 36K
Комментарии 11

Не важно, большие у тебя или маленькие. Главное, чтоб не маленькие. Фаршируем Material Design

Блог компании HeadHunter Интерфейсы *Usability *Дизайн мобильных приложений *Прототипирование *
image

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

В HeadHunter дизайн, прежде чем уйти в инпрогресс, проходит множество инстанций. Для начала необходимо доказать команде разработки, что решения взяты не с потолка, а ты не «художник, я так вижу». И иногда пользоваться защитой Рексоны 24/7 приходится в самом неожиданном месте.
Читать дальше →
Всего голосов 91: ↑87 и ↓4 +83
Просмотры 36K
Комментарии 59

«Шесть умов» UX Дизайна

Веб-дизайн *Интерфейсы *Usability *
Из песочницы
Представляю, Вам, перевод статьи " The Six Minds of UX Design" Это мой первый перевод и первая статья на Хабре, любая критика уместна, все пожелания будут учтены, не забывайте к чему мы все стремимся, к получению опыта и обучению других.

«Шесть умов» UX Дизайна


Мы говорим с UX психологом Джоном Уэлен о понятии UX, что происходит на экране, это же происходит в уме, глубоко в нашем подсознании. Вот почему дизайнеры должны учитывать это в своем подходе.
Когда мы думаем о дизайне пользовательского опыта, мы часто думаем о том, как пользователь чувствует опыт и решения, которые он предлагает пользователю сделать. Но, как утверждает психолог Джон Уэлен, они представляют собой лишь две из движущих сил опыта пользователя. Есть ещё четыре других акцента внимания, которые способствуют или нет, эффективности дизайна.
Продолжение далее..
Всего голосов 18: ↑17 и ↓1 +16
Просмотры 9.5K
Комментарии 3

Fluent Design (не) сдвигая парадигмы

Интерфейсы *Usability *Дизайн мобильных приложений *Компьютерная анимация *Графический дизайн *
На прошедшей конференции разработчиков от Microsoft — Build2017, был показан достаточно интересный ролик:



Даже просмотрев его пару раз, остается нерешенным вопрос — что же такое Fluent Design?
Постараюсь внести ясность
Всего голосов 13: ↑12 и ↓1 +11
Просмотры 38K
Комментарии 51

“Коллеги, всё упало!” Что может пойти не так на сайте метапоисковика и что с этим делать? Часть 1

Блог компании Травелата Управление разработкой *Управление e-commerce *Управление продуктом *
Одна из причин, по которой пользователи перед покупкой тура предпочитают поговорить с менеджером — страх, что на сайте что-то пойдёт не так. Такого тура на самом деле нет, оплата не пройдёт и множество других фантазий. Чаще всего клиенты просто не знают, как всё устроено. И это порождает негатив.

Любая ошибка на сайте, реальная она или мнимая, — тревожный звоночек. Особенно для нового клиента, который хочет убедиться, что Травелата — не лохотрон. В этой статье я разберу технические моменты, возможные баги на сайте и не всегда очевидные особенности интерфейса сайта Travelata.ru.

Пройдёмся по воронке.



Главная страница


Представим, что пользователь попал к нам случайно, и ранее он покупал туры только в турагентстве у метро. Первое, что он делает — пытается найти форму завки. А у нас её нет, есть только кнопка “Подберите мне тур”, которая не сильно заметна, да и показывается не на всех страницах сайта.

image
Читать дальше →
Всего голосов 28: ↑11 и ↓17 -6
Просмотры 4.3K
Комментарии 3

Как избежать эффекта motion sickness при перемещении в VR

Гаджеты Компьютерное железо AR и VR Игры и игровые консоли Будущее здесь
image

В сознании многих людей ВР-очки все еще являются просто «линзами с мониторами перед глазами, где вместо мышки нужно крутить головой». Даже многочисленные IT-специалисты еще не пришли к простому факту, что VR — это полноценная новая платформа, которая требует совершенно новых подходов в области выстраивания системы взаимодействия между человеком и компьютером, изменению концепций управления в известных игровых жанрах и UI/UX в целом. Одним словом — платформа требует исследования, которое и ведется множеством разработчиков вот уже несколько лет с момента появления Oculus Rift DK1.

Одним из наглядных примеров уникальности платформы является проблема свободного перемещения в виртуальной реальности и связанный с ним эффект укачивания (motion sickness). Давайте все же еще раз разберем его чуть подробнее.
Читать дальше →
Всего голосов 14: ↑14 и ↓0 +14
Просмотры 22K
Комментарии 28

Как я Wii-нунчак к HoloLens подключал, или зачем виртуальным предметам реальные кнопки

AR и VR Периферия DIY или Сделай сам
Берегитесь, покемоны, сейчас всех закликаю!

Вся наша команда с нетерпением ожидала доставки долгожданного HoloLens, его пришлось заказывать через знакомых за океаном и держать кулаки, чтоб таможня не заинтересовалось пока не сертифицированным для Европы WiFi. Наконец, в начале сентября, к нам попал заветный овальный футляр. Открываем, заряжаем, надеваем на голову — вот они, ворота в виртуальный мир. Правда у ворот просят пропуск — нужно авторизоваться паролем от Microsoft. Да-да, тем самым, криптостойко длинным, со специальными символами и в разных регистрах. Пока наш первопроходец виртуальных миров, щипая воздух жестом air-tap, набивал на плавающей в пространстве клавиатуре что-то типа Opa, opa #00FF00 ograd@!, у остальных было время призадуматься о том, как же мы этим 3D собираемся управлять.
Всего голосов 39: ↑38 и ↓1 +37
Просмотры 10K
Комментарии 13

Анимированные переходы в мобильных приложениях

Блог компании FUNCORP Разработка мобильных приложений *Usability *Дизайн мобильных приложений *Дизайн
Перевод

Изображение: Ramotion

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

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

Осторожно: под катом много тяжёлых гифок.
Читать дальше →
Всего голосов 22: ↑21 и ↓1 +20
Просмотры 14K
Комментарии 26
1