дизайн интерфейса

design

Недавно MSI объявила конкурс на лучший дизайн и концепцию Click BIOS. Данный BIOS помимо красивого и удобного графического интерфейса с поддержкой мышки он принесет нам возможность загружать ОС с жестких дисков объемом 3Tb, а также обещает ускорить загрузку самой ОС. В данном блоге хочу Вам показать мой вариант дизайна Click BIOS, а также рассказать о его особенностях.
Поддержать меня Вы можете здесь. Моя работа №20

Впервые MSI внедрила Click BIOS на материнской плате MSI P35-Neo3 Efinity. Главная страница ClickBIOS выглядит вот так:

msi

Главный недостаток по моему мнению в малой информативности (просто мало информативная «Цяця»), а также в том, что если добавить еще 1 раздел, то придется переделывать дизайн, чтобы уместить иконку нового раздела. :(

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

Мой вариант главной страницы MSI Click BIOS:

msi

Кнопки большие и поэтому долго в них целиться не надо. Справа вы можете увидеть подсказки, а также основные функциональные клавиши, что, несомненно, ускорит освоение БИОСа новичками.

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

Раздел «Игры» я убрал. Ну не место им в BIOS! Вместо этого лучше пусть сделают раздел «Тесты», куда поместят аналоги LinPack, MemTest и Victoria. Также мною были добавлены раздел «Системный мониторинг» и «Помощь». Последний раздел будет особенно полезен новичкам и частично разгрузит работников сервисных центров.

Раздел «Разгон»

Не скажу, что у MSI сейчас он очень удобен:

msi

Много свободного места простаивает и зарезервировано под появляющиеся «списки», которые по удобству недалеко ушли от стандартного BIOS. Номинальные значения параметров также не отображаются.

Мой вариант:

msi

Я сделал уклон на большие «ползунки» (будет удобно даже при сенсорном вводе через экран планшетников) с цветовой индикацией:
– красный означает, что значение параметра близко к критичному. Новичков должно отпугнуть сразу «выжимать педаль газа в пол»;
– желтый – значение значительно повышено относительно номинального;
– зеленый – значение оптимально;
– синий – значение занижено относительно номинального.

Значение параметра можно изменить 3–мя способами:
– ввести в текстовое поле;
– передвинуть ползунок;
– нажимая на кнопки «+» или «–».

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

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

При нажатии на кнопке F11 появляется менеджер профилей разгона:

msi

Где есть 13 профилей с привязанными к ним «горячими» клавишами. Каждому профилю можно присвоить свое имя и ввести краткое описание. Как и в старом BIOS фукции кнопок дублируются для удобства клавиатурного ввода отдельными клавишами.

Раздел «Настройки»

У MSI он выбивается из общей концепции дизайна:

msi

Мой вариант:

msi

Непонятный по наполнению System Status убран. Часть его наполнения отображается в более привычном Standartd CMOS Features. Кнопка Save & Exit есть вверху окна и здесь не нужна.

Раздел «Утилиты»

Содержит стандартные для Click BIOSа пункты:

msi

Раздел «Системный мониторинг»

Такого раздела в стандартном наборе MSI Click BIOS не был. Раздел содержит некоторые нововведения по сравнению со стандартом обычного BIOS:

msi

Справа отображается температуры основных компонентов ПК, обороты вентиляторов, напряжения в системе, SMART жестких дисков. Можно также выбрать один из режимов работы всех вентиляторов: оптимальный, тихий, производительный.

Для оценки состояния параметров используется цветовая индикация и иконки.

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

Если нажать на надписи Info возле одного из винчестеров, то откроется утилита для просмотра SMART-статусов винчестеров:

msi

В выпадающем списке можно выбрать любой винчестер и программа оценит его здоровье.

Раздел ЭКО-технологии

Это более маркетинговый раздел. ИМХО, стандартных энергосберегающих функций современных процессоров Intel и AMD более чем достаточно!

Стандартно у MSI он дублирует большую часть показаний системного мониторинга и выглядит вот так:

msi

Я решил убрать дублирующие данные:

msi

Важные настройки:
– APS Status (включение/отключение энергосберегающих функций);
– APS Mode (выбор режима работы энергосберегающих функций);
– APS LEDs (отключение индикации работы этих же функций ).

Поддержать мой вариант Click BIOSа вы можете проголосовав за меня по этой ссылке (работа №20).

Выражаю благодарность тестерам дизайна, которые принимали участие в опросах:
– amd64;
– inzer;
– Jus;
– MaG!STeR;
– Major;
– RomanLV;
– Blah (спасибо за ссылку на книжку про дизайн сайтов);
– хе-хе;
– Klon.

Также выражаю отдельную благодарность своему рабочему компьютеру 15”/Celeron 2,xGhz/448Mb/Win XP/Portable Photoshop CS3 (и пофигу, что каждое сохранение исходника занимало 5–6минут)!

Дополнительные скрины

msi

P.S. Как оказалось, что для конкурса надо было рисовать только главную страницу. В условиях конкурса чётко этого написано не было и я чуть перестарался. ))))