После первой встречи с Юрой я принялся за придумывание функций и проработкой внешнего вида приложения. Главными сиськами приложения должны стать: 1. возможность одним кликом запомнить название песни, 2. внешний вид. Если с первым все понятно, то над вторым пришлось попотеть. Для начала собираю изображения радиоприемников, мне очень нравится их шкала и я хочу ее реализовать в вебе:
Эскизы на бумаге где-то затерялись, но сохранились изображения первой версии:
Нарезаю на картинки и подписываю:
Также хотелось сделать приложение «социальным» т.е. чтобы у каждого пользователя была своя страничка и свое оформление плеера:
На 404 странице должна была играть песня The Baseballs — Umbrella, а этот персонаж должен был стать маскотом проекта (конечно же, его еще требовалось нарисовать :-):
Шли недели, и с каждым днем результат мне все больше и больше не нравился
Начинаю заново, оставив только шкалу, первые эскизы:
Черновые макеты:
Не то, не то, не то, все не то...
О! То!:
Только нужно разобраться с переключением жанров, для этого добавляю «дисплей» в который гармонично вписывается поиск, и избавиться от песочного цвета. Плейлисты решили убрать, чтобы не перегружать приложение функционалом:
Юра попросил поиграться с цветами, предлагаю добавить возможность выбора цветовой гаммы (плюс автоматическая смена по времени суток, чтобы яркие цвета не резали глаза ночью):
Blackberry (ежевика)
Orange (апельсин)
Garnet (гранат)
Отказываемся от смены цветов (во всяком случае на старте) и останавливаемся на Blackberry. Дорабатываю детали:
Вариации на тему бара для браузера, отличный показатель гибкости интерфейса:
Разрезаю макет на картинки и подписываю файлы и расстояния:
Откапываю в закромах Родины старый аудиоплеер, подцепляю к диктофону, записываю «белый шум» и звук поиска радиостанции:
Обрабатываю в простейшем бесплатном звуковом редакторе (попутно узнал интересный факт: файл формата MP3 обязан содержать примерно секунду тишины в самом начале из-за чего просто так зациклить звук невозможно. Другие форматы, как например WAV, такой особенности не имеют):
Проработка клавишных сочетаний и первый вариант клавиатуры для подсказки:
Альфа версия на айпаде:
Список багов и доработок на альфа версии:
Далее шел процесс отшлифовки мелочей, во время которого новые идеи реализовывали «на лету» (т.е. сразу из головы в фотошоп и код, минуя эскизы и макеты). Бета версия выглядит куда лучше:
Эпичный баг-лист (более 50 «мелочей», весь в скриншот не поместился):
Чтобы лучше объяснить баги я записал видео c обяснением каждого из них, на следующих двух говорится о багах пользовательской части и воспроизведения:
