Site icon UiP

[Нам пишут] Как создавался классный экранный мессенджер Heedsy

Приложение для отображения сообщений на экране твоего девайса. Просто набери что-то, а Heedsy сделает остальное.

Приложение способно окрасить самые обыденные ситуации в нашей жизни:

— Будь то поездка в переполненном общественном транспорте летом с другом, который находится в другом конце этого “ада на земле”: просто напишите “Ммм какая атмосфера”.

— Знакомства с симпатичной особой противоположного пола. Приложение реально помогает растопить лед! :)

— Хочешь подсказать ответ одногруппнику, без привлечения внимания профессора? Не проблема.

— Бармен не может разобрать заказ из-за громкой музыки? Heedsy поможет. И еще много-много разных способов использования.

— Общение с людьми, которые плохо слышат.

Идея этого приложения витала в воздухе давно. Долгое время я использовал несколько подобных из стора, но они, как мне казалось, были без души и хотелось создать что-то свое, особенное. Что ж, поехали:

Начало

Было решено поддерживать только новую, на тот момент еще не вышедшую публично, iOS 7: с первых секунд использования я полюбил новый образ моего айфона с паралаксом, полупрозрачными элементами UI и простым плоским дизайном, что не могло не радовать меня, как разработчика — даже у самого простого приложения есть шанс выглядеть достойно. Кстати, с поддержкой только iOS 7 я не прогадал, так как к моменту выпуска Heedsy уже большее 70% пользователей iДевайсов обновились.

Первый прототип был создан в начале августа буквально за пару дней. Я всегда понимал, что экосистема iOS не принимает некрасивые продукты без изюминки, а я очень люблю красивые продукты с изюминками! С первых рабочих версий программы я трудился над милой анимацией всего, до чего доходили руки и не сулило десятками багов. Чего только стоит разная анимация при повороте айфона. Вы ее заметили?

Подводные камни

Во время создания приложения нет ни одного просто этапа: начиная от первых строк, кончая скриншотами и описанием в App Store. Поэтому сразу же стоит настраиваться на то, что будет тяжело, особенно, если опыта мало.

Самой первой проблемой, которую я помню, была расстановка кнопок, а их на главном экране всего две — Настройки и Избранное. Казалось бы — всего две кнопки. Тьфу, что ж там их расставить то? Но не все так просто. Никакие брейнштормы и пинтересы не открыли глаза на их возможное расположение. Позже проблемным местом стали сами Настройки — они выглядели ну уж слишком просто. И так практически с каждой частью программы. Примерно тогда я оценил всю важность людей занимающихся User Experience, но под рукой таких не оказалось. И мне пришлось придумывать все с помощью друзей методом проб и ошибок. За что им огромное спасибо.

Тяжелым заданием было создание Color Picker’a. Не хотелось вставлять банальные RGB слайдеры.

Разработка шла параллельно с обдумыванием UI/UX. Все это время я был в тесном контакте с окружающими, получая фидбек на нововведения. Отзывы не всегда были положительные, часто говорили гадости за что я им бесконечно благодарен. Я научился воспринимать критику спокойно, не принимать все близко к сердцу. Будем откровенны — это выходило не всегда. Я понял всю важность отзывов и умение соблюдать золотую серединку, что бы не вышло какого-то сумбурного бреда, который понравится двум-трем пользователям.

Название

С первых дней думали над названием. Были очень простые и понятные (Color Messages, Silent Text, Big Screener, Attention app), потом пошли замысловатые (Textention, Flattention), долгое время приложение называлось Look Here. На русском звучало грубо — Лук Хир, оно не нравилось многим, но достойной альтернативы не было. В порядке итальянского бреда несколько часов приложение называлось Lookini. Макаронники, в общем.

Были действительно хорошие названия, которые славянскому человеку не покажутся странными, например, Winking, но Urban Dictionary думает иначе — что-то связано с сексом, смотрите сами на urbandictionary.com. Поэтому всегда, повторяю, всегда проверяйте возможные неформальные значения слов!

Практически до самых последних дней название так и не было придумано и тут пришло озарение — Heedsy. Имя простое, милое и со смыслом. Heed — внимание, а -sy — обычный суффикс.

Иконка и вся графика

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

Одним из недостатков работы без окончательного плана является то, что разработчик не знает что же ему на самом деле нужно. Нету названия — нету стиля приложения — нету графики, в общем ничего нету.

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

И вот что в итоге вышло:

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

Разработка

Весь процесс занял чуть более двух месяцев без вычета двухнедельного отпуска, во время которого я совершенно не думал о приложении. Больших трудностей с новой OS не возникло, но одим из неприятных моментов был, например, полупрозрачный NavigationBar, который был блеклого вялого цвета. Даже черный выглядит на нем, как темно-серый. Меня это, мягко говоря, постоянно расстраивало, но проблема решилась очень просто — добавление еще одного слоя под NavigationBar (кстати, для 7.0.3 не нужно ничего делать — цвет и без этого насыщенный).

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

Планы на будущее

После релиза посыпались запросы на новые фишки, поэтому у меня есть несколько идей для реализации. Нужно поправить несколько багов, которые я не смог предусмотреть, а так же добавить поддержку iPad.


Heedsy – Large Text on your Screen

Разработчик: Kostiantyn Myts
Версия: 1.0
iPhone (0,9 Мб) – free [Скачать]


Exit mobile version