x
 
Дмитрий
19.11.2007

Задача: создать удобный для использования без стилуса, интуитивно понятный и занимающий минимум памяти интерфейс для прослушивания музыки на КПК. Программа — MortPlayer.

Возникшие вопросы. 

  1. Экономия памяти:
    • для большей части кнопок используется один общий графический файл шириной в 1 пиксель, растягивающийся по ширине;
    • на крайний случай предусмотрена работа без загрузки изображений — всем элементам присвоены соответствующие цвета.
  2. Названия и теги файлов:
    • теги могут быть не прописаны;
    • имена могут быть как неинформативными, так и пресыщенными информацией;
    • длинный тег, длинное название файла или папки.

    Проблема с тегами частично решается тем, что при их отсутствии программа заменяет ID3_Track на имя файла, а ID3_Album на название папки (см. рис. 2). Отсутствие заменителя для ID3_Artist приводит к тому, что либо нужно стерпеть пустое пространство над именем файла (см. рис. 1), либо использовать TrackCombination, отказавшись от визуального выделения тега ID3_Artist в тех случаях, когда он прописан. Что предпочтительнее?

    Если нельзя «съесть» пустую строку, то, по моему мнению, ее лучше просто стерпеть.

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

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

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

    Мною нарисованы только 3 кнопки: две кнопки переключения вида (скин предоставляет два вида — плейлист с возможностью выбора и отображение информации о проигрываемом файле) и псевдо-кнопка «Поставить на паузу».

    Кнопки переключения вида — символ плейлиста и буква «i», информация. Достаточно ли понятно назначение этих кнопок?

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

    Что можно сказать о слайдерах позиции и громкости? Я стремился нарисовать эти элементы в одном стиле с кнопками, но при этом выделить их назначение. Удалось ли это?

    Они выглядят равноценно — это нехорошо. Сделайте их разной ширины или спрячьте один из ползунков за иконку.

    Как быть со стрелками на полосах прокрутки?

    Достаточно ли большие кнопки (для управления плеером с помощью пальцев)?

  4. Проверьте в деле.

  5. Информация:
    • нужно ли отображать битрейт и год записи (если учесть, что для многих жанров музыки информация из тега ID3_Year важна)? Как их расположить? Мой вариант (см. рис. 4) меня абсолютно не устраивает;
    • можно ли использовать для обозначения альбома русские кавычки «», если учесть, что текст может быть на любом из языков?
    • какие ещё недостатки есть в выбранной мной схеме вывода информации (см. рис. 4):
      (
      Выделенный полужирным ID3_Artist
      ID3_Track («ID3_Album»)
      Оттененный Next: ID3_Track (ID3_Artist)
      Bitrate ID3_Year
      )

      Замечание: насколько я понял, изменить схему описания следующего трека (Next: ID3_Track (ID3_Artist)) нет возможности.

Год можно ставить через запятую после названия альбома. Кавычки в названии альбома ни к чему.

Описание приложенного изображения:

На первом и втором рисунках показано отображение папки, в файлах которой не прописаны теги.

Файлы представленной на третьем и четвертом рисунках папки содержат все предусмотренные для отображения в скине теги.

На пятом рисунке демонстрируется псевдо-кнопка «Поставить на паузу».

Шестой рисунок — интерфейс окна «Открыть».

Для снятия скриншотов был использован MortPlayer версии 3.31 RC7 (b56). Ссылка на архив с описанным выше скином для более подробного ознакомления: http://drop.io/darkgray


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


Поделиться
Отправить

Комментарии

Дмитрий
19 ноября 2007

«Я бы предложил показывать в конце строки многоточие, а при тычке в надпись показывать всплывающую подсказку с полным текстом, пока палец на экране. Палец при этом можно для удобства отвести в любую точку экрана, и подсказка не должна исчезать».
К сожалению, такой возможности в языке описания скина пока нет.

«Достаточно. Только я бы сделал переключатель двухпозиционным, убрал рамку вокруг иконки плейлиста и разрядил бы в ней линии-строчки».
Спасибо! Скорее всего, так и сделаю.

«Они выглядят равноценно — это нехорошо. Сделайте их разной ширины или спрячьте один из ползунков за иконку».
А что, если оставить ползунку громкости ширину, но разместить его вертикально, растянув на высоту экрана?

«Проверьте в деле».
Пользуюсь ежедневно, лично мне очень удобно.

«Год можно ставить через запятую после названия альбома. Кавычки в названии альбома ни к чему».
В таком случае, если год не задан в тэгах, после названия альбома «висит» запятая с пробелом.

«В целом, мне кажется, такой скин усилий не стоил».
У меня не было выбора :)
Я буду очень признателен, если кто-нибудь подскажет достойную альтернативу.

«Он выглядит очень тяжеловесно, монохром здесь воспринимается как бедность, а не стильность».
Ничего не могу сказать в своё оправдание. Постараюсь исправить.

P. S. C тех пор, как я подал заявку на эту рецензию, прошло много времени — вышел iPod touch (http://www.apple.com/ipodtouch/gallery/index2.html). Теперь есть, к чему стремиться :)


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.

3 1 4 11




Недавно всплыло

Как вы проверяете соответствие вёрстки макету 2 Как избежать «эффекта Тильды»? 2 1 Иногда я спрашиваю о скидке для тренировки и потому что не против шанса сэкономить 1