Блог Димы Волкова

Редизайн: приложение WebMoney для macOS

Иногда использую WM, если верить вики, то система немножко популярна: под данным за 2015 год у нее 30 000 000 аккаунтов. 160 000 000 транзакций за 2014 год. Общий объем — 17 000 000 000 $. Основные пользователи — Россия и Украина.

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

Накидал основные экраны в сексуально сером

Было: стартовый экран

Вот так нас встречает WebMoney при открытии. Тут есть сразу все: все наши кошельки, последние операции по всем счетам, подраздел с оплатой услуг, верхнее меню (где также есть раздел оплаты услуг). Нажав на неочевидный плюсик в правом верхнему углу, мы можем добавить карту или другой кошелек. А нажав на три точки, откроется другое контекстное меню с настройками и FAQ. Там же есть пункт Refresh, который обновляет данные о кошельках (зачем?).



Еще мне понравился пункт More, при нажатии на него, открываются пункты, которые не влезли. То есть пункт меню «История» не влез и находится непонятно где :) А пункт весьма полезный.


Стало: стартовый экран

Я все это чуток освежил и структурировал. Все основные экраны расположены в нижней навигации. Настройки вынесены в верхнее меню, и доступны по 1 клику. Кошельки при желании меняются местами, если потянуть их. Если вы богач и не хотите палить свои запасы другим, то сможете скрыть значения на кошельках, нажав на глазок.

Выйти из аккаунта и задать вопрос, можно по нажатию на юзерпик. Чтобы выйти из аккаунта в старом интерфейса, потребуется нажать на те славные 3 точки, выбрать настройки, там выбрать подменю Account и нажать Sign Out. 2 действия вместо 4-х :)

Само приложение занимает на 18% меньше места по горизонтали и легко адаптируется под различные устройства. Сама навигация здесь — это чисто «мобильная история», но не вижу тут ничего плохого :)

Нажав на Order Cards, мы перейдем на сайт, для оформления виртуальной или реальной карты. В старом приложении эта функция находится где-то ближе к концу слайдера с кошельками. А нажав на любой из кошельков, мы переходим в...

Было: кошелёк

В кошельке уже получше, тут есть операции (некоторые снова не влезли), но нету операции снятия. Чтобы это сделать, нужно идти на главный экран и там еще выбирать с какой карты снимать либо заходить в раздел платежей . Можно скопировать номер кошелька, нажав на двойной квадратик:

З — забота



Из плохого: дублируется функция обмена денег, она указана иконкой, а также есть в «трех точках». Ну и куда же без Refresh’a:

Стало: кошелёк

Все разделы я решил сделать без модальных окон, оставив их только для операций. Все действия с кошельком я вынес на плашку. Ну и сделал самые часто используемые кнопки «Снять» и «Внести».


По клику на 3 точки, откроются не самые часто используемые доп.действия с кошельком: создание веб-страницы для перевода на него (что-то типо PayPal.Me), установка лимитов и отвязка кошелька с вашего аккаунта.


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

Было: денежный перевод

Тут все понятно, только смущает контекстное меню, перед формой перевода


Стало: денежный перевод

Тут минимум новшеств. Убрал контекстное меню, добавил возможность сохранить перевод в избранное и использовать как шаблон.

Было—стало: услуги

Тут изменений почти нет, только стилизация

Было: история

Здесь есть все нужное, кроме сортировки по кошелькам

Также в карточке операции нет пункта с номером транзакции, она почему-то находится в описании платежа.

Стало: история

Добавил сортировку по кошелькам + сортировку по конкретному пользователю или услуги. Также можно скачать выписку в формате csv. Если нажимаем на получателя или отправителя и видим экран со всеми операциями по этому счёту.

В карточке товара только суть. По клику на получателя, перейдём на его страницу в системе (пример).

Было—стало: чаты

Не совсем понятная мне функция, тут даже нельзя переписываться с поддержкой (а хотелось бы), приходят только уведомления, с ссылкой на обращение. В своём варианте я все чуток подчистил (привет, iMessage) и сделал более логичной кнопку аттача.

В это сложно поверить, но в чат WebMoney можно отправить свои текущие координаты. Неужели разработчики хотят сделать конкуренцию тому же iMessage ?

Было—стало: контакты

