Tweet
Tweet

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

Android UI Design #3 AndroidDev Surabaya Meetup #6

Slide 3

Slide 3 text

Umar Fadil [email protected] www.umarfadil.com https:/ /id.linkedin.com/in/umar-fadil https:/ /github.com/umarfadil https:/ /instagram.com/_umarfadil 082332901990

Slide 4

Slide 4 text

Learn Android UI Design UI

Slide 5

Slide 5 text

What’s UI Design ? User interface (UI) design is the design of user interfaces for software or machines, such as the look of a mobile app, with a focus on ease of use and pleasurability for the user. UI design usually refers to the design of graphical user interfaces— but can also refer to others, such as natural and voice user interfaces. UI Visual Design Iconography Interface Design Graphics

Slide 6

Slide 6 text

UI Design x UX Design “we give value to our product”

Slide 7

Slide 7 text

Now, what’s UX Design ? User experience (UX) design is the process of creating products that provide meaningful and personally relevant experiences. This involves the careful design of both a product’s usability and the pleasure consumers will derive from using it. It is also concerned with the entire process of acquiring and integrating the product, including aspects of branding, design, usability, and function. UX Field Research User Research User Interview Usability Plan Data Gathering Persona Creation Concept Design Task Analysis Task Grouping Information Architecture Wireframing Prototyping User Evaluation Interface Design Visual Design and Iconography DLL

Slide 8

Slide 8 text

x

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

We will talk about Android UI Design NOW

Slide 12

Slide 12 text

Android Material Design What is Android Material Design ? Material Design (originally referred to as and codenamed “Quantum Paper”) was developed by Google and is a design language used for Android devices. The idea, according to Matias Duarte Vice President of Design for Google, is to provide a design language which mimics the feel of pen and paper. Material design offers the user physical edges and surfaces to work with – with seams and shadows giving context to what parts of a digital design can be touched. Material Design was announced by Google at the 2014 Google I/O Conference on June 25th, 2014. It is intended for use with all versions of Android after 2.1 and in conjunction with the v7 appcomcat library and later versions.

Slide 13

Slide 13 text

https:/ /developer.android.com/design/index.html

Slide 14

Slide 14 text

Wedding Invitation AIRBNB s.id/airbnbmobile s.id/weddinginvitation

Slide 15

Slide 15 text

Glossary https://www.interaction-design.org/literature/article/ google-s-material-design-android-design-language http://uxindo.com/user-experience-dan-user- interface/ https://www.interaction-design.org/literature/topics/ ux-design https://www.interaction-design.org/literature/topics/ ui-design https://material.io/guidelines/ https://developer.android.com/design/index.html https://id.pinterest.com/pin/640144534507565913/

Slide 16

Slide 16 text

Terima kasih :)

Slide 17

Slide 17 text

Give us Feedback bit.ly/feedbackads t.me/androiddevsurabaya

Slide 18

Slide 18 text

G E T I N T O U C H @androiddevsurabaya Android Developer Surabaya github.com/AndroidDevSurabaya speakerdeck.com/androiddevsurabaya [email protected]