2014 dxdy logo

Научный форум dxdy

Математика, Физика, Computer Science, Machine Learning, LaTeX, Механика и Техника, Химия,
Биология и Медицина, Экономика и Финансовая Математика, Гуманитарные науки




Начать новую тему Ответить на тему На страницу 1, 2, 3  След.
 
 Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение20.05.2021, 15:53 


11/08/18
363
Добрый день,

сейчас заканчиваю разработку ЯМР спектрометра с динамической ядерной поляризацией на постоянных магнитах, и в ближайшее время планирую начать тестовые онлайн эксперименты.

Покритикуйте, пожалуйста, веб-интерфейс, который можно смотреть и с компьютера, и с мобильника:

https://www.elegant-nmr.com/mdb.html?r

Хочется посоветоваться с Вами, на сколько удобно было бы пользовать аппаратуру именно такой концепции, поэтому я с радостью выслушаю и учту Вашу критику, отзывы, советы и предложения.

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

Дополнительно к этому интерфейсу у нас с нашего сервера всегда бесплатно будет доступна база данных всех известных в настоящее время молекул и их конформеров (около 950 миллионов конформеров) по адресу:

https://www.elegant-nmr.com/mdb.html?rm

Критику, советы и предложения по этой бесплатной базе также с радостью выслушаю и учту!

Спасибо!

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение20.05.2021, 23:16 
Заслуженный участник


06/07/11
5627
кран.набрать.грамота
ilghiz в сообщении #1519307 писал(а):
Покритикуйте, пожалуйста, веб-интерфейс, который можно смотреть и с компьютера, и с мобильника:
Чисто эстетически - интерфейс кошмарный. Вот так делать не надо:

Изображение

Изображение

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

На второй - куча ненужных линий, от которых рябит в глазах. Выкиньте линии и тени, вместо этого добавьте подсветку строк в таблице через одну. Даже это смотрится уже лучше:

Изображение

А еще лучше перейти на CSS фреймворки. Это заранее приготовленные CSS классы, вам останется только расставить эти названия внутри ваших HTML тегов в атрибуте class.
Самый известный фреймворк - Bootstrap (и куча других есть). Там же заодно наберете красивых иконок, у них огримная библиотека.

(Оффтоп)

А еще, я так понимаю, вы пишете данные в БД и читаете из БД? Тогда, возможно, вам стоит взять что-то типа Spring Boot. Тоже снимает кучу проблем разработки... (Я бы конечно посоветовал вам мой любимый Oracle Application Express, но вы же меня пошлете подальше, когда узнаете расценки на лицензии Oracle. Хотя, если 12 ГБ и 1 процессорного ядра вам достаточно, то можно и бесплатно).


P. S. Значок ® вышел из моды лет 15 назад, кажется.

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение20.05.2021, 23:49 


11/08/18
363
Спасибо большое, rockclimber, за конструктивную критику.

Согласен, что в этих фреймах перебор с форматированием, и я уже начал по Вашему совету их переписывать. Настройки прибора, честно говоря, все время задвигал на потом, поэтому они у меня, наиболее топорно получились. Исправлюсь!

Цитата:
А еще лучше перейти на CSS фреймворки. Это заранее приготовленные CSS классы, вам останется только расставить эти названия внутри ваших HTML тегов в атрибуте class.
Самый известный фреймворк - Bootstrap (и куча других есть). Там же заодно наберете красивых иконок, у них огромная библиотека.


Не хотелось бы пользовать фреймворки, думаю, Вы, как специалист в JS, сможете оценить это, если обратите внимание, как в у меня происходит экспорт данных. Для этого зайдите, пожалуйста, в кнопку Results of Computations и кликните, пожалуйста, в ОК напротив Save The Results in New Tab - у Вас сохранится результат расчетов в виде отдельного html, который будет жить не зависимо от того, есть ли у Вас интернет, и где Вы находитесь. Сделать такое даже с CSS ным фреймворком не нарушая прав собственности бутсттрапа, будет затруднительно.

Цитата:
А еще, я так понимаю, вы пишете данные в БД и читаете из БД? Тогда, возможно, вам стоит взять что-то типа Spring Boot. Тоже снимает кучу проблем разработки... (Я бы конечно посоветовал вам мой любимый Oracle Application Express, но вы же меня пошлете подальше, когда узнаете расценки на лицензии Oracle. Хотя, если 12 ГБ и 1 процессорного ядра вам достаточно, то можно и бесплатно).


