Текст книги "Дизайн пользовательского интерфейса и дизайн UI/UX в разработке мобильных приложений. Базовые знания"

Литература

1. Naveed Ahmed

What is UI Design? | A 2022 Guide to User Interface Design

https://enou.co/blog/what-is-user-interface-design/

2. Udemy Editor

What is UI Design – https://clck.ru/34z62W

3. Ketan Rajput

Importance of UI/UX Design in Mobile App Development

The Stunning mobile app design is the result of an Efficient User Interface (UI) and User Experience (UX) design. Today, all popular…

https://www.mindinventory.com/blog/ui-ux-design-in-mobile-app-development/

4. Manoj Rajput. Mobile App Design Fundamentals – The Difference Between UI and UX

https://www.mindinventory.com/blog/mobile-app-design-fundamentals-ui-vs-ux/

5. Manoj Rajput Top Mobile App UI/UX Design Trends That Will Skyrocket in 2023

https://www.mindinventory.com/blog/mobile-app-ui-ux-design-trends/

6. Manoj Rajput

Material Design vs. Flat Design – Which One is Better?

https://www.mindinventory.com/blog/material-design-vs-flat-design-which-one-is-better/

7. Ketan Rajput How to Improve the User Experience of your Mobile App

https://www.mindinventory.com/blog/how-to-improve-user-experience-of-your-mobile-app/

8. Anish Panchal

Tips on How to Identify the Target Audiences for Mobile App

https://www.mindinventory.com/blog/how-to-identify-target-audiences-for-mobile-app/

9. Anish Panchal

Planning to Develop an App: Take These Vital Factors into Consideration

https://www.mindinventory.com/blog/factors-to-consider-when-planning-to-develop-an-app/

10. Ketan Rajput

How To Create Minimalistic UI Design for Your Mobile App?

https://www.mindinventory.com/blog/create-minimalistic-ui-design-for-mobile-app/

11. Ketan Rajput

How to Create an Extraordinary UI Design for Mobile App that Instantly Draws Attention

https://www.mindinventory.com/blog/tips-to-design-ui-for-mobile-app/

12. Mehul Rajpu

Mobile Application Development Tips To Target Your Audience

https://www.mindinventory.com/blog/mobile-app-development-tips-to-target-your-audience/

13. Ketan Rajput

Avoid Committing These UX Pitfalls When Designing an App

https://www.mindinventory.com/blog/common-ux-mistakes-during-mobile-app-designing/

14. Manoj Rajput

6 Reasons Why a Bad UX Can Kill the App

https://www.mindinventory.com/blog/reasons-why-bad-ux-can-kill-the-app/

15. Ketan Rajput

Using Animation in the User Interface Design

https://www.mindinventory.com/blog/using-animation-in-user-interface-design/

16. RACHEL MELTZER

What is Fitts’s Law? How to Boost Your Design Skills

https://careerfoundry.com/en/blog/ui-design/what-is-fittss-law/

17. CAMREN BROWNE

What is the Rule of Thirds in Design? A Complete Guide

https://careerfoundry.com/en/blog/ux-design/what-is-the-rule-of-thirds/

18. Manoj Rajput

How Can UI/UX Designers Effectively Use Artificial Intelligence to Improve Their Design Work?

https://www.mindinventory.com/blog/ai-in-ui-ux-design/

19. Mehul Rajput

The Ultimate Guide To Focus Your Mobile App In The Right Direction

https://www.mindinventory.com/blog/the-ultimate-guide-to-focus-your-mobile-app-in-the-right-direction/

20. The intricacies of UX consulting

https://adamfard.com/blog/intro-ux-consulting

Приложение 1

Часто задаваемые вопросы о дизайне пользовательского интерфейса/UX мобильного приложения

Manoj Rajput Top Mobile App UI/UX Design Trends That Will Skyrocket in 2023

https://www.mindinventory.com/blog/mobile-app-ui-ux-design-trends/

Что такое дизайн пользовательского интерфейса?