В контактах тоже ничего интересного, стилизовал интерфейс и сделал сортировку денег по оплаченным и полученным. Еще в WebMoney можно делать аудио и видеозвонки! Но я решил, что это уже черезчур.

Итого

В целом интересный опыт, дальше лучше :)

16 октября   UI   Дизайн   Интерфейсы

Идея: табы в iOS-плеере Music

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

Внизу добавляется иконка со всеми табами


Табы переключаются свайпами. Закрыть их можно свайпом вверх.


Наглядная анимашка

9 сентября   Apple   Дизайн   Идея   Интерфейсы

Поездка в Польшу

На днях ездили в Лодзь, решил поснимать на мыльницу Samsung AF333. Фотки получились неплохие, но с автофокусом беда, наверное там просто 1 значение, без всяких авто :)

8 августа   Плёнка   Путешествия   Фото

Быстрый переход в меню настроек на Mac

Случайно заметил такую фичу: если нажать ⎇ Alt + регулировка громкости (яркости экрана, яркости клавиш или клавишу Mission Control) то откроется меню настроек данной функции: звуковые настройки / настройки экрана / клавиатуры или Mission Control. Удобная фича когда надо быстро сменить устройство аудио-вывода или поменять цветовой профиль экрана.

И еще есть фича с повышением громкости (или яркости) на четверть. Для этого надо зажать ⇧ Shift + ⎇ Alt + клавишу регулировки:

2017   Mac   Советы

Как сделать чёткий favicon

Совсем недавно обнаружил оптимальный для себя вариант создания фавиконки. Обычно используют различные сервисы, которые минимизируют картинку или просто сжимают в фотошопе до размера 16х16 пикселей. Но картинка все равно получается так себе, и к тому же этот способ сложнее моего.

Я просто обрезаю картинку до 300х300 пикселей. Либо создаю новую с таким размером, а затем сохраняю в формате .png. Можно сделать 100х100, навряд ли это как повлияет на ситуацию. Для IE нужно сохранить favicon в формате .ico. Далее кидаем в корневую папку с сайтом и пишем в head’e:

<link rel="shortcut icon" href="favicon.png">

Фавикон супер-чёткий, работает как на mac, так и на win:

В добавок ко всему, пользователей iOS и macOS ждет приятный бонус:

Красивая полноразмерная фавиконка отображается в Сафари, без использования всяких тегов типа:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">

Именно этот тип favicon, я проверял только в iOS, возможно в других системах не будет такой красоты и простоты. Вот статья на эту тему.

Кладбище кораблей

В конце января съездили с ребятами поснимать локации на пленку, вот что из этого вышло. Большинство снимков делала Вика :)

Давид излучает лучи добра


Вика


Старый


Катя


Кладбище игрушек


Детство


И корабли

Снимали на Зенит ET

Мое первое творение с использованием JS

С января этого года изучаю вёрстку (не без их помощи) в апреле решил вникнуть в JavaScript. Очень много чего красивого и полезного можно реализовать на нем, но пока у меня получился только калькулятор :)

Идея пришла давно, когда я вручную наполнял сайт и подгонял картинки разных разрешений под нужную ширину. Иногда использовал специальные программы типа FastStone Resizer, иногда смотрел в сети, а самым извращенным способом было открытие этой самой картинки в фотошопе, далее Save for Web и уже в этих полях я ставил нужные значения чтобы указать их в img :)

Возможно все это какой-то бред или я чего-то не знаю, но такие подсчёты регулярно требуются и я решил применить знания на практике. На макет, верстку и написание скрипта ушло пару вечеров. Результат мне нравится, может еще кому это пригодится. В дальнейшем планирую добавлять фичи, как только будут появляться новые познания в JS.

Animals as Leaders — Another Year (drum cover)

Решил сделать 1 дублем, к 6 дублю записи более менее разыгрался. Песня достаточно «потная», хотя с виду все смотрится достаточно просто. Sony RX10 — кайф :)

QIWI не возвращает деньги Клиентам


И снова сервисные приключения.

У меня есть кошелёк в QIWI, но он оформлен на  мой старый номер TELE2. Им я давно уже не пользуюсь, поэтому оператор отдал его другому абоненту.