не, не в деньгах дело, а в способностях базы делать то, что мне надо. Схожая с нашей БД у PubChem занимает около 40ТБ, у нас она, с учетом иерархичности хранения молекул, занимает только 300ГБ, но для этого приходится хранить молекулы в очень иерархическом виде. Когда у нас досчитается ab initio, то исходные данные для базы будут занимать больше $10^{16}$ байт, но, я ожидаю, что мы не вылезем за рамки пары терабайт при нашем методе хранения. Сами посудите, миллиард молекул, в среднем по 60 атомов, с тремя координатами, и кучей информации о связях, распределению электронной плотности вокруг всего этого, без иерархического хранения засунуть в такие маленькие объемы - просто не возможно.

А еще - быстрое индексирование, я не сильно представляю как средствами обычных БД можно реализовать тот поиск с $O(log(n))$ по числу молекул, что у нас есть сейчас, у нас только в Refine Search можно в линейную асимптотику упереться, все остальное - либо константа, либо логарифм.


Цитата:
P. S. Значок ® вышел из моды лет 15 назад, кажется.


У нас зарегистрированная торговая марка, и патентный офис предписывает писать этот значок при каждом употреблении нашей торговой марки. У Интела, например, ведь тоже ® везде рядом с названием висит.

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение21.05.2021, 09:25 


11/08/18
363
поправил немного замеченных багов и первую страницу

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение21.05.2021, 19:46 
Заслуженный участник


06/07/11
5627
кран.набрать.грамота
ilghiz в сообщении #1519364 писал(а):
Вы, как специалист в JS
Не, я специалист в реляционных базах данных, а конкретно в Oracle. И немного в PostgreSQL. В JS я просто мимо проходил. Знаю самые основы HTML и CSS, и какие слова гуглить, "если что".

ilghiz в сообщении #1519364 писал(а):
Для этого зайдите, пожалуйста, в кнопку Results of Computations и кликните, пожалуйста, в ОК напротив Save The Results in New Tab - у Вас сохранится результат расчетов в виде отдельного html, который будет жить не зависимо от того, есть ли у Вас интернет, и где Вы находитесь.
Ну, там у вас почти нет HTML - основные данные идут просто разделенные пробелами/переносами строк. Если завернуть их в теги для таблиц и добавить немного форматирования - будет совсем капельку сложнее, но на порядки красивее. Вот, я накидал пример:

код: [ скачать ] [ спрятать ]
Используется синтаксис HTML
<html>
<head>
  <style>
    .table {
      --bs-table-bg: transparent;
      --bs-table-accent-bg: transparent;
      --bs-table-striped-color: #212529;
      --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
      --bs-table-active-color: #212529;
      --bs-table-active-bg: rgba(0, 0, 0, 0.1);
      --bs-table-hover-color: #212529;
      --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
      width: 100%;
      margin-bottom: 1rem;
      color: #212529;
      vertical-align: top;
      border-color: #dee2e6;
    }
    .table > :not(caption) > * > * {
      padding: 0.5rem 0.5rem;
      background-color: var(--bs-table-bg);
      border-bottom-width: 1px;
      box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }
    .table > tbody {
      vertical-align: inherit;
    }
    .table > thead {
      vertical-align: bottom;
    }
    .table > :not(:last-child) > :last-child > * {
      border-bottom-color: currentColor;
    }

    .table-sm > :not(caption) > * > * {
      padding: 0.25rem 0.25rem;
    }
    .table-striped > tbody > tr:nth-of-type(odd) {
      --bs-table-accent-bg: var(--bs-table-striped-bg);
      color: var(--bs-table-striped-color);
    }
    </style>
</head>
<body>
<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First parameter<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question" viewBox="0 0 16 16">
  <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
</svg></th>
      <th scope="col">Second parameter</th>
      <th scope="col">Third parameter</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>1.232</td>
      <td>-0.386</td>
      <td>0.168</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>-1.302</td>
      <td>-1.410</td>
      <td>-0.302</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td scope="row">-1.148</td>
      <td>-0.104</td>
      <td>0.250</td>
    </tr>
  </tbody>
</table>
</body>
</html>
 

Скопируйте его в блокнот, сохраните в файл с расширением .html и откройте браузером - получится что-то вроде такого:

