Lecture 03 Mobile App Design. Feature DevelopmentMaksym Davydov
How to decide what features should mobile app implement. Development from mission and vision to target audience, tasks, context, capabilities, and functions.
Професія — UX дизайнер. Чим займається та до чого готуватися.Marina Podstrigich
Професія — UX дизайнер.
Чим займається та до чого готуватися.
Презентація розкриває тези:
1) Що таке UX дизайн
2) Чим займаються UX дизайнери
3) Де працюють UX дизайнери
4) Різні спеціалізації UX дизайнерів
5) Навички UX дизайнера
Lecture 03 Mobile App Design. Feature DevelopmentMaksym Davydov
How to decide what features should mobile app implement. Development from mission and vision to target audience, tasks, context, capabilities, and functions.
Професія — UX дизайнер. Чим займається та до чого готуватися.Marina Podstrigich
Професія — UX дизайнер.
Чим займається та до чого готуватися.
Презентація розкриває тези:
1) Що таке UX дизайн
2) Чим займаються UX дизайнери
3) Де працюють UX дизайнери
4) Різні спеціалізації UX дизайнерів
5) Навички UX дизайнера
Продуктовий дизайн і UX / UI дизайн процеси при розробці цифрових продуктівVolodymyr Melnyk
Презентація про продуктовий дизайн та його роль при створенні цифрових продуктів, UX / UI дизайн процеси та методології, приклади їх застосування.
Підготовлено для UP2IT Conference: http://up2it.com.ua/
З ростом популяності мобільних платформ і досутпності відповідних пристроїв чітко вимальовуються тенденції переходу веб бізнесу в мобільну сферу. Практично весь бізнес присутній в Інтернеті, оскільки вважається, що якщо бізнес не має своєї веб сторінки, то його просто не існує. Схожа ситуація починає проявлятися і на мобільному ринку. Тому досить важливим є питання щодо швидкого освоєння цього ринку з мінімальними затратами. Даний огляд і призначений щоб описати шляхи переведення веб бізнесу в мобільну сферу, переваги і недоліки кожного з підходів, складності, з якими можуть зіткнутись дизайнери, програмісти та маркетологи.
ITNetwork BACon agile spring. Олександра Лукавецька - Персона. Як знайти іде...it-network
Коли питаєш у замовника: «Яка Цільова Аудиторія у Вашого продукту?» - у відповідь чуєш: «Наш продукти для всіх, він всім потрібен». Після такої відповіді, розумієш, що тут багато роботи над визначенням ЦА та створенням Персон, адже якщо розробляти продукт для всіх, то він не буде потрібен нікому. Згадайте позиціонування Apple. Джобс наголошував, що його продукти не для всіх, вони для особливих людей, тих хто мислить інакше. Звісно, що кожен хоче бути особливим…
UX без болю. Як проектувати для реальних задач?Evgen Shylov
Презентація з вступної лекції до UX у Могилянській школі журналістики. Говорили про методологію продуктового дизайну в умовах «неповного знання». Як знаходити та правильно формувати концепцію продукту і як проектувати сценарій користувача, залежно від бізнес-задач.
This document discusses how Firebase can be used to develop mobile applications. It introduces various Firebase services including Authentication, Realtime Database, Storage, Hosting, Remote Config, Cloud Messaging, Crash Reporting, Test Lab, Dynamic Links, Invites, App Indexing, AdMob, and Analytics. It provides code examples for implementing Authentication with email/password or Facebook login and interacting with the Realtime Database and Storage. The document emphasizes that Firebase allows developing mobile apps with a compact team and fast iteration by removing the need to set up and manage backend services.
This document provides an overview of Microsoft Azure Mobile Services. It begins with an introduction and agenda. It then discusses the architecture and management portal for Mobile Services. The management portal allows you to manage data, scripts, permissions, scheduling, push notifications, identity, configuration, scaling, and logs. It also covers the REST API for common operations like querying, inserting, updating, and deleting data. Finally, it discusses server scripts and common script objects for working with data, push notifications, and more. Server script modules are also introduced.
Продуктовий дизайн і UX / UI дизайн процеси при розробці цифрових продуктівVolodymyr Melnyk
Презентація про продуктовий дизайн та його роль при створенні цифрових продуктів, UX / UI дизайн процеси та методології, приклади їх застосування.
Підготовлено для UP2IT Conference: http://up2it.com.ua/
З ростом популяності мобільних платформ і досутпності відповідних пристроїв чітко вимальовуються тенденції переходу веб бізнесу в мобільну сферу. Практично весь бізнес присутній в Інтернеті, оскільки вважається, що якщо бізнес не має своєї веб сторінки, то його просто не існує. Схожа ситуація починає проявлятися і на мобільному ринку. Тому досить важливим є питання щодо швидкого освоєння цього ринку з мінімальними затратами. Даний огляд і призначений щоб описати шляхи переведення веб бізнесу в мобільну сферу, переваги і недоліки кожного з підходів, складності, з якими можуть зіткнутись дизайнери, програмісти та маркетологи.
ITNetwork BACon agile spring. Олександра Лукавецька - Персона. Як знайти іде...it-network
Коли питаєш у замовника: «Яка Цільова Аудиторія у Вашого продукту?» - у відповідь чуєш: «Наш продукти для всіх, він всім потрібен». Після такої відповіді, розумієш, що тут багато роботи над визначенням ЦА та створенням Персон, адже якщо розробляти продукт для всіх, то він не буде потрібен нікому. Згадайте позиціонування Apple. Джобс наголошував, що його продукти не для всіх, вони для особливих людей, тих хто мислить інакше. Звісно, що кожен хоче бути особливим…
UX без болю. Як проектувати для реальних задач?Evgen Shylov
Презентація з вступної лекції до UX у Могилянській школі журналістики. Говорили про методологію продуктового дизайну в умовах «неповного знання». Як знаходити та правильно формувати концепцію продукту і як проектувати сценарій користувача, залежно від бізнес-задач.
This document discusses how Firebase can be used to develop mobile applications. It introduces various Firebase services including Authentication, Realtime Database, Storage, Hosting, Remote Config, Cloud Messaging, Crash Reporting, Test Lab, Dynamic Links, Invites, App Indexing, AdMob, and Analytics. It provides code examples for implementing Authentication with email/password or Facebook login and interacting with the Realtime Database and Storage. The document emphasizes that Firebase allows developing mobile apps with a compact team and fast iteration by removing the need to set up and manage backend services.
This document provides an overview of Microsoft Azure Mobile Services. It begins with an introduction and agenda. It then discusses the architecture and management portal for Mobile Services. The management portal allows you to manage data, scripts, permissions, scheduling, push notifications, identity, configuration, scaling, and logs. It also covers the REST API for common operations like querying, inserting, updating, and deleting data. Finally, it discusses server scripts and common script objects for working with data, push notifications, and more. Server script modules are also introduced.
Native functions allow Java code to call functions implemented in C/C++. The document shows a native method declared in a Java class that is implemented in a C/C++ file. The native method sets shader bin data and accepts a file name, byte array, and size as parameters. It uses JNI to get the string and byte array from the Java arguments and release them after use in C/C++.
The document discusses networking on mobile devices. It covers supported networking technologies like cellular data, WiFi, and Bluetooth. It discusses required permissions for network operations and the need to perform networking operations on a separate thread to avoid blocking the UI. It provides an example of using AsyncTask to perform networking operations asynchronously. It also covers best security practices, implementing a network security configuration, checking device connectivity, and using Firebase Cloud Messaging as an alternative to polling for updates from a server.
This document provides an overview of user interface (UI) programming for mobile apps. It discusses UI programming patterns like state machines and model-view-controller (MVC). It explains how MVC is implemented in Android and iOS. It also describes core Android application components like activities, services, content providers and more. Finally, it covers topics like layouts, views, resources and more aspects of Android UI programming.
The document contains examples of Java string and object comparisons. It shows that using '==' compares object references while '.equals()' compares object values. It also demonstrates that the Java garbage collector will call 'finalize()' on objects before removing them from memory, and that calling 'System.exit()' in 'finalize()' prevents further object creation.
The document summarizes the key hardware components of mobile devices, including displays, CPUs, memory, storage, cameras, sensors, networking capabilities, and connectors. It discusses screen sizes and resolutions for Android and iOS devices and provides details on processors, memory, and GPUs used by Android and Apple phones. It also covers camera, network connectivity including 4G/5G, Bluetooth, NFC, and connectors such as Micro-USB, USB-C, and Lightning.
This document provides an overview of Microsoft Azure Mobile Services and its management portal. It discusses the key features and capabilities of Azure Mobile Services including data storage, user authentication, push notifications, and server-side scripts. It also summarizes the available server-side script objects and modules that can be used to access additional functionality from scripts. Finally, it outlines the REST API operations for querying, inserting, updating and deleting data in Mobile Services tables.
This document provides an overview of the Firebase mobile platform and its features for developing mobile applications. It discusses Firebase services for authentication, realtime database, storage, hosting, remote config, cloud messaging, crash reporting, testing, dynamic links, invites, advertising and analytics. It includes code examples for authentication, database reads and writes, and storage uploads and downloads. The document promotes Firebase as providing a compact team that can build scalable mobile apps with fast iteration while allowing developers to sleep at night through its backend services.
The document discusses networking on mobile devices. It covers supported networking technologies like cellular data, WiFi and Bluetooth. It discusses required permissions for network operations and that networking should be performed on a separate thread to avoid blocking the UI. It provides an example of using AsyncTask to perform networking operations asynchronously. It also covers best security practices, checking network connectivity, and using Firebase Cloud Messaging as an alternative to polling for updates.
Team Technologies LLC consists of mobile developers Oleg and Nazar. The document discusses developing cross-platform mobile applications using Xamarin. It outlines why native mobile development is important, what Xamarin is, and how to architect mobile apps in Xamarin including using Xamarin Forms. It provides an agenda and overview of the topics that will be covered.
2. Піраміда користувачів
Продвинуті користувачі – 15%
Комп’ютерно грамотні користувачі – 25%
Непідготовлені користувачі – 60%
Користувачів не сильно хвилюють функції
продуктів.
Вони цікавляться можливістю вирішувати
задачі.
3. Старі приклади гарних інтерфейсів
Weight Log Unit-Conversion Calculator Clipboard
Manager
fun to convert miles to kilometers
From "Tapworthy Designing Great iPhone Apps" By Josh Clark
4. Приклади гарних інтерфейсів
Чи треба буде мені сьогодні парасолю?
From "Tapworthy Designing Great iPhone Apps" By Josh Clark
5. Мобільні інтерфейси, які імітують фізичні пристрої
переважають своєю інтуїтивністю і перевіреною
ергономікою.
From "Tapworthy Designing Great iPhone Apps" By Josh Clark
6. Мобільні інтерфейси, які імітують фізичні пристрої
переважають своєю інтуїтивністю і перевіреною
ергономікою.
From "Tapworthy Designing Great iPhone Apps" By Josh Clark
16. Панель вкладок
Панель вкладок знаходиться переважно внизу і дає користувачеві
Mеню опцій на вибір. В результаті отримуємо акуратно класифікований додаток.
Основні функції зазначені у головному списку і відмічені активні.
17. Панель вкладок
Панель вкладок знаходиться переважно внизу і дає користувачеві
меню опцій на вибір. В результаті отримуємо акуратно класифікований додаток.
Основні функції зазначені у головному списку і відмічені активні.
18. Дерево
Деревоподібну структуру ідеально застосовувати коли ми
працюємо з різними даними різних категорій - електронна
пошта, списки todo, витрати, фотознімки, музичні записи,
контакти.
Також можна використовувати для вибору великого
набору функцій програми.
35. Засоби прототипування мобільних додатків
1) Прототипування на папері
Основною перевагою є швидкість, оскільки
можна одразу обговорити варіанти
допустимих інтерфейсних рішень
2) Створення електронних ескізів
Основною перевагою є можливість
перегляду зв’язків та інтерактивного
переходу між екранами, редагування
3) Прототипування з анімаціями
Основною перевагою є можливість
тестування інтерфейсу додатку, найбільш
наближеного до реального
36. Прототипування на папері
Переваги:
• Можна швидко отримати макет
інтерфейсу без кодування
• Знаходження широкого кола
проблем в інтерфейсі, в тому
числі серйозних
• Можливість уточнення інтерфейсу
додатку за відгуками користувачів
до початку реалізації
• Вся команда може брати участь
• Заохочує до творчості команду та
користувачів
Недоліки:
• Не розв’язує всіх задач,
пов’язаних з інтерфейсом
користувача
http://www.paperprototyping.com/what_prosandcons.html
39. Ресурси з шаблонами інтерфейсних рішень та прототипів програм
http://ui-patterns.com/patterns
welie.com
pttrns.com
www.mobile-patterns.com
capptivate.co
uxarchive.com
http://studio.uxpin.com/patterns/
http://useyourinterface.com
https://www.behance.net/gallery/10645011/
User-Experience-Document-Examples-
Prototypes
http://zurb.com/libraryhttp://zurb.com/library
62. Відео - використання LinearLayout
в Android і UIStackView в iOS
1. https://www.youtube.com/watch?v=lUymjX4K7FM
2. https://developer.apple.com/videos/play/wwdc2015/218/