12. How dribbble helps us
as studio?
Dribbble is a source of inspiration but we love to use it as a platform to inspire.
It help us to be more creative just by knowing what already exist and standards.
We get feedbacks from the worldwide pro designers community.
13. How dribbble helps us
as studio?
We rebound and play social by giving and getting cool freebies, tips and tricks.
Great brainstorming platform for sharing your progress or dilemmas about design.
Powerful tool to find new talents and to promote yourself with live statistics.
14. How dribbble helps us
as studio?
“What we find in dribbble stay in dribbble.”
“If it’s in dribbble, so it’s already dépassé and it’s really
means that our design need to be different.”
Ilan Dray
17. The Devices
Endless and in constant evolution. The design need to fit the media.
Teens
Tablets
Pre-college
Digital TV
Internet
iPhone Male
Lumia
savvy
Head of
Laptops
iPad community
Young Android
Religious
Gadgets
Female
& Robots Investors
Computers
18. The Technology
Endless and in constant evolution. The design need to fit the technology.
Augmented Teens
HD / 4K
Pre-college
Reality Internet
The Cloud Male
Retina
savvy
Head of
Touch
community
Screens
Young
SDK Virtual
Religious
Hologram Worlds
Female Open
Unity 3D Investors
Source
19. The Designs
Endless and in constant evolution. The design need to fit itself.
Teens
GUI / UX
Pre-college
Responsive
Internet
Human
savvy
Interface Male
Native
Head of
Skeuomorph
community
Young
WOW
Religious
Minimalism
Female
Pie Nav Crowd source
Investors
/ Freebies
24. http://bit.ly/139YBHC (iPhone SDK) | http://bit.ly/yYIbH3 (Android) | http://bit.ly/VBFa4V (Windows Mobile)
The size
count ...
High Resolution Display
Retina Display & other HD resolutions:
Starting with the iPhone 4,
Apple incorporated the Retina
Display into its devices.
Resolutions and screen densities
are different for other platform such
Android or Microsoft mobile.
25. http://bit.ly/139YBHC (iPhone SDK) | http://bit.ly/yYIbH3 (Android) | http://bit.ly/VBFa4V (Windows Mobile)
Trendy look vs.
Class & style
Aesthetic Integrity
Golden Rule for Mobile Design:
Read the SDK (Software Development Kit :)
Understand the platform that you design for.
Be neat in your design and consistent,
by taking the advantages of the standards
and paradigms people are comfortable with.
Innovation is great, but not at the expense
of the user experience.
Try not to reinvent the wheel :)
26.
27. http://bit.ly/12NLGvP
Pixel perfect
this is the point!
Basic Design rules
Native app design:
iOS apps that feels as though
they were designed expressly for
the device. Fitting well on the device
screen resolution, proportions and
responds to the gestures
intuitively.
28. http://bit.ly/12NLGvP
From pixel
to the point…
First tip of the day
Golden Rule for HD display:
Oppositely to dribbble…
Design at 1x then import at 2x
with maximum vector elements
snapped to the exact pixel and
use points as unit for fonts with
size only multiple of 2.
29. Native concept design for
ynet HD app. to maximize
the iPad tablet features
and user experience .
RICH BRAND EXPERIENCE
30. http://bit.ly/RmZJ8i | http://bit.ly/TwJrIh (iOS Drawing Concepts)
God is in the
details
More
with less…
High Resolution VS. Minimalism:
Providing high-quality graphics not only
makes your app look good, but it also makes
your app look like a natural extension to
the rest of the system.
But create a clean and purposeful experience
by leaving only the most relevant elements on screen.
Let’s the users explore what they love!
31. http://bit.ly/XtjvON (Labguru app.)
Touch me
baby
Direct Manipulation for
more engagement
Golden Rule:
The rule is that you design your app
taking also in consideration it’s a multi-
touch interface .
Using gesture makes feel a great sense of
control . Use gyro and other sensors of the
device to interact with the objects.
Make it looks like in the real world.
32. Users expect a beautiful
appearance that promises
fun and encourages
discovery so let’s them
discover & play.
GAMIFICATION IS THE WORD
33. Create a clean and
purposeful experience by
leaving only the most
relevant elements on
screen.
MINIMALIFE THE EXPERIENCE
35. http://cinemacity.cz
Fast and
fluid
Bring life to the experience,
create a sense of continuity and
tell a story through meaningful
use of motion.
Be alive and think motion:
Phone apps need to focus on simple,
quick-use scenarios. Since people use
phones while they're "on the go,"
you need to design your app
accordingly.
36. Using gestures gives
people a greater affinity
for, and sense of control
over, the objects they see
onscreen.
PYROTECHNICS FOR WOW FX
37. http://bit.ly/RPIRlT (Wondervoice app.)
Give SFX*
feedbacks
People expect immediate
feedback when they operate
a control, and they appreciate
status updates during
lengthy operations.
Special Effects *
Motion & Sound Design:
Subtle animation can give people
meaningful feedback and helps clarify
the results of their actions.
38. www.mindlab-group.com
Get mum
feedbacks
Get maximum feedbacks
of anyone around you …
because this media is accessible
to everyone and feedbacks
always welcome.
If my Algerian mum
know how to use it …
so for sure it’s
a great GUI!
39. People physically interact
with realistic onscreen
objects, in many cases
operating them as if they
were real-world objects.
REAL LIVE METAPHORS
40. www.inkod-hypera.com
Create world
revolution is not
only a game.
I invite you to share your knowledge,
be creative and authentically digital to
make this world a better place
“To give someone a piece of your heart,
is worth more than all the wealth in the world.”
Michael Jackson
Enjoy Life!