Привет! После предыдущих моих постов мне часто писали ребята, которые начинают изучать тему UI/UX. Это так классно, спасибо вам! И в этой статье я делюсь принципами, которые будут интересны и полезны новичку.
Рубрика «интерфейсы» - 91
Общие принципы в создании мобильных приложений для начинающего UX-UI-дизайнера
2016-01-28 в 10:24, admin, рубрики: android, app, design, iOS, UI, UX, Блог компании e-Legion Ltd., веб-дизайн, дизайн мобильных приложений, интерфейсыКак указывать диапазоны дат в интерфейсах?
2016-01-27 в 11:39, admin, рубрики: usability, диапазоны, инпуты, интерфейсы, Календарь, юзабилити, метки: датаОднозначного и исчерпывающего ответа на вопрос поверхностный поиск не дал, справочники академического характера чаще всего выдают результаты для изданий (в т.ч. с вариантами использования римских цифр, что не очень подходит для интерфейсов), поэтому хочется понять, как лучше указывать именно диапазоны именно дат и именно в интерфейсах и попробовать сформулировать правило или выявить закономерности. для этого я вспомнил все, какие мог, кейсы, и упорядочил их в таблице — кейс, числовой пример, формат полный и сокращенный, для дней, недель, месяцев, кварталов, полугодий и лет (внутри поста).
Поясню задачу: например, необходимо в мобильном приложении вывести сводку по расходам за определенный период и сформулировать понятный пользователю заголовок с выбранным диапазоном дат. Так, чтобы не набор цифр, а чтобы по-человечески понятно было.
Ширина экрана мобильного устройства чаще всего небольшая, поэтому есть необходимость сокращать. При этом, кроме технической ширины, хочется учитывать еще и эстетическое восприятие и не грузить интерфейс лишними сущностями. Аналогичная ситуация с инпутами в вебе. Усугубляется ситуация на мелких устройствах типа часов и разного рода небольших дисплеях.
Например, получаются вот такие странные штуки:
В этой статье вы сможете прочитать про протокол Высокого уровня — Can Kingdom, который в свою очередь ложится поверх ISO 11898 CAN. Статья будет состоять из двух частей:
1. Can Kingdom и надёжные системы (общие понятия, примеры)
2. Собранная система с Can Kingdom. Королевство без Короля.
Немало можно найти про CAN Open материалов на любом языке, это связано с широкой распространённостью данного протокола, однако CAN Kingdom во некоторых моментах более прост (как в реализации, так и в понимании). В этой статье я хотел поделится с вами как и общей информацией о CAN Kingdom (на русском не нашёл ничего в интернете), так и примером собранной мною системы на его базе.
Читать полностью »
Подборка: Более 800 ресурсов для front-end-разработчиков
2016-01-22 в 7:30, admin, рубрики: front-end, Блог компании ИТ-ГРАД, Веб-разработка, дизайн, интерфейсы, ИТ-ГРАД, разработка 
Мы продолжаем публиковать подборки полезных инструментов. Ниже представлена подборка из более 800 сервисов, книг, статей, видеотуториалов и других материалов, которые будут полезны всем, кто занимается фронтенд-разработкой (на английском этот материал опубликован на GitHub).Читать полностью »
История одного прогресс-бара
2016-01-20 в 7:23, admin, рубрики: 2GIS, C#, switchtowindowsphone, windows phone, WP, XAML, Блог компании 2ГИС, интерфейсы, разработка, разработка мобильных приложений, разработка под windows phone 
Наверное, любому программисту, который разрабатывает пользовательский интерфейс на C#/XAML, приходилось писать нестандартные элементы управления. В нашей веселой команде 2GIS для Windows Phone мы довольно часто делаем это, и такие задачи стали почти рутиной. Но об одном случае мне хочется рассказать подробнее. Все началось с того, что однажды нам понадобилось написать весьма своеобразный прогресс-бар.
Почему сложно программировать UI и как выглядит идеальный фреймворк
2016-01-19 в 12:24, admin, рубрики: angular, javascript, ReactJS, UI, Блог компании «Hexlet», интерфейс, интерфейсы, информатика, конечные автоматы, состояние, фреймворкПривет!
Одна из сложных задач современной разработки — это программирование пользовательского интерфейса. С увеличением количества элементов сложность увеличивается нелинейно и совладать с огромным количеством вариантов, состояний и переходов становится практически невозможно. Фреймворки вроде Angular со своим двусторонним связыванием пытается решить эту проблему, но на фундаментальном уровне ничего не меняется.
Со-основатель, технический директор и главный учитель нашего образовательного проекта Хекслет Кирилл Мокевнин рассказывает про сложность программирования интерфейсов и каким образом можно совладать со сложностью если вы знакомы с одной базовой концепцией информатики. Заодно расскажет и покажет идеальный JS-фреймворк для программирования UI.
По UI мотивам недалёкого прошлого или визуализация системы с нуля
2016-01-19 в 11:46, admin, рубрики: metro, metro ui, Metro-design, usability, блоки, веб-дизайн, Веб-разработка, данные, дизайн интерфейсов, интерфейс пользователя, интерфейсы, интерфейсы и юзабилити, разработка, система, системы хранения данных 
Хочу поделиться с вами своим опытом разработки с нуля системы внутрикорпоративного менеджмента чатов и аудио/видео записей. Дело было поболее года назад. Забегая вперёд, хочу с огорчением сказать, что сейчас проект заморожен. Кризис ли, потеря веры в проект руководством или еще какие-то причины — мне неизвестно. Хотя коллектив был приятный, решать задачи было интересно и увлекательно. Я вообще люблю постановку задач в духе: “У нас есть вот такой набор данных, но мы не знаем как это должно выглядеть. Вот, возьми карандаш и изобрази нам чего-нибудь”. И сотрудничество с ними идеально попало под такой формат.Читать полностью »
Расширенный поиск Яндекса (и Гугла) с помощью установленного скрипта или в интерфейсе
2016-01-19 в 10:36, admin, рубрики: Google, Google API, javascript, userscript, userscripts, интерфейсы, Расширения для браузеров, расширенный поиск, юзерскрипт, яндекс, Яндекс API 
В яндекс-поисковике, как и в Гугле, есть настройки расширенного поиска (по датам, документам, сайтам, стране, языку, ...) и специальные страницы для расширенного поиска. То и другое бывает неудобно из-за интерфейса — большого количества нажимаемых кнопок, кликов и движений. Для некоторых (частоиспользуемых) режимов поиска сделаны юзерскрипты с выбором одной из десятков кнопок в один клик. На экране видны лишь несколько стартовых кнопок, работающих как спадающие списки по наведению мыши.
Такой скрипт, когда-то бывший без спадающих списков, давно работал на страницах Гугла, и, судя по количеству скачиваний, приобрёл популярность среди англоязычных пользователей (есть выбор 5 языков интерфейса). Однажды подумалось, что его несложно будет перенести на Яндекс, и на выходных за пару дней адаптация и перекраска под цвета Яндекса была сделана, и теперь он представляется «целевой аудитории» — людям из IT, которым иногда приходится много искать и которым привычно устанавливать дополнительные скрипты и ходить по гитхабам.
Читать полностью »
GDG DevFest Красноярск 2015: Фотоотчёт
2016-01-18 в 13:12, admin, рубрики: devfest, gdg, Блог компании Google, интерфейсы, конференция разработчиков, красноярск, разработка мобильных приложений, Разработка под android, функциональное программирование, метки: gdgКонференцию посетило более 200 человек, среди которых были как поклонники технологий Google так и те кто только присматривается к ним. Мы получили множество положительных отзывов от посетителей DevFest’а и уже настроились проводить следующее событие, но об этом позже, а сейчас детали того, что было.
STM32F4 USB RNDIS драйвер (управление устройством через Web-интерфейс)
2016-01-16 в 14:33, admin, рубрики: C, dhcp, DNS, ethernet, lwip, rndis, STM32F4, STM32F4Discovery, usb, встраиваемые системы, гаджеты и девайсы, интерфейс, интерфейсы, клиент-сервер, контроллер, программирование микроконтроллеров, разработка, Сетевые технологии, стандарты, метки: rndis Доброе время суток, дорогие друзья!
Первым делом хотелось бы с лучшими пожеланиями поздравить всех с минувшими новогодними праздниками!
Ранее в статье была анонсирована разработка RNDIS USB драйвера для контроллеров серии STM32F4. С тех пор библиотека постепенно развивалась и нынче доросла до первой release-версии. Библиотека под названием LRNDIS (LWIP + RNDIS) позволяет нам создавать на базе контроллера STM32F4 как устройства класса USB «модем», так и любые другие устройства с управлением через web-интерфейс. Пример управления платой stm32f4-discovery из web-браузера на Android-планшете представлен на видео:
На странице видеоролика представлена ссылка на исходные коды и HEX-файл прошивки для платы discovery, с которым вы сможете повторить данный эксперимент. В статье рассказано о том, как и когда технология доступа через WEB-интерфейс полезна, а также — как работает библиотека LRNDIS для контроллеров STM32F4. Также присутствует обучающий материал о работе USB и устройстве Ethernet-сетей.
Читать полностью »