Изображение

На всё ушло полчаса примерно - открыть сайт bootstrap, найти где там что, вытащить из файлов нужные стили, накидать пример. И это при том, что я этот bootstrap последний раз использовал на работе 3 года назад, и то совсем чуть-чуть, основную работу с ним другие люди делали.

ilghiz в сообщении #1519364 писал(а):
Сделать такое даже с CSS ным фреймворком не нарушая прав собственности бутсттрапа, будет затруднительно.
Не вижу проблем. Там довольно щадящие условия:

Цитата:
It requires you to:

Keep the license and copyright notice included in Bootstrap’s CSS and JavaScript files when you use them in your works

It permits you to:

Freely download and use Bootstrap, in whole or in part, for personal, private, company internal, or commercial purposes
Use Bootstrap in packages or distributions that you create
Modify the source code
Grant a sublicense to modify and distribute Bootstrap to third parties not included in the license
Для экспорта данных можно включить нужные стили непосредственно в html код страницы, в секцию head. Как я собственно и сделал в примере выше.

ilghiz в сообщении #1519364 писал(а):
А еще - быстрое индексирование, я не сильно представляю как средствами обычных БД можно реализовать тот поиск с $O(\log(n))$ по числу молекул, что у нас есть сейчас, у нас только в Refine Search можно в линейную асимптотику упереться, все остальное - либо константа, либо логарифм.
Средствами обычных БД реализовать поиск за логарифмическое время очень просто - просто создать индекс на поле. Другой вопрос, что я не знаю, что и как вы ищете. Если там не одно число, а какая-нибудь хитрая структура данных, возможно, СУБД общего назначения вам не подойдут. Если интересно, можем обсудить. Если не хотите раскрывать ваше ноу-хау на публичном форуме, можно в ЛС или в какой-нибудь мессенджер перейти.

ilghiz в сообщении #1519364 писал(а):
У нас зарегистрированная торговая марка, и патентный офис предписывает писать этот значок при каждом употреблении нашей торговой марки. У Интела, например, ведь тоже ® везде рядом с названием висит.
В юридических тонкостях не силен, но знаю, что другие как-то обходятся. Я всю весну лазил по сайтам с аквариумным оборудованием, кормами, лекарствами и прочим таким барахлом, не встретил там ни одного такого значка. Но это ерунда, на самом деле. Intel вон не гонится за модой, действительно лепит его везде до сих пор.

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение21.05.2021, 22:59 


11/08/18
363
Спасибо большое, rockclimber, за дельные советы!

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



Похоже то ли я тему не так озаглавил, то ли в первом сообщении не так четко основную свою цель сформулировал...

Мой пост здесь преследовал основную цель понять, на сколько удобен для пользователя сам интерфейс.

То есть мне бы хотелось бы представить три типа пользователя:

1. "аналитик": супер спец в химическом анализе, наверное или ЯМРе, или хроматографист,
2. "химик": обычный химик, которому регулярно приходится ходить на поклон к пользователю первого типа,
3. "обычный человек": человек, который по своей работе часто связан с химическим анализом, но это не его профильная профессия.

Мне бы очень-очень хотелось бы узнать у читающих эту тему,

1. на сколько удобно у меня сделан ввод вещества для анализа,
2. на сколько понятны свойства, которые я спрашиваю у пользователя для того, чтобы проанализировать неизвестную смесь и на сколько удобно сделаны методы ускорения и уточнения анализа, в случае, если пользователь уже что-то знает о том, что он анализирует,
3. на сколько удобно сделана работа с выполненными экспериментами и их обработка,
4. на сколько понятно представлены результаты и коррелируют с тем, что обычно человек ожидает от такого прибора.

и все это - через призму типа пользователя (аналитик/химик/обычный человек).

Пожалуйста, посоветуйте, что у меня удобно, а что - не очень, обещаю, учесть и прислушаться к любой критике, советам и предложениям!

Спасибо!

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение21.05.2021, 23:17 
Заслуженный участник


