Страница 2 из 8

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 24 окт 2016, 14:20
Barashkin.R
7
Рад приветствовать участников форма.
Увидел приглашение Павла принять участие в конкурсе. Решили поделиться своими скромными результатами работы.

В РГУ нефти и газа имени И. М. Губкина межкафедральным авторским коллективом создан компьютерный тренажерный комплекс процессов подготовки нефти и газа к транспорту. Тренажерный комплекс предоставляеи обучающимся среду, позволяющую приобретать навыки операторов систем подготовки нефти (УПН) и газа (УКПГ) к транспорту.

В частности в интерфейсе оператора реализованы следующие функции:
- обобщенное и детальное представление на АРМ графических экранных форм с отображением состояния технологического оборудования и значений наиболее важных измеряемых технологических параметров;
- имитация дистанционного управления технологическим оборудованием;
- представление по запросу оператора трендов измеряемых значений технологических параметров;
- формирование предупредительной и аварийной сигнализации;
- автоматическое формирование системных и технологических сообщений, формирование архивного и оперативного журнала сообщений, вывод журнала сообщений на экранные формы;
- управление скоростью расчета имитационной модели УКПГ.

Цех регенерации ДЭГ
Цех регенерации ДЭГ
Цех осушки газа
Цех осушки газа
Резервуарный парк
Резервуарный парк
Интерфейс в динамике

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 24 окт 2016, 15:24
Borjomy_1
8
Данный компонент, реализован на основе класса и специально подготовленного XYGraph. Позволяет отобразить несколько групп трендов ("аналоговых" и "дискретных"), визуально разделенных. Неисправные "аналоговые" каналы отображаются прерывистой линией. Тренды "Дискретных" каналов показываются для значения = true. Количество групп изменяется программно, в процесс работы. Каждая группа подписывается, также выводится последнее значение каждого "аналогового" канала. Параметры шкал назначаются программно. При изменении размера компонента переопределяются границы групп.
Upd.
Задача состояла в том, чтобы создать индикатор, способный показывать н-ное количество групп трендов (но в одной временной шкале) и это количество необходимо менять в процессе выполнения программы. Также необходимо, чтобы у всех групп были одинаковые подписи шкал X и Y. При этом надо понимать, что произвольные надписи на шкалах для данного контрола невозможно сделать. Поэтому задействованы два десятка шкал X и несколько шкал Y, которые специальным образом рассчитываются и позиционируются. Для графиков также специальным образом рассчитываются координаты точек, чтобы они были синхронизованы со шкалами. Ну а надписи - это одно из самых простых вещей в данном компоненте, сделаны с помощью инструмента Annotation.
На верхнем графике показаны тренды 78 термопар за 120 секунд, плюс несколько дискретных сигналов, общих для системы. При этом реальное количество плотов, задействованных в прорисовке данных, показано на рисунке - это 12 плотов, из них 2 плота - это рамки, 3 действующих плота для температур, 3 плота для неисправных слоев и 4 плота для дискретных данных. Необходимое количество плотов на самом деле организуется программно и зависит от задачи. Пример - третий рисунок, где на тренды вынесены профили распределения температур, а в подписях указана разница температур между слоями.

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 24 окт 2016, 20:10
Artem.spb
Обязательно поучаствую, когда доделаю текущий проект :)
но вот интересны условия конкурса:
  1. можно выставить только один интерфейс?
  2. кто и по каким критериям будет оценивать лучшее? :
  • красота?
  • юзабилити?
  • что-то ещё?

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 24 окт 2016, 20:55
MiRAG
Artem.spb, попробую ответить. Если что не так, Павел меня поправит :thank:
можно выставить только один интерфейс?
Несколько можно! Почему бы и нет! Сама хочу еще один подготовить...
Кто и по каким критериям будет оценивать лучшее?
Как было объявлено ранее конкурс проводится до 31 декабря 2016 года.
Голосование будет запущено в новогодние каникулы под бой курантов :drink: сроком примерно на две недели. Голосовать можно будет только за один вариант. Оценивать конкурсные работы смогут все зарегистрированные пользователи форума.
На счет критериев. Если у Вас есть предложения и пожелания на сей счет, думаю можно будет их обсудить.

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 25 окт 2016, 10:58
ESeid
9
FlowR System
И я не выдержал. Не знаю, лучший ли у меня интерфейс, но прибор пока лучший в мире в области неинвазивного атравматичского контроля кровеносных сосудов животных, без использования контрастов и рентгеновских лучей, с использованием рассеянного лазерного света. Применяется для проверки лекарственных препаратов, воздействующих на сосудистую систему мозга, конечностей, раковых опухолей.
Наша система FlowR. Обьект - мозг белой крысы. Шерсть удалена, череп не нарушен.
Наша система FlowR. Обьект - мозг белой крысы. Шерсть удалена, череп не нарушен.
В моем случае выбор интерфейса определялся тремя соображениями.
1. С прибором работают биологи в темном помещении целый рабочий день. Практически единственное светящееся пятно - экран ноутбука с фронт-панелью прибора. Значит, желателен нераздражающий и неутомляющий глаз свет, нейтрального цвета - чтобы не искажались видимые в его свете цветовые маркеры пробирок. То есть, серый цвет.
2. У биологов есть привычные программные инструменты - скажем, рентген, допплер-измерители, аппараты УЗИ. Выработался некий стандарт управляющих органов, которого желательно придерживаться, ибо он уже комфортен пользователю.
3. Именно потому, что измерения ведутся в риал-тайм режиме, а процессы длятся считанные минуты, иногда - секунды, органов управления должно быть мало, и оператор должен быть лишен "права на ошибку". В моем приборе оператору от начала измерения до его конца нужно совершить от 4 до 6 действий, причем половину их - уже на стадии анализа полученного результата. Система не позволит совершить "незаконные действия". Это позволяет работать на приборе не только подготовленным лаборантам и ассистентам, но и докторам наук, что гораздо серьезней, ибо именно они не склонны к чтению инструкций.
Далее - скрины экранов программы в процессе исследования.
Вся программная часть сделана исключительно на LabVIEW, включая управление камерой и лазерами.

