Pull to refresh

Вышел Spb Mobile Shell 3

Lumber room
Сегодня Spb Software зарелизила свой бестселлер для Windows телефонов (их теперь так принято называть) — Spb Mobile Shell 3.0. Новая версия теперь работает поверх экрана «Сегодня», в ней есть классная 3D-карусель, новый Home Screen поддерживающий виджеты, она может вытаскивать фото для контактов из Facebook и еще куча фич. Из новых функций следует отметить:

  • 3D-карусель для контактов
  • Интеграция с сетью Facebook
  • Список звонков с фотографиями
  • Фотоконтакты, основанные на виджетах
  • Управление рингтонами
  • Настраивайте ваше собственное меню
  • Менеджер беспроводной связи
  • Календарь с расписанием на 2 недели

Полный список нововведений на сайте Spb Software.
Total votes 11: ↑9 and ↓2 +7
Views 242
Comments 21

Написание инструкций пользовательского интерфейса

Interfaces *
Translation

Написание инструкций пользовательского интерфейса


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

В дополнение к подобным графическим деталям, мы часто пишем инструкции, чтобы помочь пользователям сориентироваться и понять, что им следует сделать далее. Эти инструкции обращают внимание людей на соответствующее место и побуждают предпринять определенные действия.
Читать дальше →
Total votes 60: ↑51 and ↓9 +42
Views 12K
Comments 36

Android 3.0 Preview Video

Development for Android *
Google показало самым нетерпеливым видео с новым интерфейсом Android 3.0 (да все таки 3.0!) Honeycomb

Смотрим на интерфейс «сладкой» ОС

Total votes 63: ↑54 and ↓9 +45
Views 298
Comments 67

iPhone Style чекбокс для Twitter Bootstrap

Website development *
Здравствуйте, уважаемые хабравчане.

Так случилось, что в ходе разработки моего игрушечного веб-приложения я решил сделать в интерфейсе чекбоксы в стиле iPhone. Так как вся клиентская часть разрабатывается на Twitter Bootstrap, то я решил поискать реализацию таких чекбоксов, но не нашел. Тогда я решил сделать форк вот этого проекта,
взял его за основу, перерисовал картинки, подправил css и в итоге получил примерно вот такой чекбокс


Читать дальше →
Total votes 32: ↑25 and ↓7 +18
Views 15K
Comments 22

UX/UI. Зарубежный опыт проектировки VS Росcия

REG.RU corporate blog
Не секрет, что проектирование интерфейса – это не просто создание макета сайта или мокапа приложения. Это целая совокупность факторов, зависящая от того, как поступает человек, ведь большая часть нашей жизни состоит из взаимодействия с окружающей средой. По мнению западных коллег, при проектировке макетов сайтов нужно обязательно обращать внимание на целый ряд факторов, влияющих на взаимодействие пользователя и интерфейса. Подтверждение этому – огромное количество переводов англоязычных статей на Хабре. И каждый дизайнер, программист или человек, стоящий в начале пути проектирования сайта, неизбежно пытается применить подобные знания и методики на практике, повсеместно натыкаясь на непонимание и слова: «Да это все теория…».