06/07/11
5627
кран.набрать.грамота
ilghiz в сообщении #1519470 писал(а):
Похоже то ли я тему не так озаглавил, то ли в первом сообщении не так четко основную свою цель сформулировал...
Да нет, все нормально вы сформулировали, и я понял все именно так, как вы хотели. Только вот я видел ЯМР спектрометр всего раз в жизни, 20 лет назад, и это был какой-то допотопный советский спектрометр, чуть ли не ламповый, и который к компьютеру не подключался никак вообще. Нам показали, как он включается, как снимается спектр (там была пробирочка даже с какой-то органикой), гордо назвали это лабораторной работой, и всё на этом. А вот веб-интерфейсы я вижу каждый день, и даже немного разрабатываю иногда. Поэтому написал про то, что знаю. Про ввод данных ничего не могу сказать. "Нормальный базовый уровень". Поля как поля. Если где-то неудобно или чего-то не хватает, это скажет только тот, кто с такой техникой работает. Понятия не имею, где таких искать. Если бы из здесь присутствующих кто-то работал, думаю, давно бы уже написали.

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение21.05.2021, 23:44 


11/08/18
363
Спасибо rockclimber, за ответ!

rockclimber в сообщении #1519473 писал(а):
Только вот я видел ЯМР спектрометр всего раз в жизни, 20 лет назад, и это был какой-то допотопный советский спектрометр, чуть ли не ламповый, и который к компьютеру не подключался никак вообще. Нам показали, как он включается, как снимается спектр (там была пробирочка даже с какой-то органикой), гордо назвали это лабораторной работой, и всё на этом.


полностью с Вами согласен, большинство современных ЯМР спектрометров и сейчас не далеко ушли от того, что Вы описали. То есть, да, спектры сейчас снимают существенно лучше, чем раньше, но все равно, надо брать чистое вещество, а не смесь, долго и муторно очищать от примесей, и растворять в тяжелой воде перед анализом, а вот у нас, немного другая концепция:

1. снял страшный 7-ми мерный DNP ЯМР спектр смеси как есть на разреженной сетке,
2. программа его сама обработала,
3. пользователь на выходе получил сразу концентрации веществ и структурные формулы.

То есть ни каких страшилок с тяжелой водой, визуализацией и трактовкой очень многомерных спектров на неравномерной и разреженной сетке...

То есть хочется, чтобы было сразу с первого захода удобно, и я как раз очень хотел бы узнать у почтенной аудитории нашего форума, скажите, пожалуйста, все ли мы учли в плане эргономики постановки эксперимента и пользовательского интерфейса?

Спасибо!

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение24.05.2021, 01:06 
Аватара пользователя


16/03/17
475
К оценке подобных специализированных интерфейсов есть два подхода:
1. Оценивать их с точки зрения профессионалов, которые будут их использовать.
2. Оценивать их с точки зрения случайных пользователей, которые понятия не имеют, о чем идет речь и для чего это нужно.

Для #1 вам нужно опрашивать именно профессионалов, а не случайных посетителей на форуме, пусть даже и научном. У вас ведь в описании даже "обычный человек" это более-менее профессионал в данной области. Я уверен, что вы знаете многих людей, которые работают с этими данными. Вы общались с ними? Со многими? В каком формате?

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

Для #2 можно в самом деле спрашивать кого угодно. И это кто угодно (например, я), в данном случае скажет вам, что интерфейс настолько ужасныйнеудобный и устаревший, что здесь нужно не менять что-то, а просто все выкидывать и начинать заново с нуля.

Но зачем вам оценка от аудитории #2? Это примерно как спрашивать пассажира самолета насколько он считает удобным интерфейс кабины пилотов. Он тоже ничего не поймет и будет спрашивать почему иконки такие немодные и непонятные, почему так так много разных кнопок, где тач скрин, почему нет всплывающих подсказок и прочая, и прочая, чему его избаловали современные веб и мобильные интерфейсы, ориентированные на нулевой профессиональный уровень и решающие совершенно другие задачи.

Но и даже с учетом всего этого, пригласите все-таки дизайнера... Когда дизайн делает инженер или программист - это примерно то же самое, когда непонятный для него прибор/код проектирует/пишет дизайнер. Подобные вещи всегда должны делаться совместно. Объяснять вам, что здесь плохо будет бесполезно, поскольку вы не сможете это исправить. Это не в укор вам, просто это разные специальности и профессиональные навыки, которые не приобретаются в рамках ответов-вопросов в одной теме форума.

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение24.05.2021, 03:45 


11/08/18
363
большое спасибо, Odysseus, за Ваш подробный отзыв!

Odysseus в сообщении #1519759 писал(а):
У вас ведь в описании даже "обычный человек" это более-менее профессионал в данной области.

