Pull to refresh

Что не так с Windows 8

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



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

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

Game development *
Sandbox
image

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

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

Interfaces *
Парни из Редмонда привыкли удивлять мир неожиданными идеями. Часто они садятся в лужу и терпят провалы с новаторскими продуктами (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 кое-чего все-таки не хватает.
Читать дальше →
Total votes 103: ↑26 and ↓77 -51
Views 16K
Comments 60

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

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

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

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

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

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

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

Читать дальше →
Total votes 41: ↑37 and ↓4 +33
Views 112K
Comments 34

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

Development of mobile applications *
Recovery mode

Вступление


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

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

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

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


Читать дальше →
Total votes 20: ↑18 and ↓2 +16
Views 12K
Comments 9

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

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

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

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

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

HeadHunter corporate blog Web design *Interfaces *Usability *


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

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

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

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

Crystal Service Integration corporate blog Website development *System Analysis and Design *API *
Наша компания уже около двух лет занимается кассами самообслуживания, и по этому пути мы шли итеративно. В одном из своих предыдущих постов я рассказывал какие сложности возникли во время наших первых запусков двух магазинов в Калининграде. При этом и там, и в несколько последующих магазинов, мы установили кассы, которые принимают оплату только по банковской карте. Это решение имело плюсы как для нас (такое решение быстрее запустить), так и для магазинов (они смогли разделить потоки покупателей в соответствии с типом оплаты). Но мы понимали, что рано или поздно нам придется взяться за подключение модуля наличных к кассе самообслуживания. Всем, кому интересно узнать как это было, добро пожаловать под кат.


Читать дальше →
Total votes 27: ↑24 and ↓3 +21
Views 18K
Comments 51

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

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

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


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

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

Читать дальше →
Total votes 28: ↑26 and ↓2 +24
Views 36K
Comments 15

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

System Analysis and Design *Development for iOS *Development of mobile applications *
Всем привет!

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

image

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

Читать дальше →
Total votes 8: ↑4 and ↓4 0
Views 13K
Comments 2

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

Web design *Interfaces *Usability *


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

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

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



Читать дальше →
Total votes 22: ↑16 and ↓6 +10
Views 36K
Comments 11

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

HeadHunter corporate blog Interfaces *Usability *Mobile applications design *Prototyping *
image

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

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

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

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

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


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

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

Interfaces *Usability *Mobile applications design *Computer Animation *Graphic design *
На прошедшей конференции разработчиков от Microsoft — Build2017, был показан достаточно интересный ролик:



Даже просмотрев его пару раз, остается нерешенным вопрос — что же такое Fluent Design?
Постараюсь внести ясность
Total votes 13: ↑12 and ↓1 +11
Views 39K
Comments 52

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

Травелата corporate blog Development Management *E-commerce management *Product Management *
Одна из причин, по которой пользователи перед покупкой тура предпочитают поговорить с менеджером — страх, что на сайте что-то пойдёт не так. Такого тура на самом деле нет, оплата не пройдёт и множество других фантазий. Чаще всего клиенты просто не знают, как всё устроено. И это порождает негатив.

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

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



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


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

image
Читать дальше →
Total votes 28: ↑11 and ↓17 -6
Views 4.4K
Comments 3

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

Gadgets Computer hardware AR and VR Games and game consoles The future is here
image

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

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

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

AR and VR Periphery DIY
Берегитесь, покемоны, сейчас всех закликаю!

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

Поехали! Или немного о проектировании интерфейса выбора дат

Web design *Interfaces *Usability *

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

Но… не так давно, передо мной стояла задача спроектировать календарь выбора периодов. Диапазон выбора дат варьировался от 2-х дней до нескольких месяцев.

Целевая аудитория достаточно неоднородна: возраст от 35 до 60 лет, компьютерная грамотность от новичков до уверенных пользователей.

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

Хочу поделиться выводами и примерами, сделанными в результате работы. Для кого-то открытий не будет, а кто-то, надеюсь, найдет для себя новое и полезное.
Читать дальше →
Total votes 7: ↑7 and ↓0 +7
Views 8.7K
Comments 9
1