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

Различные конкурсы нашего портала

Какой интерфейс вы считаете лучшим?

Poll ended at 26 Dec 2016, 11:53

1. Программа для проверки аппаратно-программного имитатора системы захвата и удержания
0
No votes
2. Программа для системы цифрового диаграммообразования
6
21%
3. Программа для чтения папки с видеороликами и отображениях их на главной панели
0
No votes
4. Программа для создания проектов куполов церквей
1
4%
5. Программа для функционального тестирования электронных плат и блоков
0
No votes
6. Передняя панель программной части контрольно-проверочной аппаратуры
0
No votes
7. Компьютерный тренажерный комплекс процессов подготовки нефти и газа к транспорту
2
7%
8. Компонент для отображения нескольких трендов на основе XYGraph.
0
No votes
9. Интерфейс для аппаратуры неинвазивного атравматического контроля кровеносных сосудов животных
0
No votes
10. Программа для проверки и настройки консоли управления электроприводом (КУЭП)
0
No votes
11. Программа для проверки и настройки системы управления электродвигателем (СУЭД)
0
No votes
12. Программа для для высокотемпературных механических испытаний металлов и сплавов
0
No votes
13. Программа для управления машинами непрерывного литья заготовок
6
21%
14. DDSN SYSTEM - это система управления КНС
1
4%
15. Лабораторный практикум "Исследование биполярного транзистора"
0
No votes
16. OpenWindow style
1
4%
17. Интерфейс для испытательных стендов
0
No votes
18. Пульт управления электро-физической установкой
2
7%
19. Программа Signals Viewer
0
No votes
20. Стенд для знакомства с контуром положения
0
No votes
21. Программное обеспечение для малоамперного дугового тренажера сварщика.
9
32%
 
Total votes : 28

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

Postby Barashkin.R on 24 Oct 2016, 14:20

7
Рад приветствовать участников форма.
Увидел приглашение Павла принять участие в конкурсе. Решили поделиться своими скромными результатами работы.

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

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


1.JPG
Цех регенерации ДЭГ


2.JPG
Цех осушки газа


3.JPG
Резервуарный парк


Интерфейс в динамике
Barashkin.R
interested
interested
 
Posts: 2
Joined: 24 Oct 2016, 12:24
Medals: 1
Bronze (1)
LabVIEW Version: 2014
Karma: 5

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

Postby Borjomy_1 on 24 Oct 2016, 15:24

8
Данный компонент, реализован на основе класса и специально подготовленного XYGraph. Позволяет отобразить несколько групп трендов ("аналоговых" и "дискретных"), визуально разделенных. Неисправные "аналоговые" каналы отображаются прерывистой линией. Тренды "Дискретных" каналов показываются для значения = true. Количество групп изменяется программно, в процесс работы. Каждая группа подписывается, также выводится последнее значение каждого "аналогового" канала. Параметры шкал назначаются программно. При изменении размера компонента переопределяются границы групп.
Upd.
Задача состояла в том, чтобы создать индикатор, способный показывать н-ное количество групп трендов (но в одной временной шкале) и это количество необходимо менять в процессе выполнения программы. Также необходимо, чтобы у всех групп были одинаковые подписи шкал X и Y. При этом надо понимать, что произвольные надписи на шкалах для данного контрола невозможно сделать. Поэтому задействованы два десятка шкал X и несколько шкал Y, которые специальным образом рассчитываются и позиционируются. Для графиков также специальным образом рассчитываются координаты точек, чтобы они были синхронизованы со шкалами. Ну а надписи - это одно из самых простых вещей в данном компоненте, сделаны с помощью инструмента Annotation.
На верхнем графике показаны тренды 78 термопар за 120 секунд, плюс несколько дискретных сигналов, общих для системы. При этом реальное количество плотов, задействованных в прорисовке данных, показано на рисунке - это 12 плотов, из них 2 плота - это рамки, 3 действующих плота для температур, 3 плота для неисправных слоев и 4 плота для дискретных данных. Необходимое количество плотов на самом деле организуется программно и зависит от задачи. Пример - третий рисунок, где на тренды вынесены профили распределения температур, а в подписях указана разница температур между слоями.
Attachments
Компонент.png
Компонент1.png
Компонент2.png
Last edited by Borjomy_1 on 10 Nov 2016, 15:37, edited 6 times in total.
Borjomy_1
expert
expert
 
Posts: 1896
Joined: 28 Jun 2012, 09:32
Location: город семи холмов
Medals: 3
Activity (1) Professionalism (1) Silver (1)
LabVIEW Version: 4-8.6,9-14
Karma: 329
VIP

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