Под "обычным человеком" я как раз понимал людей, которые имели в школе по химии 4-5, но далее в университете химию не изучали, но по долгу службы им пришлось столкнуться с химическими анализаторами - то есть им приходится оперировать понятиями - тут есть смесь, в смеси есть то-то и то-то с такими-то концентрациями. В общем для этого наверное даже сильно химию знать не надо.

Odysseus в сообщении #1519759 писал(а):
Для #1 вам нужно опрашивать именно профессионалов, а не случайных посетителей на форуме, пусть даже и научном. ...
Я уверен, что вы знаете многих людей, которые работают с этими данными. Вы общались с ними? Со многими? В каком формате?


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

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

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

Odysseus в сообщении #1519759 писал(а):
Но и даже с учетом всего этого, пригласите все-таки дизайнера... Когда дизайн делает инженер или программист - это примерно то же самое, когда непонятный для него прибор/код


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

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

А теперь по сути, позвольте, пожалуйста, у вас спросить:

Odysseus в сообщении #1519759 писал(а):
Он тоже ничего не поймет и будет спрашивать почему иконки такие немодные и непонятные, почему так так много разных кнопок,

скажите, пожалуйста, а чем они не модные, что конкретно в них не то?

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение25.05.2021, 00:47 
Аватара пользователя


16/03/17
475
ilghiz в сообщении #1519765 писал(а):
"Понравилось. Интерфейс достаточно дружелюбный , хороший Help , очень хорошие , вменяемые подсказки.
Я , так это , слегка порезвился и не увидел трудностей для лаборанта , а паче для инженера хим.анализа."
Просто "спросить" это не тот формат, который я вам рекомендую. Еще раз:
Odysseus в сообщении #1519759 писал(а):
Правильным форматом было бы договариваться с ними о встрече минимум на час, приглашать их к себе (или общаться по видео колу если встретиться нельзя), все детально показывать (или, наоборот, просить их выполнять какие-то действия и комментировать их), и потом проводить с ними подробное интервью и спрашивать их что им нравится и не нравится в других системах, какие у них есть проблемы, которые нужно решить, что было понятно или непонятно в вашей системе, насколько она решает их проблемы и т.д.

Иначе большинство так и не будет отвечать, как в вашем случае и было. А те, кто решил ответить - могут написать формальную отписку или чтобы сэкономить свое время, или из-за того, что будут понимать тщетность что-то объяснить в письменном виде (без обсуждения, без обратной связи и т.д.), примерно как я и писал выше.

ilghiz в сообщении #1519765 писал(а):
Прошлой осенью заказывал у двух дизайнеров именно этот интерфейс, один дизайнер не осилил отображение молекул, дизайн второго забраковал я сам. У второго дизайнера морда без визуализации была нарисована на реакте, а отрисовка молекул - каким-то сторонним фреймворком с непрозрачной лицензией. [...] Один фронт-ендер даже прокомментировал, что будет сам вместо реактовских хелпов такую же технологию в ембеддед использовать.

Вы говорите о разработчиках, а не дизайнерах. Универсальной профессией "веб дизайнер" это называлось лет 25-30 назад. С тех пор они давно разделились.

ilghiz в сообщении #1519765 писал(а):
скажите, пожалуйста, а чем они не модные, что конкретно в них не то?
А разве я давал какой-то отзыв на ваши иконки? Это была иллюстрация того, как некто может воспринимать непонятные ему профессиональные интерфейсы. А также иллюстрация того, что подобные отзывы вам, скорее всего, помогут очень мало, поскольку они будут от пользователей, которые к вашей целевой категории никак не относятся. Дизайн иконок здесь уже дело десятое.

