Understanding UI & UX from Developer Side- By Irfan Maulana -

About Me• Name : Irfan Maulana• Work : Blibli.com• Position : Software Development Engineer• Role : Front End Developer

Outline• Intro• Understanding UI & UX• UI & UX Process• What we can support as Developer

Intro

Why it’s matter ?

Why Developer should know about UI & UX ?

Most of Developers just complain

about the wireframe/mockup without giving the solution.

So, lets start to understanding them.

Understanding UI & UX

What is

“User Interface” ?

“User Interface (UI) is everything designed into an information device with which a human being may interact.”

- source : searchsoa

UI Design is a closer to what we refer to graphic design.

What is

“User Experience” ?

“User Experience (UX) refers to person’s entire experience using a particular product, system or service.”

- source : wikipedia

UX Design is not just Interface / Visual design.

Experience that you love

Experience that you hate

“ Bad UX Kills People Good UX Saves Lives “

UI & UX

User Interface

User Experience

UI & UX Process

Interview

Survey

Make a Persona

Structure of Menu

Wireframe & Prototype

Launch and Measure

What we can support as Developer

Clash of Designer vs Developer

What designer sketch

Clash of Designer vs Developer

What developer do

So, what we can do ?

1.Developer and designer make standardization for styling guide.

2.Developer should be active contributor in early design phase.

3.Clear specification from designer and developer execute the design base on it with pixel perfection.

4.Daily deploy to dev environment to get fast feedback from designer.

5.Speed is part of user experience.Communicate if the design will make big impact to speed

6.Because there is no perfect,Should be always there space for negotiation between developer and designer.

Contact Me• Blog : mazipanneh.wordpress.com• Twitter : @Maz_Ipan• Facebook : /mazipanneh• Linkedin : /in/irfanmaulanamazipan• Mail : mazipanneh@gmail.com

Thank You

This is end of slides.