Обновите ArcaOS до уровня NeoWPS Установите набор PNG иконок, нарисованных дизайнером, специализирующемся на оформлении OS/2 Установите eSchemes 2018, чтобы менять цвета и кнопки на рабочем столе

TITLE: Предложения по развитию Presentation Manager (PM)

DATE: 2011-10-11 14:55:17

AUTHOR: eCo Software

2012/05/20

Введение

Элементы управления должны быть незаметными, удобными. Важно, как показывать данные пользователя? Ничего лишнего, правильный размер, правильное количество буковок. Можно помогать разработчикам в этом вопросе, если делать правильные PM-контролы (элементы управления, шаблоны окон).

PM-01: Система уведомлений (баннеры, плакаты)

(Desktop, PM)

Реализовано. см. сайт: http://ecomstation.ru/banners

PIC: Задача - показать, что хотим сделать слой для плакатов (баннеров) поверх рабочего стола. Чтобы плакаты не перекрывались и всегла находили свободное место.

Предлагается: нарисовать картинку 3D: Рабочий стол в 3D перспективе. перед ним полупрозрачная стекляный экран (прямоугольник такого же размера). на нем 4 плаката. Т.е. сверху два, по центру 1 и второй где-то..  

4.2. Новая радиостанция

Плакатик, что новая интернет радио станция - Jazz

4.3. CRC Banners

PIC: Wifi, Battery LOW - найти старые картинки

4.4. Информирование пользователя

Сейчас: при операциях suspend/resume - нет сообщений. При shutdown - есть MsgBox При загрузке - при успешной загрузке - не нужны, только если ошибки.

Вопрос: нужны ли сообщения при засыпании/просыпании ноутбука (Progress-bar / MsgBox)? Почему это так важно?

• "+" если перевод компьютера в другое состояние происходит "тихо" и при этом сбой, тогда пользователь в замешательстве.

Для каких еще приложений нужны плакаты?

PM-04: Элемент управления "Кнопка с ответом"

(PM)

Кнопка с ответом = Кнопка с локальным статусом

Рекомендуется использовать такой элемент: Кнопка и справа от неё окно для сообщения результата. При нажатии на кнопку, результат пишется в окно для сообщения.

Раньше было принято по-другому: нажимаешь кнопку, показывается MsgBox. Или результат пишется в статус-строке внизу Главного окна.

Примеры:

• [Save document]. После нажатия, в окне для сообщения пишется, удалось ли записать документ или произошла ошибка.

PM-05: Элемент управления "Выбери меня"

Опять убедились, что нужно сделать:

PM-контрол "ВыбериМеня" (Select me, Toolbar with transparency)

Useful for simple applications

Расширить его использование - пусть он используется в 1% всех диалогов.

• + больше иконок на экране
• + трудно попадать в маленькие кнопки, а здесь удобнее.

PM-06: Элемент управления "MxN, Картинки и текст с подкладкой"

(PM)

// В каком виде выпускать? PM-контрол с советами

Второе название: Select me с полупрозрачными надписями

Предлагается сделать PM-контрол вида:

Example 2

Ну да, стандартное меню, выбери картинку из NxM матрицы.

В каких программах может применяться?

• Прикладная программа? 0 идей
• Какая-то системная утилита? 0 идей

Разработчик задает картинки и текст, а PM-контрол все это визуализирует. Обуждаем:

• имеет ли смысл? удобный ли? важный ли?
• какие программы смогут использовать такой контрол? 10-20 программ?

ЕСЛИ это важно, нужно и полезно, то
WIZARD: Как адаптировать к eCS? Поместить во Frame рамку ?

PM-09: Локальный всплывающий тулбар

// В каком виде выпускать? Опубликовать в виде советов

Хороший пример: Firefox, при нажатии Ctrl-F появляется тулбар для поиска текста.

Идея пришла когда обсуждали Virtual keyboard.

Для VKeyb предлагается сделать такое:

• Юзер нажимает маленькую кнопку Quick-Настройки (в виде шестеренки)
• => Сверху окна программы всплывает тулбар на всю ширину высотой 40 пикселей,
• На окне кнопочки и галочки:

      [x] Float on top,  Combo-box:  Язык [ Русская раскладка 443 ],  [x] Beeps,  
  

Смысл?

• "+" -- это только для некоторых программ типа: аудио-плейеров, Virtual keyboard, ..
• "-" -- Можно конечно по нажатию Quick-Настройки открывать полные настройки.
• "-" -- Зачем нужен тулбар, если для этого есть Popup-меню? На да... Всё равно предлагается тулбар.
• На практике хочется что-то упрощенное. Нужно на ходу менять буквально пару опций.