Ну ок, допустим я такое вам скажу:
- Почему у вас такой мелкий шрифт и такие узкие колонки с текстом?
- Шрифт Times хорош для книг, но, за исключением особых ситуаций, не для веба.
- "Метод многомерного DNP NMR с неравномерным семплингом" нужно или писать в кавычках, или слово "метод" писать с маленькой буквы. Аналогично и про два остальных "Метода". Есть и много других проблем с текстами, включая банальные опечатки типа "HELP: рекомендаци и примеры", грамматические и орфографические ошибки, проблемы со стилем (например, зачем писать "пожалуйста"? разве пользователи что-то делают для вас?) и т.д.
- Пользоваться интерфейсом в котором нельзя вернуться назад очень неудобно. Если у вас критичная необходимость иметь только один URL у всего интерфейса (т.е. нельзя пользоваться браузерной кнопкой Back), то нужно хотя бы добавить такую кнопку в интерфейс руками. Иначе юзер, случайно попав куда-то, будет долго искать как оттуда вернуться назад, в итоге будет просто перегружать страницу, а потом ему это надоест и он просто уйдет. То, что вы в самом низу одной из страниц предупреждаете об этой проблеме никак не помогает с ней смириться.
- Хлебные крошки в данном случае тоже были бы полезны.
- После клика по молекуле я попадаю на страницу с текстами, но клик по любому месту в них ведет на начальную страницу. Что это значит? Почему?
- На той же странице (после клика по молекуле) набор иконок в колонке слева с пояснениями имеет совершенно случайное отношение к иконкам наверху: другое количество иконок, другой порядок... Что это значит? Почему?
- Когда после клика на знак ? в вебе открывается подсказка, то 100% пользователей будет ожидать, что клик где-то в другом месте или клик на Esc закроют ее.
- Некоторые другие проблемы вам уже перечислили выше.

И так можно продолжать очень долго.

Да, и иконки... Они имеют смысл только в следующих случаях:
1) Нет места для текстового названия данного пункта меню.
2) Значение иконки настолько очевидно, что текстовое название и не нужно, зато экономится место.
3) Для украшения и/или визуального разделения разных пунктов меню.

В вашем случае ни один из этих факторов не выполняется:
- Пункты меню в хедере вполне можно было бы назвать словами вместо иконок, пусть и сокращенно.
- Значение ваших иконок без поясняющих текстов понять совершенно невозможно. Не зря у вас для их расшифровки выделена целая страница. Это нормально для научной статьи, но не для интерфейсов. Или вы ожидаете, что юзер распечатает инструкцию по вашим иконкам и будет с ней все время сверяться?
- Визуально иконки очень плохи: непонятно почему именно такие цвета (точнее, группы цветов), мешанина в визуальных стилях, слишком большие, расположены слишком близко друг к другу, примитивные эффекты при наведении и т.д.

Вам помогают такие комментарии? И вы поймете как это все исправить?

Вообще, я бы рекомендовал вам поискать примеры более профессиональных и удобных веб интерфейсов более-менее близкие к вашим задачам. Тематика при этом может быть совершенно другой, важны общие идеи и цели. Мне кажется такие должны быть. Если вы их найдете и внимательно изучите, включая копирования их решений по UX и UI, то это могло бы вам помочь.

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение25.05.2021, 02:32 


11/08/18
363
Очень Вам благодарен, за интересное мнение!

Odysseus в сообщении #1519934 писал(а):
Просто "спросить" это не тот формат, который я вам рекомендую. Еще раз:

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

Опечатки - да, пока имеются, но, Вы же заметили, текст изменяется по несколько раз в день, и опечатки конечно устраняем.

Про кнопку back.

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

А Вы можете назвать юзер интерфейс хотя бы одного приложения с кнопкой back, кроме текстовых редакторов? Вот Вы как представляете, аппарат засосал вещество и начало анализ, а юзер кнопку back нажал, тогда аппарат ему должен это вещество назад выплюнуть?

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

Odysseus в сообщении #1519934 писал(а):
Вы говорите о разработчиках, а не дизайнерах. Универсальной профессией "веб дизайнер" это называлось лет 25-30 назад. С тех пор они давно разделились.

Я не сильно разбираюсь в таких тонкостях, сами эти люди были предоставлены фирмами по разработке юзер-интерфейсов, вначале долго уговаривали меня нарисовать это на дот нете, но когда узнали какой там бекенд с CUDA и массивно-параллельностью, и то, что у нас есть требование поддержки морды на всех платформах, угомонились и согласились писать на ЖС.

Без фреймворков дизайнеры писать не умеют, Вы же это понимаете, на то они и дизайнеры, а функциональность требовала больших телодвижений, которые даже в несколько фремворков запихнуть сложно.

Чтоб это оценить, Вы хотя бы в базе молекулы полистайте, а то, похоже, что Вы дальше заставки с картинкой молекулы дальше и не ходили.