Позиция UX-проектировщика появилась на рынке труда сравнительно недавно и чаще всего, особенно в молодых компаниях, не имеет устоявшейся культуры проектирования. В крупной же компании специалист превращается в «рисовальщика» интерфейсов, руководствующегося такими доводами как «кнопка должна стоять слева, ведь человек читает слева-направо и обязательно ее заметит». Или же в ux-статиста, непрерывно пишущего отчеты, основываясь на данных систем аналитики [инфографика на тему: Don't Be A UX statistic http://vitamintalent.com/ux-statistic/#Development].

Если вы фанат своего дела и работаете, в первую очередь, для себя, то эта статья расскажет, как можно применить труды Гаррета, Купера, Кошика, Раскина и многих других авторов на практике, в условиях недостаточного количества времени и ресурсов.
Подробнее
Total votes 7: ↑4 and ↓3 +1
Views 12K
Comments 2

Новая разработка MIT позволяет «накладывать» интерфейс на объекты реального мира

Interfaces *


Smarter Objects — проект лаборатории MIT Media lab, в рамках которого инженеры разрабатывают AR технологию взамодействия с объектами реального мира.
Проект «Smarter Objects» исследует новый способ взаимодействия с повседневными объектами. Система связывает виртуальный объект с физическим, чтобы предоставить простой способ модификации и поведения этого физического объекта, а так же взаимодействия с другими подобными объектами. Как только пользователь наводит смартфон или планшет на объект, приложение дополненной реальности распознает его и предоставляет интуитивный графический интерфейс для программирования его поведения и взаимодействия с другими объектами. Как только он запрограммирован, с объектом возможно взаимодействовать с помощью простого интерфейса, состоящего из кнопок, крутилок и т.п. Таким образом, Smarter Object сочетают в себе адаптивность цифровых объектов с простым интерфейсом физических.

Но, как говорится, лучше один раз увидеть, чем сто раз услышать.
Смотреть видео
Total votes 63: ↑58 and ↓5 +53
Views 45K
Comments 85

Шоу UXtra — выпуск 1: интерфейсы мечты

UIDG corporate blog Interfaces *
Translation
На днях в iTunes появилось новое шоу от создателей Метрики – UXtra. UXtra – англоязычный подкаст о пользовательских впечатлениях и интерфейсах, сервис-дизайне и бизнесе, созданный при участии компании UIDG и альянса юзабилити компаний UXalliance (мировой лидер в области изучения пользовательских впечатлений и интерфейсов). Специально для аудитории Хабра создатели подкаста подготовили его транскрипт на русском языке.


Читать дальше →
Total votes 29: ↑26 and ↓3 +23
Views 18K
Comments 12

Проектирование интерфейсов в MMORPG Skyforge

VK corporate blog Game development *
Здравствуйте, я Антон Кругляков, руководитель команды User Interface проекта Skyforge. В этой статье я расскажу о нашем опыте проектирования дизайна интерфейса. Я старался максимально уменьшить теоретическую часть, но, глядя на финальный результат, понимаю, что не особо преуспел в этом.

Уникальные отличия


Читать дальше →
Total votes 62: ↑54 and ↓8 +46
Views 30K
Comments 32

Тестирование нового продукта: модуль онлайн-страхования

Payler corporate blog Payment systems *Development for e-commerce *
image

image

Дорогие друзья,

Мы тестируем новый модуль в системе Payler — модуль онлайн-страхования, который мы делаем совместно с ВТБ Страхование.

Идея модуля проста: сделать возможность для интернет-магазинов предлагать своим покупателям моментальное оформление страховки на приобретаемый товар. При этом модуль является автономным и может быть подключен параллельно с любой платежной системой. Для нас этот модуль является отдельным продуктом, наши клиенты могут подключиться к нему в автоматическом режиме. Мы хотим пригласить желающих к участию в тестировании системы.

Читать дальше →
Total votes 10: ↑6 and ↓4 +2
Views 3.6K
Comments 6

Виталий Фридман на UXPeople: «Responsive Design – это не небольшая рихтовка, он требует изменить всё»

Interfaces *Usability *
Одно из самых ярких выступлений прошлой UXPeople в виде текста.



Я практически никогда не выступаю на русском, и мне это очень непривычно – но почему бы и нет? Cегодня я бы хотел поговорить о Responsive Design.
Читать дальше →
Total votes 21: ↑17 and ↓4 +13
Views 14K
Comments 9

Весёлые табы в MAC OS X или история про тот самый Tab View

Website development *Cocoa *Objective C *Development for MacOS *
Привет всем!

История началась с того, что мне понадобилось написать приложение под Mac OS X. Все реже можно увидеть статьи по поводу разработок под desktop, да еще и под Mac OS X, но эта тема именно об этом.

Я уже писал много чего на QT, а тут встала задача использовать исключительно Cocoa.

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

Вот в проекте я дошел до разработки пользовательского интерфейса и тут мне понадобился классический шаблон Tab View. Продолжение читайте уже под катом.

Подробности
Total votes 15: ↑13 and ↓2 +11
Views 12K
Comments 11

Кратко про оптимистичный UI. Оптимистичные интерфейсы в картинках

Productivity Inside corporate blog Web design *Interfaces *Usability *Mobile applications design *
Не так давно на сайте Smashing Magazine появилась статья Дениса Мишунова, с переводом котрой можно ознакомиться на Хабре.

Вслед за этой статьей вышла еще одна – «Optimistic UIs in under 1000 words» за авторством Игоря Мандригина, в которой он затрагивает ту же тему, дополняя ее и иллюстрируя большим количеством примеров. Предлагаем вашему вниманию перевод.


Читать дальше →
Total votes 17: ↑17 and ↓0 +17
Views 17K
Comments 32

VR-Design: User Interface

Unity3D *WebGL *Development for AR and VR *
Translation
Данная статья является четвертой в цикле про качественную разработку VR-проектов. Ранее мы уже изучили основы работы со звуком в статье «Звуковые эффекты в виртуальных мирах». Ссылки на другие материалы можно найти в обзорной статье.

User Interface — это прямое взаимодействие между человеком и машиной. Это средство, с помощью которого компьютер оповещает нас о возможностях, а мы передаем ему свои намерения.

Качество и предсказуемость общения в значительной степени влияют на то, как мы воспринимаем ПО и как быстро достигаем целей.

User Interface (UI) очень важен, и при разработке наших VR-проектов мы должны уделять внимание этому аспекту.

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

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

Идеальный UI должен быть понятным, неброским и интуитивным, чтобы действия сами напрашивались. Как достичь этой высокой цели в VR-разработке, мы рассмотрим далее более подробно.

Осязаемый User Interface


image
Total votes 16: ↑16 and ↓0 +16
Views 12K
Comments 0

Социальная сеть для киноманов или как не закопаться, разрабатывая еще одну соцсеть

Web design *Mobile applications design *
Sandbox

Редизайн или немного больше?


Осенью 2016 года ко мне по рекомендации обратился заказчик с просьбой разработать iOS приложение для киноманов с достаточно обширным функционалом. На тот момент уже существовал готовый прототип с, мягко говоря, примитивным UI. Задача стояла следующим образом: сделать редизайн с доработкой “кое-какого” функционала. Уже тогда у меня закралась идея, что редизайном дело не обойдется, но на сколько объемный это проект я не осознавал. Но тем интереснее…

Читать дальше →
Total votes 17: ↑15 and ↓2 +13
Views 14K
Comments 47

Дизайн UI в играх на примере NieR:Automata

Game development *
Translation
image


Привет, меня зовут Хисаёси Кидзима, я дизайнер UI и мехов для NieR:Automata. Игровой UI (интерфейс пользователя) часто остаётся незамеченным, поэтому я рад услышать, что фанаты нашли дневник разработчиков NieR:Automata и спросили о моей работе!

Когда директор NieR:Automata Йоко Таро работает над играми, он всегда чётко знает, чего хочет, и UI не стал исключением. Я хочу рассказать вам о моей работе над UI для NieR:Automata, а также о тех заданиях, которые мне давал Йоко-сан.
Total votes 35: ↑34 and ↓1 +33
Views 26K
Comments 3

Туториал по Unreal Engine. Часть 4: UI

Game development *Unreal Engine *
Translation
Tutorial
image

Разработчики видеоигр используют графику и текст для отображения необходимой информации, например, здоровья или очков. Это называется интерфейсом пользователя (user interface, UI).

UI в Unreal Engine 4 создаётся с помощью Unreal Motion Graphics (UMG). UMG позволяет удобно выстраивать UI, перетаскивая элементы UI, такие как кнопки и текстовые метки.

В этой части туториала вы научитесь следующему:

  • Создавать HUD-дисплей, на котором отображается счётчик и таймер
  • Отображать HUD на экране
  • Обновлять счётчик и таймер, чтобы отображать значения переменных
Читать дальше →
Total votes 27: ↑27 and ↓0 +27
Views 121K
Comments 1

UX-дизайн в России и СНГ «под микроскопом»

Interfaces *Usability *
Sandbox
Пожалуй, начнем с небольшого ликбеза касательно главного объекта данной темы. А именно – с понятия UX-дизайна!

В переводе с английского User Experience означает «пользовательский опыт». То, какие впечатления испытывают пользователи при взаимодействии с разработанным дизайнером интерфейсом, насколько это просто и получается ли достичь поставленных целей.

UX-дизайн является многогранной концепцией, в которую входят следующие дисциплины:

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

image

Сегодня UX-дизайн не используется компаниями в полной мере, однако обладает большими перспективами и в самом ближайшем будущем будет оценен по достоинству.
Читать дальше →
Total votes 16: ↑15 and ↓1 +14
Views 6.5K
Comments 9

Must-Have Mobile Application Animations

Mobile applications design *Computer Animation *Software
The animation is at the heart of mobile app User experience (UX). Truth be told, energized changes quietly impart an assortment of messages and show the client the best way to explore through the mobile app by just coordinating the client's consideration.

For instance, liveliness can signify a connection between shared components. They can likewise be fundamental in demonstrating the progression between two states or direct the client's thoughtfulness regarding a suggestion to take action catch.

Such powerful development in mobile apps is dependably a utilitarian segment as opposed to adornments like structure components. Thus, movement in the UX configuration ought to be approached from the earliest starting point when the group designs the client's voyage.

At the point when the impact and ease of use of enlivened components are broken down during the QA testing stage, these changes can likewise be wiped out on the off chance that they neglect to convey a positive effect.

Vivified connections can make consistent cooperative energy between screens or realize a snapshot of progress. For instance, these activities can be any or the majority of the accompanying:

  • Check the container
  • Explore to another page
  • Open settings
  • Give framework status
  • Communicate something specific

The above is only a glimpse of something larger. So as we quickly approach the finish of 2018, we should investigate the three most blazing mobile app movement inclines that are upgrading UX no matter how you look at it.
Read more →
Total votes 8: ↑6 and ↓2 +4
Views 1.1K
Comments 7
1