Мобайл: дизайн и разработка – Telegram
Мобайл: дизайн и разработка
473 subscribers
8 photos
158 links
Android-разработчик и дизайнер делится своим опытом, полезными инструментами, выжимками статей и докладов.
Download Telegram
🔄 Эксперт Google по Android-разработке рассказывает, как спроектировать приложение таким образом, чтобы пользователям не приходилось видеть индикаторы загрузки и надпись "Нет соединения".

https://medium.com/@yonatanvlevin/offline-support-try-again-later-no-more-afc33eba79dc
Привет всем, кто подписался на канал! 👋
Очень приятно, что еще вчера утром вас было всего 20 человек, а сейчас в 12 раз больше. Теперь все серьезно :)

Давайте знакомиться. Меня зовут Владимир Конденко. Я студент, все свободное время посвящаю дизайну и разработке приложений. У меня есть гитхаб (который скоро пополнится парой интересных проектов) и аккаунт на UpLabs, который пока что служит заменой Dribbble.
Я завел этот канал, чтобы делиться полезными вещами, которые я нахожу ежедневно в погоне за знаниями и опытом. Надеюсь, вам они тоже принесут пользу.

Если у вас есть какие-то вопросы или предложения, добро пожаловать в личку (@kondenko) – я буду рад пообщаться.

Всем хороших выходных!
🚦Тестирование MVP-архитектуры с помощью Mockito и Robolectric

Пошаговые инструкции по написанию тестов для каждого слоя с примерами и ключевыми моментами.

https://medium.com/@Miqubel/testing-android-mvp-aa0de6e165e4#.fr7jeh9sz
8 советов по написанию текстов для интерфейсов

Недавно я писал о том, как оформлять тексты. Теперь речь пойдет о смысловой составляющей:

1. Краткость и простота – ваши друзья.
2. Используйте одинаковую терминологию – у вас не должно быть написано "Забронировать столик" на сайте и "Зарезервировать столик" в приложении.
3. Давайте почитать текст коллегам. Будет полезно, если его прочитают люди, для которых язык текста не является родным.
4. Текст должен "продолжать работать" при переводе на другие языки.
5. Доверяйте инстинктам. Не нравится – перепишите.
6. Сотрудничайте с менеджерами и дизайнерами.
7. Научитесь основам работы с дизайнерским софтом, чтобы смотреть, как выглядит и читается то, что вы пишете, в интерфейсе.
8. Не ждите, пока дизайн будет закончен и утверждён.

https://uxdesign.cc/8-lessons-in-ux-writing-36f0e73e2971#.qz5x4p1g0
🔬Cамый оптимальный размер кнопки в мобильном интерфейсе – 82pts (12.8 мм).

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

Перевод
🆕 Вышел Android O Developer Preview

Что нового:
1. Адаптивные иконки с масками и анимациями
2. Фреймворк для автозаполнения полей в формах
3. Picture-in-picture
4. Категории для уведомлений

https://developer.android.com/preview/index.html
Дизайнер BlaBlaCar рассказал о переводе команды на систему компонентов и методологию, похожую на Atomic Design и БЭМ.
Благодаря системе они унифицировали дизайн на всех платформах, стали уделять больше внимания user experience и получили возможность переходить от скетчей к верстке, минуя промежуточные стадии.
🍭 Подробный гайд по внедрению анимаций

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

https://www.smashingmagazine.com/2016/03/integrate-motion-design-animation-ux-workflow/
Саммари статьи одной картинкой.
🍊 Урок по созданию эффекта зернистости, который часто можно видеть на иллюстрациях в material-приложениях.

https://medium.com/google-design/salt-pepper-the-art-of-illustrating-texture-c962dc67cc35
4 способа обработать ошибку в приложении

Коротко:
1) Блокируйте интерфейс полностью, если из-за ошибки невозможна работа с сервисом.
2) Блокируйте отдельные части интерфейса, если они не функционируют сами по себе, но не мешают пользоваться приложением.
3) Показывайте всплывающее сообщение или небольшой баннер, если ошибка влияет на работу приложения, но не мешает им пользоваться.
4) Показывайте ошибки рядом с элементами интерфейса, чтобы привлечь к ним внимание (например, при заполнении форм).

Автор статьи сделал постер на русском и английском, который поможет выбрать подходящий способ сообщить об ошибке в зависимости от ситуации.
Введение в RxBinding – библиотеку для придания вашим вьюхам реактивности 🚀

Если вы пока не знакомы с парадигмой реактивного программирования, использование этой либы должно помочь вам разобраться в теме.

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

Оригинал
Перевод
Google разрабатывают набор реактивных библиотек для создания Material Design анимаций.

Версия для iOS (Swift) уже находится в стадии stable dev preview, Библиотеки для Android и JavaScript пока еще в разработке, но их уже можно попробовать.
🆕 Вышел dagger-android – модуль для инъекции Activity и Fragment'ов

О том, как внедрить его в свой проект, можно почитать на официальной странице и в этой статье.

Примеры на гитхабе:
Java
Kotlin
🎁 Популярные эмодзи в векторе для макетов ваших приложений

https://applypixels.com/template/vector-emoji/