Postby Artem.spb on 24 Oct 2016, 20:10

Обязательно поучаствую, когда доделаю текущий проект :)
но вот интересны условия конкурса:
  1. можно выставить только один интерфейс?
  2. кто и по каким критериям будет оценивать лучшее? :
  • красота?
  • юзабилити?
  • что-то ещё?
Artem.spb
expert
expert
 
Posts: 1617
Joined: 31 Jul 2011, 23:05
Medals: 2
Activity (1) Автор (1)
LabVIEW Version: 12,14,15
Karma: 262
CLD hardware I/O VIP freelance

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

Postby MiRAG on 24 Oct 2016, 20:55

Artem.spb, попробую ответить. Если что не так, Павел меня поправит :thank:
можно выставить только один интерфейс?

Несколько можно! Почему бы и нет! Сама хочу еще один подготовить...

Кто и по каким критериям будет оценивать лучшее?

Как было объявлено ранее конкурс проводится до 31 декабря 2016 года.
Голосование будет запущено в новогодние каникулы под бой курантов :drink: сроком примерно на две недели. Голосовать можно будет только за один вариант. Оценивать конкурсные работы смогут все зарегистрированные пользователи форума.
На счет критериев. Если у Вас есть предложения и пожелания на сей счет, думаю можно будет их обсудить.
User avatar
MiRAG
beginner
beginner
 
Posts: 18
Joined: 27 Feb 2012, 13:47
Location: Удмуртия, г. Сарапул
LabVIEW Version: 2013
Karma: 22
hardware

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

Postby ESeid on 25 Oct 2016, 10:58

9
FlowR System
И я не выдержал. Не знаю, лучший ли у меня интерфейс, но прибор пока лучший в мире в области неинвазивного атравматичского контроля кровеносных сосудов животных, без использования контрастов и рентгеновских лучей, с использованием рассеянного лазерного света. Применяется для проверки лекарственных препаратов, воздействующих на сосудистую систему мозга, конечностей, раковых опухолей.
FlowR.jpg
Наша система FlowR. Обьект - мозг белой крысы. Шерсть удалена, череп не нарушен.

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

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


Финальный экран - экран анализа. Слева - результат анализа скоростей кровеносных сосудов, справа - переключаемый экран анализа обьема кровотока в условных цветах и карта артериально-венознозного распределения (наше нау-хау).
Brain-3.jpg
Анализ результатов. Картина распределения кровотока по сосудам разных сечений.

Brain-4.jpg
Карта артериально-венозного распределения сосудов.

Аналогичное исследование кровеносных сосудов на лапках черной мыши после операции ишемии (пресечения бедренной артерии нижней на фото лапки). Исследуются лекарства, восстанавливающие кровеносные сосуды и кровоток.
Legs-1.jpg
День 0. Сразу после операции, бедренная артерия нижней на фото лапки полностью пересечена.

Legs-2.jpg
Карта артериально-венозного распределения

Legs-3.jpg
Картина кровотока.

Очень интересный момент. То, что на нижней лапке кажется кровотоком, на самом деле является картиной броуновского движения и оседания красных кровяных телец на стенки сосудов.
Резолюция системы по диаметру сосудов 0.01 - 1.5 мм.
Last edited by ESeid on 26 Nov 2016, 20:59, edited 3 times in total.
ESeid
assistant
assistant
 
Posts: 149
Joined: 30 Mar 2011, 22:41
Medals: 1
Автор (1)
LabVIEW Version: 8.2-2013
Karma: 34

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

Postby Artem.spb on 25 Oct 2016, 19:17

MiRAG wrote:На счет критериев. Если у Вас есть предложения и пожелания на сей счет, думаю можно будет их обсудить.

странная идея - обсуждать условия конкурса после его начала :)
На мой взгляд хороший интерфейс это и красота организации элементов и простота их использования. Но вот вторую часть сложно оценить исходя из статической картинки. Вот поэтому у меня и возник вопрос о критериях.
Artem.spb
expert
expert
 
Posts: 1617
Joined: 31 Jul 2011, 23:05
Medals: 2
Activity (1) Автор (1)
LabVIEW Version: 12,14,15
Karma: 262
CLD hardware I/O VIP freelance

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

Postby Pavel Krivozubov on 26 Oct 2016, 05:56

Артем, всё просто - будет голосование. Кто наберет больше голосов, тот и победил)
Если на призовое место претендуют несколько человек - будет повторное голосование отдельно по ним.
User avatar
Pavel Krivozubov
professor
professor
 