В верхней части - кнопочная панель управления лазерами, выбора РОИ, выбор цветовой гаммы, геометрическая калибрация и справка. Сами экраны: левый - сам обьект сьемки, правый - результат математической обработки изображения.
Начало исследования. Слева - объект (голова крысы с удаленной шерстью), справа - проявляющееся изображение кровеносных потоков и график пульса в выбранной области (ROI)
Начало исследования. Слева - объект (голова крысы с удаленной шерстью), справа - проявляющееся изображение кровеносных потоков и график пульса в выбранной области (ROI)
Финальный экран - экран анализа. Слева - результат анализа скоростей кровеносных сосудов, справа - переключаемый экран анализа обьема кровотока в условных цветах и карта артериально-венознозного распределения (наше нау-хау).
Анализ результатов. Картина распределения кровотока по сосудам разных сечений.
Анализ результатов. Картина распределения кровотока по сосудам разных сечений.
Карта артериально-венозного распределения сосудов.
Карта артериально-венозного распределения сосудов.
Аналогичное исследование кровеносных сосудов на лапках черной мыши после операции ишемии (пресечения бедренной артерии нижней на фото лапки). Исследуются лекарства, восстанавливающие кровеносные сосуды и кровоток.
День 0. Сразу после операции, бедренная артерия нижней на фото лапки полностью пересечена.
День 0. Сразу после операции, бедренная артерия нижней на фото лапки полностью пересечена.
Карта артериально-венозного распределения
Карта артериально-венозного распределения
Картина кровотока.
Картина кровотока.
Очень интересный момент. То, что на нижней лапке кажется кровотоком, на самом деле является картиной броуновского движения и оседания красных кровяных телец на стенки сосудов.
Резолюция системы по диаметру сосудов 0.01 - 1.5 мм.

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 25 окт 2016, 19:17
Artem.spb
MiRAG писал(а):На счет критериев. Если у Вас есть предложения и пожелания на сей счет, думаю можно будет их обсудить.
странная идея - обсуждать условия конкурса после его начала :)
На мой взгляд хороший интерфейс это и красота организации элементов и простота их использования. Но вот вторую часть сложно оценить исходя из статической картинки. Вот поэтому у меня и возник вопрос о критериях.

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 26 окт 2016, 05:56
Pavel Krivozubov
Артем, всё просто - будет голосование. Кто наберет больше голосов, тот и победил)
Если на призовое место претендуют несколько человек - будет повторное голосование отдельно по ним.

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 08 ноя 2016, 11:07
MiRAG
В ходе работ по созданию комплексной системы управления движением тягового напольного электротранспорта разработаны:
- система управления электродвигателем (СУЭД);
- консоль управления электроприводом (КУЭП).
КУЭП является связующим звеном между органами управления транспортным средством и СУЭД.
КУЭП, обеспечивает индицирование технологических параметров движения электрифицированного транспортного средства и передачу команд водителя в (СУЭД).
Взаимодействие КУЭП и СУЭД осуществляется с использованием технологии CAN.
Блок-схема комплексной системы управления движением
Блок-схема комплексной системы управления движением
Для проведения настройки и проведения испытаний КУЭП и СУЭД разработано две программы, интерфейсы которых представлены ниже.
10
Программа для проверки и настройки консоли управления электроприводом (КУЭП). Описание тут.
Программа проверки и настройки КУЭП
Программа проверки и настройки КУЭП
11
Программа для проверки и настройки системы управления электродвигателем (СУЭД)
Программа проверки и настройки СУЭД. Режим работы - Ручное управление
Программа проверки и настройки СУЭД. Режим работы - Ручное управление
Программа проверки и настройки СУЭД. Режим работы - Автоматическое управление
Программа проверки и настройки СУЭД. Режим работы - Автоматическое управление

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 08 ноя 2016, 11:24
Pavel Krivozubov
Отлично, уже 10 номинантов, один краше другого!
Выкладывайте свои работы, не стесняйтесь! :super:

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 08 ноя 2016, 23:14
Sergey Ivanov
Sergey Ivanov, Окно синхронизации с выбором необходимых элементов для синхронизации. Последняя выделенная желтым строчка... Опечатка, не? :D
Ой, палюсь )
Не, не опечатка, это в полной мере отображает содержимое папки с таким названием )
rbl, Sergey Ivanov, пожалуйста дайте краткое описание Ваших программ в сообщении со скриншотами.
Ок ;)

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 10 ноя 2016, 12:57
Jakob Brontfeyn
12

