Под катом пример добавления в гриде админки Magento 2 дополнительной колонки с данными из таблицы, связанной с основной таблицей грида, и "грязный хак" для работы фильтра по дополнительной колонке. Допускаю, что это не вполне "Magento 2 way", но это как-то работает, а потому — имеет право на существование.
Рубрика «UI» - 22
Magento 2: добавление колонки к гриду админки
2016-06-10 в 11:50, admin, рубрики: Grid, magento 2, UI, Разработка под e-commerceИспользуем HTML и WebBrowser control в качестве UI для обычных windows-приложений на C#
2016-06-01 в 23:41, admin, рубрики: .net, C#, html, UI, ненормальное программированиеКак известно, контрол WebBrowser это просто обертка над ActiveX компонентом Internet Explorer. Следовательно он предоставляет доступ к полноценному layout-движку со всеми современными плюшками. А раз так, то попробуем (сам не знаю правда зачем) на его основе сделать пользовательский интерфейс для обычного windows-приложения.
Можно, конечно, было бы запустить в этом же процессе мини веб-сервер (на HttpListener например) и ловить запросы через него, но это слишком просто, скучно и неспортивно. Попробуем обойтись без сетевых компонентов, just for fun.
Читать полностью »
5 ошибок, которых следует избегать при создании микровзаимодействий
2016-05-25 в 9:26, admin, рубрики: UI, UX, web, анимация, Блог компании ua-hosting.company, веб-дизайн, дизайн, микровзаимодействия, разработка, метки: микровзаимодействияМикровзаимодействия — один из ключевых моментов UI/UX-дизайна. Они содержат детали, части продукта, которые выполняют одну конкретную задачу. Каждый раз когда мы меняем настройки, синхронизируем данные и устройства, устанавливаем будильник, вводим логин и пароль или выбираем определенную функцию — мы сталкиваемся с микровзаимодействиями. Они сопровождают нас повсюду: в различных устройствах и приложениях наших телефонов, компьютеров, в офисной и бытовой технике, в транспорте и дома. И если микровзаимодействия сделаны правильно, они делают нашу жизнь комфортнее, интереснее и проще.
В этом посте мы рассмотрим 5 ошибок, которые следует избегать при создании микровзаимодействий.
Свой UX приложения ЖКХ Москвы с чатом и крутилками
2016-05-24 в 13:14, admin, рубрики: accessibility, design, ios app, ios design, redmadrobot, UI, usability, UX, агрегатор, Блог компании REDMADROBOT, дизайн мобильных приложений, жкх, интерфейсы, концепт, модульность, редизайн, реструктуризация, социальный сервис, форум, чат-бот, метки: ios design
Технологии развиваются со сверхзвуковой скоростью, а проектирование интерфейсов, как и любой навык, нуждается в постоянной практике. Совокупность двух этих факторов открывает целую галактику для полёта дизайнерской мысли.
На мой взгляд, в проектировании интерфейса любые смелые идеи могут оказаться ключом к успеху, но лишь при трёх условиях:
- если решение интуитивно понятно
- если решение упрощает процесс взаимодействия
- если решение реализуемо
Как грустно, что в крупном городе с Wi-Fi в метро и воздушными зебрами до сих пор нужно вчитываться в запутанные квитанции и стоять в очередях, чтобы оплатить коммунальные услуги.
Не так давно вышло приложение ЖКХ Москвы, призванное облегчить жизнь граждан. Его описание гласит:
«С помощью приложения возможно ввести показания счетчиков водоснабжения, узнать, когда отключат горячую воду, получить информацию об управляющей компании, узнать задолженность по услугам ЖКХ, принять участие в опросе, а также обсудить с соседями проблемы обслуживания вашего дома на форуме.»
Chrome отключил навигацию назад по кнопке Backspace
2016-05-20 в 10:39, admin, рубрики: Backspace, chrome, chromium, open source, UI, браузеры, горячие клавиши, интерфейс, юзабилити«За много лет мы получили столько жалоб, что решили сделать, наконец, правильный выбор»
Тем пользователям Chrome/Chromium, кто привык нажимать Backspace для возврата на предыдущую страницу, придётся менять привычки. Это стало понятно из обсуждения в баг-трекере Chromium (Issue 608016).
Обсуждение началось с невинного баг-репорта: у пользователя после обновления на последнюю версию Chrome 52.0.2720.0 (Canary) перестала работать кнопка Backspace для навигации. Как выяснилось, это вовсе не баг. Теперь Chrome по умолчанию не возвращается на предыдущую страницу по Backspace. Разработчики предупреждали об изменении ещё в апреле: см. Issue 1854963002, коммит от 11 апреля.
Читать полностью »
Что случилось с Google Maps?
2016-05-02 в 11:30, admin, рубрики: Google Maps, UI, usability, вершины графа, Геоинформационные сервисы, граф, графический дизайн, дизайн, дуги графа, интерфейс, интерфейсы, картография, математика, ребра графа, теория графов, узлы графа, Эдвард ТафтиЕсли вы часто пользуетесь картами Google Maps, то наверняка заметили изменения, которые произошли после редизайна примерно три года назад. Самое заметное, что стало гораздо меньше меток, карты как будто опустели.
Вот как выглядят окрестности Нью-Йорка, в сравнении с картой 2010 года.
Сколько городов исчезло с карты? Давайте посчитаем.
Читать полностью »
pyLCI — внешний интерфейс для Raspberry Pi и других Linux-устройств
2016-04-03 в 8:35, admin, рубрики: diy или сделай сам, linux, pylci, Raspberry Pi, UI, ЖелезоПривет!
Сегодня я хочу показать вам проект, над которым я работал последние пару лет и наконец выпускаю первую пригодную для использования версию. Это pyLCI — Python-based Linux Control Interface, внешний интерфейс для компьютеров с Linux, который позволяет взаимодействовать с системой посредством символьных дисплеев и кнопок. С помощью написанных под этот интерфейс приложений можно выполнять большое количество задач, связанных с администрированием и настройкой системы, а также запускать различные скрипты и выполнять команды. И всё это — не завися от монитора с клавиатурой!
А ещё мой интерфейс:
- Дешёвый
- Простой
- Легко расширяемый
- Универсальный
Заинтересованы? Прошу под кат.
Релиз Webix 3.2. Новые виджеты для работы с данными и прочие фичи
2016-03-17 в 15:18, admin, рубрики: framework, html, javascript, release, spreadsheet, UI, webix, Веб-разработка
Следуя традиции выпускать новые версии библиотеки с завидным постоянством, разработчики Webix сообщили о выходе регулярного весеннего релиза, на этот раз за номером 3.2. Среди нововведений в этой версии были замечены два новых виджета: SpreadSheet, который, как видно из названия, служит для создания экселеподобных таблиц, а также RangeChart, позволяющий выбрать для отображения определенный участок большого графика. Помимо этого, были добавлены новые возможности, позволяющие расширить функционал уже имеющихся компонентов.
Но обо всем по порядку.
Читать полностью »
Мои правила хорошего интерфейса
2016-02-17 в 11:07, admin, рубрики: interface, tutorial, UI, usability, UX, баланс, веб-дизайн, Веб-разработка, документация, иконка, интерфейс, интерфейсы, кнопка, обучение, отступы, плоскость, принципы, пропорции, разработка, расположение, сетка, цвет, цветовая схема, элементы интерфейса 
В этой статье я привожу примеры основных принципов или концепций, которыми руководствуюсь при проектировании десктопных интерфейсов. Не планирую выступать новатором или поучителем, но с радостью поделюсь набором установок, который помогает мне в работе.Читать полностью »
Оптимизация UI: Опыт 1cloud
2016-02-15 в 11:28, admin, рубрики: 1cloud, UI, Блог компании 1cloud.ru, юзабилити 
Дизайн и создание интерфейсов продуктов являются одной из областей, в которых многим проектам подчас приходится идти на компромиссы. Сегодня мы расскажем о том, как мы в 1cloud модернизировали сайт проекта и развивали некоторые пользовательские функции.Читать полностью »