Вот, например, в строке поиска можно вбить C20H20-40O10N5 и лицезреть массу интересных молекул и с пуриновыми основаниями, и другие гетероядерные циклы, и даже их хлорзамещенные. А ведь большую часть всего этого этим аппаратом можно проанализировать, найдя их в смеси, которую Вы подадите на вход нашего аппарата. (Баг при отрисовке CID = 91173304 и еще пары конформеров будет скоро устранен).

Изображение

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

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

Промазать - нереально, я понимаю, конечно, что выборка из десятка студентов не сильно репрезентативная, но к осени будет сотня студентов, и любой разумный конструктив, в том числе и Ваши замечания, я конечно же буду учитывать.

Odysseus в сообщении #1519934 писал(а):
- Когда после клика на знак ? в вебе открывается подсказка, то 100% пользователей будет ожидать, что клик где-то в другом месте или клик на Esc закроют ее.

А на мобильнике или планшете есть Esc? А ведь именно там эти подсказки наиболее востребованы. Хотя полностью соглашусь с Вами, что для тех, у кого есть Esc, надо забиндить закрытие подсказки. А вот рядом можно нажать, потому-что юзер хочет ввести что-то. И если подсказка пропадет, то будет очень не удобно. Именно из-за этого я терпеть не могу то, как устроены подсказки в реакте и, кажется в ангуляре.

Со шрифтами - точно, Вы правы, у меня это давно в листе стоит, чтобы скалировать все всегда на устройство, чтобы везде одинаково читабельно было. Пока руки не дошли.

Odysseus в сообщении #1519934 писал(а):
- Пункты меню в хедере вполне можно было бы назвать словами вместо иконок, пусть и сокращенно.


Вы третий человек, который имеет отношение к дизайну, и мне это советует. Но, два предыдущие не смогли мне предложить короткие и емкие названия, чтобы морда была одинаково удобна и на десктопе, и на мобильнике, и на 4" дисплее самого прибора. Про руку в перчатке и, как следствие, отсутствие мультитача, надо не забывать. А Вы сможете? Я вот много думал, и не смог, картинки получились информативнее.

Odysseus в сообщении #1519934 писал(а):
И вы поймете как это все исправить?

если заметить, что еще осенью прошлого года я не понимал различий между жавой и жаваскриптом, а сейчас по крайней мере весь ЖС контент, включая сам минимайер, написан мной, думаю, что смогу, главное понимать что именно надо исправить.

Odysseus в сообщении #1519934 писал(а):
Вообще, я бы рекомендовал вам поискать примеры более профессиональных и удобных веб интерфейсов более-менее близкие к вашим задачам.

Да, золотые слова! Я вот тоже сам упорно ищу, но у аналогичных аппаратов есть только UI на дотнетах, и в браузере я не встречал ни одного UI. Возможно, кто-то из химиков, кто читает эту ветку, сможет мне подсказать название и ссылку на аналогичную аппаратуру, у которой есть UI на веб интерфейсе, чтобы велосипед не изобретать.

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение09.06.2021, 10:17 


11/08/18
363
Добрый день,

поправил первую страничку и стили во всей остальной функциональности как советовали здесь и посоветовали другие бета тестеры.

Надеюсь, что сейчас все стало гораздо понятнее. Посмотрите, пожалуйста!

На очень старых браузерах что-то может уже не функционировать.

С радостью прислушаюсь к всем Вашим советам!

Спасибо!

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение09.06.2021, 12:26 
Аватара пользователя


07/03/16

3167
ilghiz в сообщении #1519307 писал(а):
Покритикуйте, пожалуйста, веб-интерфейс, который можно смотреть и с компьютера, и с мобильника:
https://www.elegant-nmr.com/mdb.html?r

Посмотрел на это безобразие глазом профессионального химика и ничего не понял. В смысле, для химика там информации практически нет - только для специалиста по информатике - куча непонятных терминов вместо простых слов понятных химику.

 Профиль  
                  
 
 Re: Покритикуйте, пожалуйста, веб-интерфейс ЯМР спектрометра
Сообщение09.06.2021, 12:38 


11/08/18
363
Очень благодарен Вам, Emergency, за ответ!

Позвольте, пожалуйста, у Вас спросить, а какие термны Вам были не понятны? Я тоже химик по образованию (МГУ, химфак) и реально был удивлен такому отзыву.

 Профиль  
                  
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 35 ]  На страницу 1, 2, 3  След.

Модераторы: photon, Toucan, Супермодераторы



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group