Дизайн пользовательского интерфейса относится к дизайну пользовательского интерфейса. Пользовательский интерфейс – это графический макет мобильного приложения, с которым может взаимодействовать человек. Это могут быть кнопки, на которые нажимают пользователи, текст, который они читают, ползунки и т. д.

Что такое UX-дизайн?

UX-дизайн означает дизайн пользовательского опыта. Опыт пользователя в мобильном приложении определяется тем, как он взаимодействует с ним. UX-дизайн – это процесс создания продуктов, которые обеспечивают лучший и актуальный опыт для пользователей. В чем разница между UI и UX?

UX относится к термину «пользовательский опыт», а UI означает «пользовательский интерфейс». UX-дизайн – это общее ощущение опыта, в то время как UI-дизайн – это то, как интерфейс продукта выглядит и функционирует.

Почему UI/UX дизайн важен для мобильного приложения?

UI/UX дизайн является важной частью разработки мобильных приложений. Это помогает завоевать доверие пользователя и повысить удовлетворенность клиентов, что в конечном итоге помогает увеличить общее количество пользователей мобильного приложения.

Приложение 2

Плоский дизайн

What is Flat Design and How to Use It: A Complete Guide

BY RACHEL MELTZER, UPDATED ON MAY 11, 2023

https://careerfoundry.com/en/blog/ui-design/what-is-flat-design/

Плоский дизайн – это современный стиль дизайна, который последовательно поддерживает минималистские 2D-функции. Вот шесть признаков того, что вы смотрите на плоский дизайн. Контрастные цвета: часто яркие цвета, плоский дизайн основан на четком контрасте, чтобы посылать визуальные сигналы пользователям. 2D-стилизация: простые формы и отсутствие реалистичных изображений. Простая типографика: обычно шрифты без засечек – это выбор плоского дизайна. Он загружается быстро, соответствует минималистичному стилю и легко читается. Пустое пространство: пустое пространство помогает дизайнерам указать, на какой части страницы они хотят, чтобы пользователи сосредоточили внимание, и делает веб-сайт более читабельным. Макеты на основе сетки: обычно плоский дизайн симметричен и использует сетку для макета и иерархии. Простота: символические иконки, абстрактные формы, никаких текстур и градиентов. Как дизайнеры пользовательского интерфейса используют плоский дизайн?

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

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

Основанная на сетке компоновка плоского дизайна также помогает дизайнерам пользовательского интерфейса эффективно создавать интуитивно понятный интерфейс. Простота плоского дизайна также позволяет дизайнерам пользовательского интерфейса более легко доносить четкое сообщение. Жирные шрифты без засечек и контрастные цвета позволяют дизайнерам донести до пользователя убедительное сообщение. Некоторые проекты требуют ярких цветов для создания настроения, в то время как другие задают тон простыми нейтральными тонами, которые хорошо контрастируют. .. Для дизайнеров пользовательского интерфейса плоский дизайн – это создание четкого и чистого пользовательского интерфейса. Ключ к гладкому плоскому пользовательскому интерфейсу – четкие указания и последовательность. Это означает согласованные цвета, значки и шрифты, а также отдельные CTA и иерархическую навигацию.

Приложение 3

«Сделано в Беларуси. Пять суперпопулярных мобильных приложений»

https://clck.ru/353CdP

https://clck.ru/353CdP

«MAPS.ME

Сервис MAPS.ME позволяет загружать на мобильные устройства карты и затем пользоваться ими, даже если отсутствует доступ в Интернет. Проект родился в Беларуси в 2010 году. Первоначально он назывался немного иначе – MapsWithMe.

Главный офис MAPS.ME находился в Цюрихе, а центр разработок – в Минске. Сервис достаточно быстро получил признание у нас в стране, а после на него обратили внимание и за рубежом. В 2014 году приложение было продано корпорации Mail.ru Group за несколько десятков миллионов долларов. В том же году команда MAPS.ME переехала в российскую столицу».