Представляю вашему вниманию один из элементов комплекса ВИ-программ
для сложных многочасовых и многодневных высокотемпературных механических
испытаний металлов и сплавов.
Элемент предназначен прежде всего для наблюдения за лабораторными установками через
сеть с любого устройства имеющего стандартный интернет браузер.
Является развитием этой темы http://www.labviewportal.org/viewtopic. ... =45#p59369
Особенность:
На Х-Y графе отображается серым цветом "посмертный след", который оставила тестируемая
проба перед разрушением.(Tочнее, последняя петля гистерезиса, в пределах в которых,
ведется подсчет циклов нагружения), для специалиста важно сразу видеть ее форму, ото всюду,
а не потом у себя в бюро, просматривая файл с результатами.

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 10 ноя 2016, 13:24
Sergey Ivanov
Pavel Krivozubov писал(а):оо, Сергей, прикольно, а что эта программа делает, можешь рассказать?))

Дописал :rtfm:

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 10 ноя 2016, 15:13
Andrew Lunev
С интересом слежу за этой веткой. Захотелось высказать свои наблюдения и предложения. Возможно это поможет участникам полнее рассказать о своем решении и получить заслуженный приз.
Как я понимаю, в данном конкурсе оценивается интерфейс, а не сложность самой программы. То есть, если будет представлена программа управления адронным коллайдером, но имеющая в качестве интерфейса один стандартный Numeric Control (утрированно), то она должна проиграть программе, которая выполняет всего лишь сложение двух чисел с выводом результата, но оформленная по всем правилам дизайна и очень удобная в эксплуатации (юзабилити). И это нормально, ведь конкурс этому и посвящен.
Поэтому в описании хотелось бы увидеть кроме краткого описании функций программы еще и объяснения, почему были выбраны именно такие дизайнерские решения и в чем их преимущества. Может быть стоит обратить внимание на какие-то особенности интерфейса, которые можно не заметить на картинке, но они очень важны и найденное решение - повод для гордости. Ведь интерфейс это не просто красивые нестандартные кнопки, прежде всего это удобство в работе с программой. Мы же делаем программы не для того, чтобы использовать скриншот интерфейса в качестве хранителя экрана. :) Если применяются нестандартные цвета и индикаторы, то хочется узнать, почему именно не подошли стандартные и для чего автор применил такое решение. Мне кажется это поможет всем по другому взглянуть на разработку интерфейса и получить новые знания и идеи.
И еще хочется заметить, что выкладывать несколько картинок, одинаковых с точки зрения интерфейса, и отличающихся только данными на них мне кажется неверным. Если выкладываете вторую картинку, то поясните, для чего она была выложена и что на ней видно того, что нет на предыдущей. То есть поясните для неспециалистов, что именно на этой картинке уникального мы должны заметить по сравнению с интерфейсом предыдущей. Например в картинках ESeid интерфейс не отличается, но очень интересные изображения и они все подписаны, их интересно посмотреть. Но хотелось бы узнать чем именно отличается визуализация и в чем особенности каждой картинки с точки зрения интерфейса. На картинках Jakob Brontfeyn я не могу заметить никаких отличий интерфейса, только разные данные, но зачем тогда их пять штук? Возможно я, как не специалист по данным испытаниям, не вижу каких-то явных особенностей интерфейса, на которые стоит обратить внимание, но тогда нужны пояснения, потому что думаю, тут большинство не знает, в чем отличие разных петель гистерезиса друг от друга.

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 10 ноя 2016, 15:38
Borjomy_1
Добавил более подробное описание проведенной работы ))

Re: Конкурс на лучший пользовательский интерфейс [до 31.12.2

Добавлено: 11 ноя 2016, 09:32
Artem.spb
Andrew Lunev писал(а):Захотелось высказать свои наблюдения и предложения.
У меня в голове роились подобные же мысли, да всё лень написать было.
Добавлю ещё пару мыслей: в работах Sergey Ivanov и rbl можно разглядеть красоту интерфейса, если вглядываться и изучать. НО первое и суммарное впечатление - интерфейсы ужасны. А причина банальна - изображения-"заглушки" и замазанные названия кнопок категорически портят впечатление об интерфейсе. Экраны выглядят очень неряшливо и изучать их и вникать в юзабилити совсем не хочется.
Andrew Lunev писал(а):Ведь интерфейс это не просто красивые нестандартные кнопки, прежде всего это удобство в работе с программой.
Именно об этом я и говорил, спрашивая об условиях конкурса. Одной красивой картинкой юзабилити не добиться. И конкурс не лучший интерфейс превращается в конкурс красоты.