Николай Мамадаев

https://t.me/uxfromhell
https://t.me/uxnotes
https://t.me/uifail
https://t.me/proudobstvo
https://t.me/uxuitelno

Админка для сервиса по продаже цифрового контента и сама площадка. Аналог Gumroad.

Full HD

Вот эти инструменты вам в помощь romannurik.github.io/AndroidAssetStudio/index.html

Есть два способа передачи ресурсов графики и спецификаций для разработчиков: ручной и автоматический.

Если дизайн сделан в скетч или фотошоп, то используйте плагины отсюда sympli.io
Там графика векторная или растровая создаётся автоматически, но правда нужно немного подготовить и сами макеты - указать что из всех слоёв и групп является ассетами. Дальше разработчику просто дадите ссылку и он её откроет на любом PC/Mac/Linux. Если у разработчика будут, какие-то вопросы то он сможет прямо в том же сервисе и спросить вас, используя комментарии (очень удобно, кстати).
Если ещё больше хотите упростить жизнь разработчикам, то предложите им установить плагины для Xcode/Android Studio, потому что благодаря им быстрее получится обновить ассеты, если вдруг произошли изменения.
Сервис платный, но за хороший продукт нужно платить. Я давно пользуюсь и пока он меня не подводил. Если хотите просто попробовать, то там есть возможность загрузить один проект бесплатно. Кстати, платный он только для дизайнера, разработчики всё бесплатно получают.

Если вы решите всё нарезать вручную, то тут нужно читать документацию представленную Apple/Google.
Там указаны все размеры и типы графики, которая нужна разработчику. (ссылки могу дать позже, на память не помню) После прочтения, вам нужно используя стандартные средства программ скетч/фотошоп сделать экспорт графики в спец. папку. А потом создать pdf документ в котором прописать все отступы и размеры, стили, используемые цвета. Также если вы используете нестандартные шрифты, то их тоже нужно будет положить в папочку, которую передадите разработчику.

Ещё стоит учесть, что помимо самой графики и размеров, вам нужно рассказать разработчикам, как именно будет меняться макет в зависимости от размера и положения (горизонтальный/вертикальный) экрана. Тут уже лучше просто обсудить этот момент в чатике с разработчиками. Потом уже можно будет задокументировать это в pdf, на всякий случай.

Я дизайню в Фотошоп + графику передаю в Sympli. Всех устраивает.

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

Игра: найдите лишнее слово
Будни Выходные Для детей

А попробуйте применить карточки, а не таблицу.
Как с тарифными планами на веб сервисах делают тут такое тоже должно быть удобнее таблицы.

У меня под рукой android (480*854) и iphone (640*1136) поэтому сначала я делаю именно под эти разрешения. А потом при нарезке элементов меняю если нужно.
Бывает, что элементы дизайна должны по разному выглядеть на больших и маленьких экранах и в таких случаях нужно сделать несколько макетов, чтобы разработчик понял в чем отличия. Например, это могут быть отступы.
--
Кстати, для просмотра макетов на устройстве в real-time я использую The preview или Pixl Preview (она работает ещё и со смарт часами) & Adobe Preview

Эти анимашки делаются в after effect. Я поначалу тоже пытался найти ему альтернативу, но со временем втянулся и оказывается там не так уж плохо.

Готов с тобой позаниматься. Пиши.

"Режим психолога":

Дело ведь не в том, чтобы объяснить менеджеру, где кончается его работа, а начинается работа проектировщика,
а в том, что вы sallivana недовольны тем, что девочка вторгается в ваше личное пространство и может даже забирает часть вашей славы. Ведь, когда её не было, то вся слава за удобные интерфейсы доставалась вам, а тут приходит новичок и учит жить "бывалого", что будто бы дискриминирует вас как профессионала. И у вас появляется страх, что у коллектива или даже клиента может возникнуть мысль о том, что вы не очень-то и нужны, ведь интерфейс "коллектив делал", а вы так только "рисовали" (но мы то с вами знаем, что это не так).

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

Таким образом, когда эта девочка снова возьмется за ваш интерфейс, то советую вам объяснить ей как проводится юзабилити тестирование и то что вы не ждете от неё решений, но открыты к обсуждению выявленных проблем в интерфейсе.
Ещё важно, чтобы ребята в офисе соответствовали ца разрабатываемого продукта. Если же это условие не выполняется, то они не могут быть тестировщиками и их надо искать, например, в соц. сетях.
Также добавлю, ещё то, что полезно было бы видеть как интерфейсом пользуются разные и незнакомые вам люди, а не одни и те же, т.к. постоянные тестировщики, могут привыкнуть к вашим "фишкам" а сторонние их не поймут с первого раза. И для них нужно придумать механику обучения.

Допустим если опустить менеджерские задачи и рассмотреть техническую сторону. Мне как дизайнеру интерфейсов это интересно, но думаю и разработчикам тоже. Я обычно, передаю макеты разработчику в ai, psd, jpg или gif, на котором сложная анимация интерфейса показана, т.к. словами объяснить бывает непросто.

А может у вас есть какие-то отлаженные схемы, которые упрощают и ускоряют весь процесс взаимодействия дизайнера и разработчика ?

Я не смог досмотреть до конца без прокрутки. Утомило, то что есть повторения. Т.е. вот ты показал, как ведет себя элемент при наведении и хватит, не нужно одни и те же эффекты показывать, несколько раз. Смотрится скучновато, наверно, потому что долго и не "экшена". Вот если бы как-то так выглядело, то может быть можно было и больше минуты смотреть.
А при текущем стиле презентации рекомендую 30 сек, ну максимум 1 мин.
Музыка лично мне не нравится, нужно бы что-то без слов и ритмичное. Там ещё есть какой-то резкий переход (1:10), его просто неприятно слышать.

Для начала желательно конкретные примеры.