In Flipbox, We believe that mobile experience is about two things: (1) covering the objective of system and all the feature inside by the natural characteristics of mobile devices: small devices which are using touch to be operated to empower user getting the freedom, (2) to solve any objective and problems the users have. This presentation is arranged for GE Garage Startup Meet Up, talk about Human Centered and User Experience Design

1. Defining
Mobile Experiences
Faizal Rahman Hakim
UX Designer, Front-end Developer, Illustrator
This presentation is arranged for GE Garage

2. Muhammad Faizal
Rahman Hakim
Become a web developer because of my Bachelor Degree of Computer Science. Nowadays, I
often faced kind of User Experience things in designing mobile apps and website for
user/customer centric.
Co-Founder & UX Designer at Flipbox
dribbble.com/faizalrahman27behance.net/faizalrahmanhakim

3. We work for
fingers, touch, and peoples.
We deliver the limitless mobile experience to give an
outstanding impact to the brand.

4. For us, User
Interface is
just one factor
of User
Experience
Usability
Mobile
Context
User
Input
Design
Content
Information
Architecture
Functionalit
yMarketing
Social
Help
Feedback
Trustworthing
Mobile
Experience
Elements

5. It is more than
just a screen
Mobile experience is about displaying the native function of
smartphone as a mobility devices in a seamless integration.
What makes difference between web experience and
mobile experience?

6. And a part of
digital
ecosystem
Mobile experience is not about copying the experience from the
web to mobile. They have different part in user journey.

7. Define
Ideate
PrototypeImplement
Test
5
The all elements
are defined by
this steps. Empathize
1
2
34

8. There are two kind of empathize
Empathize
Client
Empathize
User
Empathize
Learn Learn
Business
ObjectiveCompany Need
Behaviour
Pain
=

9. Define
Build Right
Personas
Define
Needs /
Problems
User
Journey
Mapping
the best user journey map comes
from right persona
Output of this
process is a
touch points that
help us decide
all key elements
above
1

10. Kickass
Approach
Ideate
Story
boarding
Information
Architecture
We belief, creativity needs
guideline and a limitation is a
medium to make perfection.
2

11. Prototype
https://marvelapp.
com/165e9cj
3
Wireframe
Mockup
Creation
Prototype

12. Design with Code
Implementation
Programmers
in the real time, designers
test the implementation on
the development device to
see how the design after
being integrated with
features.
By pairing with designers,
programmers will get a better
vision about user experience
and will get efficient
development effort.
(UX) Designers
4

13. Testing
Compile
Feedbacks
Blind
Testing
A/B TestingDesigned
Testing
By do testing we can check all worst
and best scenarios that happened in
system usage and see if the
assumptions are literally works.
5
Ask people to do a task,
pick from a selection or
give feedback.
Get actionable results
you can use to improve
your design.

14. TL:DH (Too long didnt hear)
Smartphone has revolutionized the way people accessing internet.
Gives freedom for them to not have a plan, and to act on impulse.
UX itself is an approach to make users feel that they are in control.
So in conclusion:
By optimizing the characteristics of mobile is a way to create
mobile experience.

15. Thanks For Your
Attentions
Do you want to create awesome mobile and web
apps? Call us and we will talk over a cup of coffee or
two.
Flipbox
PT Saka Digital Arsana
Jalan Senayan No. 67 Blok S,
Kebayoran Baru, Jakarta Selatan
+62 21 739 6426
hello@flipbox.co.id
www.flipbox.co.id