Posts: 4391
Joined: 07 Feb 2008, 16:39
Location: г. Электросталь
Medals: 3
Activity (2) Bronze (1)
LabVIEW Version: 7.0 - 2013
Karma: 218
hardware I/O PDA VIP vision bloggers internet teachers students freelance

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

Postby MiRAG on 08 Nov 2016, 11:07

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

Для проведения настройки и проведения испытаний КУЭП и СУЭД разработано две программы, интерфейсы которых представлены ниже.
10
Программа для проверки и настройки консоли управления электроприводом (КУЭП). Описание тут.
КУЭП - Главная1.jpg
Программа проверки и настройки КУЭП

11
Программа для проверки и настройки системы управления электродвигателем (СУЭД)
1 картинка в ТУ едет 10%.jpg
Программа проверки и настройки СУЭД. Режим работы - Ручное управление
Автоматический режим 3.jpg
Программа проверки и настройки СУЭД. Режим работы - Автоматическое управление
Attachments
_15332_РАЗРАБОТКА ПРОГРАММНОГО ПРОДУКТА ДЛЯ ПРОВЕДЕНИЯ ИСПЫТАНИЙ И НАСТРОЙКИ КОНСОЛИ УПРАВЛЕНИЯ ЭЛЕКТРОПРИВОДОМ_с заголовком.pdf
(1.46 MiB) Downloaded 197 times
User avatar
MiRAG
beginner
beginner
 
Posts: 18
Joined: 27 Feb 2012, 13:47
Location: Удмуртия, г. Сарапул
LabVIEW Version: 2013
Karma: 22
hardware

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

Postby Pavel Krivozubov on 08 Nov 2016, 11:24

Отлично, уже 10 номинантов, один краше другого!
Выкладывайте свои работы, не стесняйтесь! :super:
User avatar
Pavel Krivozubov
professor
professor
 
Posts: 4391
Joined: 07 Feb 2008, 16:39
Location: г. Электросталь
Medals: 3
Activity (2) Bronze (1)
LabVIEW Version: 7.0 - 2013
Karma: 218
hardware I/O PDA VIP vision bloggers internet teachers students freelance

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

Postby Sergey Ivanov on 08 Nov 2016, 23:14

Sergey Ivanov, Окно синхронизации с выбором необходимых элементов для синхронизации. Последняя выделенная желтым строчка... Опечатка, не? :D


Ой, палюсь )
Не, не опечатка, это в полной мере отображает содержимое папки с таким названием )

rbl, Sergey Ivanov, пожалуйста дайте краткое описание Ваших программ в сообщении со скриншотами.


Ок ;)
Добро пожаловать на http://rk-stud.ru/
User avatar
Sergey Ivanov
expert
expert
 
Posts: 1193
Joined: 01 Mar 2009, 20:54
Location: Санкт-Петербург, Кронштадт
Medals: 5
Activity (1) Professionalism (1) Gold (2) Автор (1)
LabVIEW Version: 2013
Karma: 117
hardware VIP

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

Postby Jakob Brontfeyn on 10 Nov 2016, 12:57

12

Представляю вашему вниманию один из элементов комплекса ВИ-программ
для сложных многочасовых и многодневных высокотемпературных механических
испытаний металлов и сплавов.
Элемент предназначен прежде всего для наблюдения за лабораторными установками через
сеть с любого устройства имеющего стандартный интернет браузер.
Является развитием этой темы http://www.labviewportal.ru/viewtopic.p ... =45#p59369
Особенность:
На Х-Y графе отображается серым цветом "посмертный след", который оставила тестируемая
проба перед разрушением.(Tочнее, последняя петля гистерезиса, в пределах в которых,
ведется подсчет циклов нагружения), для специалиста важно сразу видеть ее форму, ото всюду,
а не потом у себя в бюро, просматривая файл с результатами.
Attachments
X_Y_Nikolaus.png
XY_Philipp.png
X_Y_Niko.png
X_Y_Mathias.png
X_Y_Philip.png
User avatar
Jakob Brontfeyn
expert
expert
 
Posts: 1704
Joined: 28 Feb 2008, 11:01
Medals: 6
Activity (1) Gold (1) Silver (2) Black (2)
Karma: 237
VIP

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

Postby Sergey Ivanov on 10 Nov 2016, 13:24

Pavel Krivozubov wrote:оо, Сергей, прикольно, а что эта программа делает, можешь рассказать?))



Дописал :rtfm:
Добро пожаловать на http://rk-stud.ru/
User avatar
Sergey Ivanov
expert
expert
 
Posts: 1193
Joined: 01 Mar 2009, 20:54
Location: Санкт-Петербург, Кронштадт
Medals: 5
Activity (1) Professionalism (1) Gold (2) Автор (1)
LabVIEW Version: 2013
Karma: 117
hardware VIP

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

