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

[Eugen Graf]

13

Чат-клиент

При этом заметьте, если соединения с сервером нет, логотип меняется

[FireFly]

При этом заметьте, если соединения с сервером нет, логотип меняется

Забавно :)
Я как-то много баловался с подобными вещами. Сейчас есть программа, в которой почти всё становится видимым/невидимым в зависимости от других нажатых кнопок и введённых значений :) Просто пользователю было нужно иметь в сумме 70 элементов управления (к счастью не все сразу), и нужно было придумать как не захламить интерфейс.

[Pavel Krivozubov]

eg, прикольно! Кстати если функционал будет добавляться, то пустое черное поле справа от логотипа прямо напрашивается на красочный тулбар с большими кнопками) Хотя может у тебя другое видиние )

FireFly, а как насчет выложить эту работу на конкурс?

[crashwork]

eg, прикольно! Кстати если функционал будет добавляться, то пустое черное поле справа от логотипа прямо напрашивается на красочный тулбар с большими кнопками) Хотя может у тебя другое видиние )

Поддерживаю, или на крайняк сделать что то в дизайнерском плане (как в шапке сайта).

Иконка с грустной рожицей просто отпад, возьму идею на вооружение.

[Eugen Graf]

Как человек, увлекающийся графическим дизайном, выложу свои мысли на счёт чёрного пустого пространства:

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

Так как наш конкурс по дизайну лицевой панели останусь при первой точке зрения.

Поясняю: это пустое место - воздух, пространство, говорящее о ненавязчивости и свободе. Каждый пользователь оценит это сознательно или подсознательно. Тем более чёрный цвет (правда не совсем чёрный, а тёмно серый, не напрягающий глаз) = преувеличено РГБ 000, что по идее не является цветом и увеличивает этот эффект.

Основное внимание обращено в первую очередь на белые или цветные элементы, что и требуется на самом деле.

Согласен с тем, что сам по себе интерфейс несложный, но нужно сначала суметь его сделать несложным. Я бы мог в принципе добавить туда ещё много элементов, как лампочки и кнопочки (что отчасти и было в первой недоработаной версии чата), но зачем они нужны, если можно обойтись и без них. Ведь программа работает...

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

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

Без каких либо претензий, спасибо за критику

ЗЫ вы даже не предствляете сколько лишних элементов я поубирал при подгоне дизайна форума и сайта портала. Я бы с удовольствием убрал ещё многое, но у меня не хватает на это времени.

[FireFly]

14
Ладно, руки до доработки программы не доходят, так что решил не затягивать и выложить как есть.
1) Окошко для ввода первоначальных настроек.
2) После запуска пользователя всречает основное окно. Т.к. настройки нулевые, то ничего не работает. Для ввода настроек используется кнопка "Изменить настройки"
3) После нажатия на эту кнопку пользователь попадает в "режим настроек", текст нажатой кнопки меняется на "Перейти в режим измерения", т.е. обратно. Вместо индикатора температуры появляется кнопка "Изменить настройки ключей" (т.к. все настройки на один экран не влезли разбил их на "Настройки ключей" и "Настройки АЦП"). В текущем режиме "Изменения настроек АЦП" находятся настройки для трёх АЦП. Названия контролов и селекторов как в техзадании, так что постороннему человеку могут быть не очевидны их назначения :)
На скрине выбран ручной режим, дополнительных настроек нет. За ручное включению отвечают кнопки справа, которые будут активны в режиме измерения.
4) Автоматический периодический режим. Появляются 4 контрола для ввода времён и дат. Кннопки справа меняются на индикаторы, т.к. режим не предусматривает ручное управление в процессе измерения.

[FireFly]

5) Из файла. Появляется поле для выбора пути к файлу. Кнопок для ручного управления так же нет.
6) выбираем "Режим управления ключами". Текст на отжатой кнопке меняется на "Изменить настройки ключей". В настройках ключей есть 5 одинаковых полей для настроек. Каждое отвечает за свой ключ. Выбрал различные настройки для каждого:
а) Однократный режим, не выбран запуск по дате - минимум настроек
б) Однократный режим, выбран запуск по дате - появляется окно для ввода даты
в) Периодический режим, не выбран запуск по дате - появляется 2 поля по сравнению с однократным
г) Периодический режим, выбран запуск по дате - добавляется окно для ввода даты
д) Из файла - появляется поле для выбора пути к файлу. Аналогично АЦП кнопка для ручного управления исчезает и появляется индикатор с датой след. запуска.
7) По сравнению с предыдущим скрином в поле "длительность включения" введено значение отличное от нуля (0 - ручное выключение), и как следствие пропадает возможность ручного управления и кнопка для ручного управления исчезает и появляется индикатор с датой след. запуска.

[FireFly]

8) и 9) Режимы измерений. Над графиками индикаторы с извещением о включении "Защиты", на графиках рисуются измеренные напряжения, для визуального контроля процесса (основная задача всё-таки запись результатов в файл). Столбец индикаторов показывает текущее состояние ключей (вкл/выкл) и АЦП, столбец кнопок показывает включился ли "режим". Нажатие на нажатую кнопку выключает режим. Текст кнопок говорит сам за себя.

[FireFly]

В общем вот такой интерфейс...
Как можно заметить я фанат идеологии "Надпись на кнопке должна показывать что случится если на неё нажать" :)
Если будут вопросы - задавайте.

[Pavel Krivozubov]

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

[FireFly]

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

[Pavel Krivozubov]

Да, производственники, они такие Им план ковать надо.

[FireFly]

А вообще это моя первая программа для кого-то. Всё остальное я писал для себя, для автоматизации каких-то исследований и проверок, т.о. требований к интерфейсу не было никаких, т.к. сам его создав я уже знал что есть что. А тут пришлось думать над тем чтобы назначение элементов управления было ясным. Техзадание было очень скупым (типа "должна быть возможность выбора трех режимов, для режима такого-то нужно вводить "длительность включения"...") и продумывать всё пришлось самому... Ну и немаловажную роль тут сыграл тот факт что я наткнулся на такой замечательный Property как Visible :) Ну и вдоволь с ним набаловался :)
Так что я пока только начал искать идеальный интерфейс :) и ваш конкурс тут подвернулся очень удачно. очень полезно посмотреть как остальные решили этот вопрос.
А, кстати, насчет плана это очень верно. На меня успели поворчать за то что я так долго вожусь с "красивостями программы", вместо того чтобы они уже могли начать серию испытаний :)

[Pavel Krivozubov]

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

[Eugene]

15

Небольшой interface Использовался для ввода данных больных в database