ЕСЛИ это важно, нужно и полезно, то
WIZARD: Нужен пример: взять скриншот клавиатуры и пририсовать сверху тулбар с галочками.

PM-10: Тулбар с круглыми кнопками

Toolbar, Round buttons, - напомнить историю coolfm, warpvision.

PIC: картинка + маска (это чтобы нарисовать), а также картинка с нажатыми и картинками с подсвеченными мышью

(здесь)

В результате можно будет делать

PIC: все-таки нужен тулбар с кнопками, которые разного размера, чтобы юзеры прочуствовали. плюс.. важно показать окно с фильмом. (пример)

Influence:

• + Enforce multimedia applications
• + Enforce shareware applications

PM-11: Контрол "Анимация"

[PM]

Нужно сделать новый элемент управления: Окно с анимацией: gif, или простой сценарий. кнопки stop/play не нужны. просто прокручивание кадров.

Применение:

• eCo Market: прокручивать баннеры рекламные
• Некоторые программы: логотип компании прокручивать (эээ.. в 90-ые так делали - ужас)

PM-12: PM-контрол NxM картинок

Важно, чтобы интерфейс для разработчика был простым.

• Разработчик открывает окно
• Передает список картинок (на диске, и / или из rc)
• PM-контрол показывает картинки
• юзер кликает по одной - PM-контрол возвращает результат программе.

PM-13: Локальная кнопка (в рабочем окне)

Что такое локальная кнопка? Это кнопка а рабочей области, где показываются данные для пользователя (в контейнере, в большом окне, ..). Вот вариант, как рисовать локальную кнопку. picture 1 picture 2

Обсуждение:

• e-co: Итак, нарисованы разноцветные кнопочки типа Install, ..

  Возможно, они должны быть серого цвета, не 3D. а такие.. округлые, с закругленными углами. шрифт? Warpsans жирный. серый фон у кнопки, цвет надписи белый? и рамка.. какую же рамку рисовать такой кнопке? и еще вопрос: при нажатии на такую кнопку, она вдавливается? какой эффект?

• Ivan: возможно цвет кнопки и текста должен настраиваться, а нажатие обозначать изменением цвета.

flat button, Плоские кнопки: http://programming.softlandmark.com/images/screenshots/My_Command_Button_ActiveX_28295.jpg

PM-14: Таблица с сортировкой

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

PM-15: ThumbSelector / Thumbnail selector

Разработчик подает контролу N картинок. Контрол возвращает: выбрана картинка i-ая, либо отмена.

Опции: размер картинки, размер всего окна.

Как выглядит? по середине картинка, слева и справа стрелочки для пролистывания, какие-то тексты: всего 25 картинок, выбрана: "Тургенев"

Важно: нужно какие-то украшения, чтобы запоминалось. Да, это контрол из eComStation.

PM-16: Матрица картинок

Разработчик подает контролу N картинок. Контрол возвращает: выбрана картинка i-ая, либо отмена.

Похоже, такой элемент уже готов - см. Матрица с бабусями.

PM-17: Заголовок фрейм-окна

A) Нужно рисовать иконку PNG слева вверху. Можно ли показывать крупную PNG иконку слева вверху?

• смотрю на Win 7 - у них иконки в левом верхнем углу могут быть длинными. вот skype лого даже помещается мы обсуждали, что ща у нас в окнах .ico и что делать, если на рабочем столе PNG? ресайзить PNG до 32x32 ? или через eSchemes рисовать в углу большую PNG?
• Вариант 2: e-co: Имхо, да, берем пример: Firefox, у него есть меню приложения. Сдвинь меню вправо, рисуй слева вверху кусок PNG иконки. Или 2/3 по высоте, 100% по горизонтали. Или 2/3 по высоте и 2/3 по ширине.

PM-XX: Несколько предложений

В eComStation не хватает разных библиотечек для организации пользовательского интерфейса. Можно было бы ими заняться, но и тут та же проблема - непонятно, как продать. Единственный выход - делать PM-либу + shareware-программу на её основе.

Дополнительная информация:

• Сайт про пользовательский интерфейс eComStation / IBM OS/2 Warp -- http://ecomstation.ru/userinterface

Комментарии:

Sergey Posokhov 2011-10-11 22:53:29

PM-02: только не делайте, пожалуйста, прыгающих менюшек - терпеть их не могу...

Прокомментируйте эту статью (напоминаем, автор работал над текстом несколько недель, уважайте мнение других).

Ваше имя: Ваш E-Mail: CODE:
Ваш комментарий:

Книги про eComStation и OS/2 Warp: для чайников, разработчиков и специалистов. Списки здесь