Postby Andrew Lunev on 10 Nov 2016, 15:13

С интересом слежу за этой веткой. Захотелось высказать свои наблюдения и предложения. Возможно это поможет участникам полнее рассказать о своем решении и получить заслуженный приз.
Как я понимаю, в данном конкурсе оценивается интерфейс, а не сложность самой программы. То есть, если будет представлена программа управления адронным коллайдером, но имеющая в качестве интерфейса один стандартный Numeric Control (утрированно), то она должна проиграть программе, которая выполняет всего лишь сложение двух чисел с выводом результата, но оформленная по всем правилам дизайна и очень удобная в эксплуатации (юзабилити). И это нормально, ведь конкурс этому и посвящен.
Поэтому в описании хотелось бы увидеть кроме краткого описании функций программы еще и объяснения, почему были выбраны именно такие дизайнерские решения и в чем их преимущества. Может быть стоит обратить внимание на какие-то особенности интерфейса, которые можно не заметить на картинке, но они очень важны и найденное решение - повод для гордости. Ведь интерфейс это не просто красивые нестандартные кнопки, прежде всего это удобство в работе с программой. Мы же делаем программы не для того, чтобы использовать скриншот интерфейса в качестве хранителя экрана. :) Если применяются нестандартные цвета и индикаторы, то хочется узнать, почему именно не подошли стандартные и для чего автор применил такое решение. Мне кажется это поможет всем по другому взглянуть на разработку интерфейса и получить новые знания и идеи.
И еще хочется заметить, что выкладывать несколько картинок, одинаковых с точки зрения интерфейса, и отличающихся только данными на них мне кажется неверным. Если выкладываете вторую картинку, то поясните, для чего она была выложена и что на ней видно того, что нет на предыдущей. То есть поясните для неспециалистов, что именно на этой картинке уникального мы должны заметить по сравнению с интерфейсом предыдущей. Например в картинках ESeid интерфейс не отличается, но очень интересные изображения и они все подписаны, их интересно посмотреть. Но хотелось бы узнать чем именно отличается визуализация и в чем особенности каждой картинки с точки зрения интерфейса. На картинках Jakob Brontfeyn я не могу заметить никаких отличий интерфейса, только разные данные, но зачем тогда их пять штук? Возможно я, как не специалист по данным испытаниям, не вижу каких-то явных особенностей интерфейса, на которые стоит обратить внимание, но тогда нужны пояснения, потому что думаю, тут большинство не знает, в чем отличие разных петель гистерезиса друг от друга.
User avatar
Andrew Lunev
leader
leader
 
Posts: 877
Joined: 11 Dec 2010, 12:31
Location: Москва
Medals: 2
Activity (1) Professionalism (1)
LabVIEW Version: 2018
Karma: 251
hardware I/O VIP teachers

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

Postby Borjomy_1 on 10 Nov 2016, 15:38

Добавил более подробное описание проведенной работы ))
Borjomy_1
expert
expert
 
Posts: 1896
Joined: 28 Jun 2012, 09:32
Location: город семи холмов
Medals: 3
Activity (1) Professionalism (1) Silver (1)
LabVIEW Version: 4-8.6,9-14
Karma: 329
VIP

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

Postby Artem.spb on 11 Nov 2016, 09:32

Andrew Lunev wrote:Захотелось высказать свои наблюдения и предложения.

У меня в голове роились подобные же мысли, да всё лень написать было.
Добавлю ещё пару мыслей: в работах Sergey Ivanov и rbl можно разглядеть красоту интерфейса, если вглядываться и изучать. НО первое и суммарное впечатление - интерфейсы ужасны. А причина банальна - изображения-"заглушки" и замазанные названия кнопок категорически портят впечатление об интерфейсе. Экраны выглядят очень неряшливо и изучать их и вникать в юзабилити совсем не хочется.

Andrew Lunev wrote:Ведь интерфейс это не просто красивые нестандартные кнопки, прежде всего это удобство в работе с программой.

Именно об этом я и говорил, спрашивая об условиях конкурса. Одной красивой картинкой юзабилити не добиться. И конкурс не лучший интерфейс превращается в конкурс красоты.
Artem.spb
expert
expert
 
Posts: 1617
Joined: 31 Jul 2011, 23:05
Medals: 2
Activity (1) Автор (1)
LabVIEW Version: 12,14,15
Karma: 262
CLD hardware I/O VIP freelance

PreviousNext

Return to Конкурсы

Who is online

Users browsing this forum: No registered users and 1 guest

cron