19 августа на этот номер поступил платеж от Клиента, он отправил его по привычке. Вернуть его обратно не получилось: QIWI сказали, что кошелек существует и поэтому возврат невозможен. А перевести их на карту с сайта тоже нельзя: сайт просит обновить пароль (так как его срок действия истёк), но сделать это без телефона невозможно (требуется смс-код). Позвонил в поддержку, они сказали, что если вы хотите вернуть деньги, сделайте фото с паспортом, скиньте договора с TELE2 и с текущим оператором нового кошелька, на который они вернут мои деньги. Вроде всё просто.

Но не так как хотелось бы. Я пошел в офис TELE2, где мне выдали справку с их печатью. Так как я уже не их абонент, договор они не могли сделать. Тоже самое сделал и в Билайне. 7 сентября скинул им все доки, они написали вот что:

Вот ссылка на справку

Теперь им нужен именно договор. Зачем, непонятно. Наверное, для того чтобы заебать сделать идентификацию. Поехал еще раз в TELE2, попросил договор. Они его кое-как раздобыли. Очень признателен им за это. Ведь по сути, я им даром не сдался, так как не являюсь их Клиентом, но сотрудник все равно пошёл навстречу.

Скинул им все документы, теперь они попросили скинуть паспорт в более высоком разрешении. Окей, не проблема. Скинул паспорт и 15 сентября мне пришло письмо счастья:

Потребовалось 27 дней чтобы получить свои деньги обратно. Хорошо, что хоть по электропочте все можно скинуть, а не бумагами.

Дальше ситуация повторилась: 29 сентября пришли деньги от другого Клиента, который отправил их на старый кошелек. «Тупость» — подумаете вы. Не буду спорить и полностью признаю, что в этой ситуации я сам создал себе геморрой. Тем не менее, на кошельке лежат мои деньги, и сервис должен мне их вернуть. Я готов подтвердить личность и то что это мой кошелек. Но в новом обращении QIWI просто пишет:

Потом я пишу, что они делают что-то не так, на что получаю:

И еще раз:

И моё любимое:

Потом они решили ответить более подробно:

Кошелек активен, но никаких операций я сделать не могу, так как надо сменить пароль. Но, видимо, по их мнению это и есть «активный статус». Что они тогда будут делать с деньгами?

Я позвонил спросить этот вопрос у поддержки. Мне сказали, что разберутся и через пару дней получаю вот такой развернутый ответ:

Интересно, кто-нибудь понял что они сказали? Я — нет. В тот же день звоню им, девушка отвечает, что деньги переведены на новый номер. Я отвечаю что их там нет. И тут она попадает в ступор, начинает отмазываться и говорит, что по этому вопросу мне надо писать ответное письмо, а она такие вопросы не решает :) Этим ответом она переплюнули и Почту России и наших таможенников. Те хоть что-то конкретное отвечали.

В тот же день пишу ответное письмо Жду ответа. Проходит неделя, ответа нет. Звоню в поддержку, отвечают что присвоили приоритет моему обращению. Хоть за это спасибо. Проходит еще 3 дня. Сегодня получаю неожиданный ответ:

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

Мораль
Еще раз скажу, что свою невнимательность признаю на 100%. Но то, что в QIWI работает некомпетентая поддержка которой пофиг на свои обязательства, это факт. Создавая финансовый сервис, основанный на телефоном номере, нужно понимать последствия того, что этот номер могут заблокировать, украсть или отключить. Но деньги от этого не должны потеряться, а должны быть возвращены Клиенту. Буду надеятся, что мое обращение попадется адекватному сотруднику, благо таких много.

Чем всё закончилось?
13 января деньги вернули на другой кошелек. Кто-то догадался попросить квитанцию ошибочного платежа, которую я запросил у Клиента. Наверное, это послужило доказательством того, что кошелек мой. То ли это отзыв на сайте Банки.ру их мотивировал или сотрудник адекватный попался. Но спустя 104 дня, QIWI смогли вернуть мои деньги. Этим сроком они превзошли даже «Почту России» с ФТС. Те справились с возвратом всего за 72 дня :)

Kirk Franklin — September (drum cover)

Заметил забавную деталь, что если пишешь название видео через дефис, то YouTube ставит видео в начале результатов поиска. А если пишешь тире, то он вообще его никак не отображает. Такая вот у него типографическая безграмотность :)

Ctrl + ↓ Ранее