SlideShare a Scribd company logo
10
Design Trends
2014
UX/UI trends for mobile solutions
1. Layered Interfaces
In the past year we have seen less and less skeumorphic design

taking full advantage of the z-axis. This approach gives a sense of

but this doesn’t mean that we’re moving towards two dimensional

depth to the interface making the experience more tangible.

interfaces. On the contrary, interfaces will become more layered and
Why do it?
Done right, this approach gives a real sense of 3D depth and will
establish a clear relationship between elements and interactions. This
is achieved by putting elements not in use at the back while placing
current interaction at the front.
2. Divide by elements & spacing, not lines
While the ultimate goal is to simplify our interfaces and make them
more functional and usable, we should think twice when separating
content by lines and dividers.
Why do it?
UI design is moving towards removing any unnecessary elements to
focus much more on functionality. Less lines and dividers will always
give your interface a cleaner, modern and more functional feel.
Always remember that there are other ways to separate content with
methods such as using blocks, spacing or different colors.
3. Swipe, swipe & swipe
The screen is not only a touch target but also a gesture target.
Touching and gesture capabilities, as well as more gesture-based
actions have emerged. Swipe gestures are used to: go back, reach
the menu or trigger actions such as share, like or delete items.
Why do it?
Although it may not be entirely self-evident initially, a gesture, once
discovered and learned, can become a delight to use and can bring
“magic” to the user experience, reducing steps in the user flow while
interacting with the interface. This allows for a quicker, more efficient
and comfortable experience for hand gestures since a larger area of
the screen is used for a function.
4. Thumb-focused interactions
With the use of smartphones and mobile devices clearly increasing,

tapping or needing both hands to use the phone. Users will use

we find that people are using them in many different situations

the phone with one hand and rely on their thumb more as they find

and locations - while on the the subway, at work, at home, when

themselves in stuations where they don’t always have both hands

exercising etc. Users don’t want complex gestures, like three finger

free to use the device.
Why do it?
When designing, take into consideration that your app will be used
in several contexts, people will not always be in the situation where
they can use more than one finger or both hands to interact with
your interface. Design for the lazy, this can increase the usage
of your app!
5. Simple color schemes
We will see a lot more apps with very simple color schemes. The use

the general scheme and adding just a bit of another stronger color for

of simpler color schemes is usually associated with the flat design

calls to action, helps the user focus on the actions we want them to.

approach and the philosophy “less is more”. Using neutral colors for
Why do it?
Simplifying the interface improves the user experience while having
too many colors can have a negative impact upon it. A good use of
colors highlights the action you want your users to carry out.
6. Icons - Stroke & fill
This year we will see an explosion of apps using this design pattern.
We’re pretty sure we’ll not only see this in the mobile space, but on
the web too.
Why do it?
This gives better contrast between active and inactive sections.
Recognition of active tabs, controls and toolbars is more straightforward.
7. Animations - Do it well or don’t do it
Designers are moving away from textures and skeumorphic designs

experience. The specs and technical capabilities of the new

to a new approach where motion and depth create a 3D effect.

mobile devices allow designers and developers to create more

Movement and animations are vital elements when embracing

complex animations.

this new paradigm, giving fluidity and more meaning to the user
Why do it?
Animated demo tutorials are a great way to capture users’ attention
while educating them on how best to use the app for the first time.
But don’t animate just for the sake of it, have a clear motivation
behind the animation effects, the abuse of motion effects can
completely ruin the experience.
8. One app, one typeface
The use of Helvetica (mostly light or thin versions) in iOS 7 is still a

When designing an app think about how can you make the

hot topic between designers and typographers. We’re not saying

typography powerful by playing with weights and dimensions, not

iOS 7 is perfect typography-wise, but the principle of simplifying

different typefaces.

and reducing the numbers of fonts and weights is welcomed.
Why do it?
This one goes hand in hand with simplifying color schemes and user
elements, as well as using space as dividers. The ultimate goal is
simplicity, functionality and usability.
9. Blur effects
Blur effects arise as a logical solution to a minimal user interface,
allowing a certain amount of play with the layers and hierarchy of
the interface.
Why do it?
It’s a very efficient solution when working with layered UX/UI since
it gives the user a clear understanding of the mobile solution’s
flow and hierarchy. This also gives designers a perfect opportunity
to explore different menu and overlay solutions. Even though we
eventually might grow tired of the effect it is an effective solution at
the present time.
10. Phablets
2014 is the year of the Phablets. A Phablet is a merge between a

on the rise even though they might take longer than 2014 to

smartphone and a tablet and includes the best of both worlds. With

become a trend.

bigger screensizes come different layouts. Flexible devices are also
Why do it?
The introduction and rise of Phablets will allow for layout adaptation
and UX solutions which perhaps were only previously taken into
consideration for tablets. Android devices are already on the
market with the Galaxy Note 3, while Apple and Windows will, in all
likelihood, shortly follow with their own devices.
Fighting for a world
full of mobile solutions
since 2005
web 	 	
email	

www.goldengekko.com			
info@goldengekko.com

More Related Content

What's hot

Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
Maksym Babych
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021
sravanthisravanthi6
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
Theresa Neil
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
Matin Maleki
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
Kamil Zieba
 
Ui ux the way of future
Ui ux the way of futureUi ux the way of future
Ui ux the way of future
Ravindra Kamtam
 
Mobile UI / UX Trends
Mobile UI / UX TrendsMobile UI / UX Trends
Mobile UI / UX Trends
Evgeny Tsarkov
 
The Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App DevelopmentThe Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App Development
DivyaConsagous
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
aayush_jain_87
 
The Top 10 UX Trends for 2016
The Top 10 UX Trends for 2016The Top 10 UX Trends for 2016
The Top 10 UX Trends for 2016
Idean France
 
UX trends 2016
UX trends 2016UX trends 2016
UX trends 2016
Dian Soraya
 
Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface Design
KANKIPATI KISHORE
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
eLuminous Technologies Pvt. Ltd.
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
Sabaragamuwa University
 
PHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer SidePHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer Side
Irfan Maulana
 
Design process
Design processDesign process
Design process
Leandro Puca
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
Adryan Putra
 
Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product Development
Volodymyr Melnyk
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The World
BuiltByHQ
 

What's hot (20)

Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
 
Ui ux the way of future
Ui ux the way of futureUi ux the way of future
Ui ux the way of future
 
Mobile UI / UX Trends
Mobile UI / UX TrendsMobile UI / UX Trends
Mobile UI / UX Trends
 
The Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App DevelopmentThe Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App Development
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
The Top 10 UX Trends for 2016
The Top 10 UX Trends for 2016The Top 10 UX Trends for 2016
The Top 10 UX Trends for 2016
 
UX trends 2016
UX trends 2016UX trends 2016
UX trends 2016
 
Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface Design
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
PHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer SidePHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer Side
 
Design process
Design processDesign process
Design process
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
 
Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product Development
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The World
 

Viewers also liked

10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
DMI
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
Jayan Narayanan
 
How to Teach UX Design
How to Teach UX DesignHow to Teach UX Design
How to Teach UX Design
Christina Wodtke
 
UX trends now and in 2016
UX trends now and in 2016UX trends now and in 2016
UX trends now and in 2016
Esben Emborg
 
UI / UX Design Presentation
UI / UX Design PresentationUI / UX Design Presentation
UI / UX Design Presentation
Dignitas Digital Pvt. Ltd.
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Koombea
 
UX Design for Mobile Interfaces
UX Design for Mobile InterfacesUX Design for Mobile Interfaces
UX Design for Mobile Interfaces
Andi Galpern
 
IACF-GTC; Menutup Ruang Korupsi PBJ
IACF-GTC; Menutup Ruang Korupsi PBJIACF-GTC; Menutup Ruang Korupsi PBJ
IACF-GTC; Menutup Ruang Korupsi PBJ
Indonesia Anti Corruption Forum
 
Lia youth proactive
Lia youth proactiveLia youth proactive
Lia youth proactive
Indonesia Anti Corruption Forum
 
Presentasi donal fariz icw
Presentasi donal fariz icwPresentasi donal fariz icw
Presentasi donal fariz icw
Indonesia Anti Corruption Forum
 
Kelembagaan BUM Desa Bersama
Kelembagaan  BUM Desa BersamaKelembagaan  BUM Desa Bersama
Kelembagaan BUM Desa Bersama
Ahmad Rofik
 
Intisari uu no. 6 tahun 2014 desa
Intisari uu no. 6 tahun 2014   desaIntisari uu no. 6 tahun 2014   desa
Intisari uu no. 6 tahun 2014 desa
Upiet Bae
 
Smartphones & Mobile Money: Principles for UI/UX Design (1.0)
Smartphones & Mobile Money: Principles for UI/UX Design (1.0)Smartphones & Mobile Money: Principles for UI/UX Design (1.0)
Smartphones & Mobile Money: Principles for UI/UX Design (1.0)
CGAP
 
Pengelolaan Keuangan Desa
Pengelolaan Keuangan DesaPengelolaan Keuangan Desa
Pengelolaan Keuangan Desa
Umi Arifah
 
Lokakarya desa hebat
Lokakarya desa hebatLokakarya desa hebat
Lokakarya desa hebat
Maman Darmawan
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
Bpkp pengawalan akuntabilitas keuangan desa
Bpkp  pengawalan akuntabilitas keuangan desaBpkp  pengawalan akuntabilitas keuangan desa
Bpkp pengawalan akuntabilitas keuangan desa
Rizki Rizki Afdhal
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
Chris Feix
 
7 Trends & Insights MWC 2017
7 Trends & Insights MWC 20177 Trends & Insights MWC 2017
7 Trends & Insights MWC 2017
DMI
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Anna Dahlström
 

Viewers also liked (20)

10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
How to Teach UX Design
How to Teach UX DesignHow to Teach UX Design
How to Teach UX Design
 
UX trends now and in 2016
UX trends now and in 2016UX trends now and in 2016
UX trends now and in 2016
 
UI / UX Design Presentation
UI / UX Design PresentationUI / UX Design Presentation
UI / UX Design Presentation
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
UX Design for Mobile Interfaces
UX Design for Mobile InterfacesUX Design for Mobile Interfaces
UX Design for Mobile Interfaces
 
IACF-GTC; Menutup Ruang Korupsi PBJ
IACF-GTC; Menutup Ruang Korupsi PBJIACF-GTC; Menutup Ruang Korupsi PBJ
IACF-GTC; Menutup Ruang Korupsi PBJ
 
Lia youth proactive
Lia youth proactiveLia youth proactive
Lia youth proactive
 
Presentasi donal fariz icw
Presentasi donal fariz icwPresentasi donal fariz icw
Presentasi donal fariz icw
 
Kelembagaan BUM Desa Bersama
Kelembagaan  BUM Desa BersamaKelembagaan  BUM Desa Bersama
Kelembagaan BUM Desa Bersama
 
Intisari uu no. 6 tahun 2014 desa
Intisari uu no. 6 tahun 2014   desaIntisari uu no. 6 tahun 2014   desa
Intisari uu no. 6 tahun 2014 desa
 
Smartphones & Mobile Money: Principles for UI/UX Design (1.0)
Smartphones & Mobile Money: Principles for UI/UX Design (1.0)Smartphones & Mobile Money: Principles for UI/UX Design (1.0)
Smartphones & Mobile Money: Principles for UI/UX Design (1.0)
 
Pengelolaan Keuangan Desa
Pengelolaan Keuangan DesaPengelolaan Keuangan Desa
Pengelolaan Keuangan Desa
 
Lokakarya desa hebat
Lokakarya desa hebatLokakarya desa hebat
Lokakarya desa hebat
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
Bpkp pengawalan akuntabilitas keuangan desa
Bpkp  pengawalan akuntabilitas keuangan desaBpkp  pengawalan akuntabilitas keuangan desa
Bpkp pengawalan akuntabilitas keuangan desa
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
7 Trends & Insights MWC 2017
7 Trends & Insights MWC 20177 Trends & Insights MWC 2017
7 Trends & Insights MWC 2017
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
 

Similar to 2014 UX/UI trends for mobile solutions

Top 10 Mobile App UI/UX Design Trends in 2022
Top 10 Mobile App UI/UX Design Trends in 2022Top 10 Mobile App UI/UX Design Trends in 2022
Top 10 Mobile App UI/UX Design Trends in 2022
WebGuru Infosystems Pvt. Ltd.
 
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdfMobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
WebGuru Infosystems Pvt. Ltd.
 
Unboxing iOS 7
Unboxing iOS 7Unboxing iOS 7
Unboxing iOS 7
Mutual Mobile
 
Designing iOS apps that rock!
Designing iOS apps that rock!Designing iOS apps that rock!
Designing iOS apps that rock!
Joey Rigor
 
UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?
DariaPersell
 
10 Design Trends 2013
10 Design Trends 201310 Design Trends 2013
10 Design Trends 2013
DMI
 
10 Design Trends 2013
10 Design  Trends 201310 Design  Trends 2013
10 Design Trends 2013
Kim Peratt
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
InVision App
 
5 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 20215 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 2021
Stefan Gerber
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014
Jessie Doan
 
interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016
Halil Eren Çelik
 
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdfBest UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Harssh Trivedi
 
10 Desirable Mobile App Graphic Design trends for 2016
10 Desirable Mobile App Graphic Design trends for 201610 Desirable Mobile App Graphic Design trends for 2016
10 Desirable Mobile App Graphic Design trends for 2016
iMOBDEV Technologies Pvt. Ltd.
 
Monster Modeling - 3D Modeling for Kids
Monster Modeling - 3D Modeling for KidsMonster Modeling - 3D Modeling for Kids
Monster Modeling - 3D Modeling for Kids
Tink Newman
 
Design of the Kontakios iOS app
Design of the Kontakios iOS appDesign of the Kontakios iOS app
Design of the Kontakios iOS app
Joey Rigor
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
KevinHao14
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
Lewis Lin 🦊
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
Akhil Kumar
 
Top iOS App Development Tools You Should Know to Create Outstanding iOS Apps.pdf
Top iOS App Development Tools You Should Know to Create Outstanding iOS Apps.pdfTop iOS App Development Tools You Should Know to Create Outstanding iOS Apps.pdf
Top iOS App Development Tools You Should Know to Create Outstanding iOS Apps.pdf
Techugo Canada
 
UI.docx
UI.docxUI.docx

Similar to 2014 UX/UI trends for mobile solutions (20)

Top 10 Mobile App UI/UX Design Trends in 2022
Top 10 Mobile App UI/UX Design Trends in 2022Top 10 Mobile App UI/UX Design Trends in 2022
Top 10 Mobile App UI/UX Design Trends in 2022
 
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdfMobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
 
Unboxing iOS 7
Unboxing iOS 7Unboxing iOS 7
Unboxing iOS 7
 
Designing iOS apps that rock!
Designing iOS apps that rock!Designing iOS apps that rock!
Designing iOS apps that rock!
 
UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?
 
10 Design Trends 2013
10 Design Trends 201310 Design Trends 2013
10 Design Trends 2013
 
10 Design Trends 2013
10 Design  Trends 201310 Design  Trends 2013
10 Design Trends 2013
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
 
5 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 20215 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 2021
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014
 
interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016
 
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdfBest UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
 
10 Desirable Mobile App Graphic Design trends for 2016
10 Desirable Mobile App Graphic Design trends for 201610 Desirable Mobile App Graphic Design trends for 2016
10 Desirable Mobile App Graphic Design trends for 2016
 
Monster Modeling - 3D Modeling for Kids
Monster Modeling - 3D Modeling for KidsMonster Modeling - 3D Modeling for Kids
Monster Modeling - 3D Modeling for Kids
 
Design of the Kontakios iOS app
Design of the Kontakios iOS appDesign of the Kontakios iOS app
Design of the Kontakios iOS app
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
 
Top iOS App Development Tools You Should Know to Create Outstanding iOS Apps.pdf
Top iOS App Development Tools You Should Know to Create Outstanding iOS Apps.pdfTop iOS App Development Tools You Should Know to Create Outstanding iOS Apps.pdf
Top iOS App Development Tools You Should Know to Create Outstanding iOS Apps.pdf
 
UI.docx
UI.docxUI.docx
UI.docx
 

More from DMI

CX Audit Workshop
CX Audit WorkshopCX Audit Workshop
CX Audit Workshop
DMI
 
DMI 2017 Mobile Trends
DMI 2017 Mobile TrendsDMI 2017 Mobile Trends
DMI 2017 Mobile Trends
DMI
 
DMI – World Gaming Executive Summit
DMI – World Gaming Executive SummitDMI – World Gaming Executive Summit
DMI – World Gaming Executive Summit
DMI
 
DMI – We Can See the Future
DMI – We Can See the FutureDMI – We Can See the Future
DMI – We Can See the Future
DMI
 
Top 10 Trends at MWC16
Top 10 Trends at MWC16Top 10 Trends at MWC16
Top 10 Trends at MWC16
DMI
 
Top 10 Trends for Winners in Mobile 2016
Top 10 Trends for Winners in Mobile 2016Top 10 Trends for Winners in Mobile 2016
Top 10 Trends for Winners in Mobile 2016
DMI
 
Don't Mobilize Your Business – Reinvent It
Don't Mobilize Your Business – Reinvent ItDon't Mobilize Your Business – Reinvent It
Don't Mobilize Your Business – Reinvent It
DMI
 
Innovation through Hackathons
Innovation through HackathonsInnovation through Hackathons
Innovation through Hackathons
DMI
 
Cambodian Life - Living and Working in Phnom Penh
Cambodian Life - Living and Working in Phnom PenhCambodian Life - Living and Working in Phnom Penh
Cambodian Life - Living and Working in Phnom Penh
DMI
 
Mobile Application Security by Design
Mobile Application Security by DesignMobile Application Security by Design
Mobile Application Security by Design
DMI
 
MWC 2015 - A Recap of the Key Announcements, Highlights and Trends
MWC 2015 - A Recap of the Key Announcements, Highlights and TrendsMWC 2015 - A Recap of the Key Announcements, Highlights and Trends
MWC 2015 - A Recap of the Key Announcements, Highlights and Trends
DMI
 
Top 8 Mobile Finance Trends 2015
Top 8 Mobile Finance Trends 2015Top 8 Mobile Finance Trends 2015
Top 8 Mobile Finance Trends 2015
DMI
 
Top 8 Enterprise Mobility Trends 2015
Top 8 Enterprise Mobility Trends 2015Top 8 Enterprise Mobility Trends 2015
Top 8 Enterprise Mobility Trends 2015
DMI
 
Top 10 Mobile Trends 2015
Top 10 Mobile Trends 2015Top 10 Mobile Trends 2015
Top 10 Mobile Trends 2015
DMI
 
Winning the mobile user in 2015
Winning the mobile user in 2015Winning the mobile user in 2015
Winning the mobile user in 2015
DMI
 
Golden Gekko presentation Google I/O 2014
Golden Gekko presentation Google I/O 2014Golden Gekko presentation Google I/O 2014
Golden Gekko presentation Google I/O 2014
DMI
 
Golden Gekko Review of iOS8- for users and developers
Golden Gekko Review of iOS8- for users and developersGolden Gekko Review of iOS8- for users and developers
Golden Gekko Review of iOS8- for users and developers
DMI
 
User Testing- guiding the way to success
User Testing- guiding the way to successUser Testing- guiding the way to success
User Testing- guiding the way to success
DMI
 
Golden Gekko, 10 burning questions on privacy
Golden Gekko, 10 burning questions on privacyGolden Gekko, 10 burning questions on privacy
Golden Gekko, 10 burning questions on privacy
DMI
 
MWC 2014- key highlights, trends and announcements
MWC 2014- key highlights, trends and announcementsMWC 2014- key highlights, trends and announcements
MWC 2014- key highlights, trends and announcements
DMI
 

More from DMI (20)

CX Audit Workshop
CX Audit WorkshopCX Audit Workshop
CX Audit Workshop
 
DMI 2017 Mobile Trends
DMI 2017 Mobile TrendsDMI 2017 Mobile Trends
DMI 2017 Mobile Trends
 
DMI – World Gaming Executive Summit
DMI – World Gaming Executive SummitDMI – World Gaming Executive Summit
DMI – World Gaming Executive Summit
 
DMI – We Can See the Future
DMI – We Can See the FutureDMI – We Can See the Future
DMI – We Can See the Future
 
Top 10 Trends at MWC16
Top 10 Trends at MWC16Top 10 Trends at MWC16
Top 10 Trends at MWC16
 
Top 10 Trends for Winners in Mobile 2016
Top 10 Trends for Winners in Mobile 2016Top 10 Trends for Winners in Mobile 2016
Top 10 Trends for Winners in Mobile 2016
 
Don't Mobilize Your Business – Reinvent It
Don't Mobilize Your Business – Reinvent ItDon't Mobilize Your Business – Reinvent It
Don't Mobilize Your Business – Reinvent It
 
Innovation through Hackathons
Innovation through HackathonsInnovation through Hackathons
Innovation through Hackathons
 
Cambodian Life - Living and Working in Phnom Penh
Cambodian Life - Living and Working in Phnom PenhCambodian Life - Living and Working in Phnom Penh
Cambodian Life - Living and Working in Phnom Penh
 
Mobile Application Security by Design
Mobile Application Security by DesignMobile Application Security by Design
Mobile Application Security by Design
 
MWC 2015 - A Recap of the Key Announcements, Highlights and Trends
MWC 2015 - A Recap of the Key Announcements, Highlights and TrendsMWC 2015 - A Recap of the Key Announcements, Highlights and Trends
MWC 2015 - A Recap of the Key Announcements, Highlights and Trends
 
Top 8 Mobile Finance Trends 2015
Top 8 Mobile Finance Trends 2015Top 8 Mobile Finance Trends 2015
Top 8 Mobile Finance Trends 2015
 
Top 8 Enterprise Mobility Trends 2015
Top 8 Enterprise Mobility Trends 2015Top 8 Enterprise Mobility Trends 2015
Top 8 Enterprise Mobility Trends 2015
 
Top 10 Mobile Trends 2015
Top 10 Mobile Trends 2015Top 10 Mobile Trends 2015
Top 10 Mobile Trends 2015
 
Winning the mobile user in 2015
Winning the mobile user in 2015Winning the mobile user in 2015
Winning the mobile user in 2015
 
Golden Gekko presentation Google I/O 2014
Golden Gekko presentation Google I/O 2014Golden Gekko presentation Google I/O 2014
Golden Gekko presentation Google I/O 2014
 
Golden Gekko Review of iOS8- for users and developers
Golden Gekko Review of iOS8- for users and developersGolden Gekko Review of iOS8- for users and developers
Golden Gekko Review of iOS8- for users and developers
 
User Testing- guiding the way to success
User Testing- guiding the way to successUser Testing- guiding the way to success
User Testing- guiding the way to success
 
Golden Gekko, 10 burning questions on privacy
Golden Gekko, 10 burning questions on privacyGolden Gekko, 10 burning questions on privacy
Golden Gekko, 10 burning questions on privacy
 
MWC 2014- key highlights, trends and announcements
MWC 2014- key highlights, trends and announcementsMWC 2014- key highlights, trends and announcements
MWC 2014- key highlights, trends and announcements
 

Recently uploaded

一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
EricHo305923
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
qa8dk1wm
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
k4krdgxx
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
67n7f53
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
02tygie
 
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
yk5hdsnr
 
Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
RPWORLD Manufacturing
 
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
oabn3692
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
340qn0m1
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
kmzsy4kn
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
ubogumo
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
w26izoeb
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
21uul8se
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
jafiradnan336
 
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
lyurzi7r
 

Recently uploaded (20)

一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
 
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
 
Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
 
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
 
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
 

2014 UX/UI trends for mobile solutions

  • 1. 10 Design Trends 2014 UX/UI trends for mobile solutions
  • 2. 1. Layered Interfaces In the past year we have seen less and less skeumorphic design taking full advantage of the z-axis. This approach gives a sense of but this doesn’t mean that we’re moving towards two dimensional depth to the interface making the experience more tangible. interfaces. On the contrary, interfaces will become more layered and
  • 3. Why do it? Done right, this approach gives a real sense of 3D depth and will establish a clear relationship between elements and interactions. This is achieved by putting elements not in use at the back while placing current interaction at the front.
  • 4. 2. Divide by elements & spacing, not lines While the ultimate goal is to simplify our interfaces and make them more functional and usable, we should think twice when separating content by lines and dividers.
  • 5. Why do it? UI design is moving towards removing any unnecessary elements to focus much more on functionality. Less lines and dividers will always give your interface a cleaner, modern and more functional feel. Always remember that there are other ways to separate content with methods such as using blocks, spacing or different colors.
  • 6. 3. Swipe, swipe & swipe The screen is not only a touch target but also a gesture target. Touching and gesture capabilities, as well as more gesture-based actions have emerged. Swipe gestures are used to: go back, reach the menu or trigger actions such as share, like or delete items.
  • 7. Why do it? Although it may not be entirely self-evident initially, a gesture, once discovered and learned, can become a delight to use and can bring “magic” to the user experience, reducing steps in the user flow while interacting with the interface. This allows for a quicker, more efficient and comfortable experience for hand gestures since a larger area of the screen is used for a function.
  • 8. 4. Thumb-focused interactions With the use of smartphones and mobile devices clearly increasing, tapping or needing both hands to use the phone. Users will use we find that people are using them in many different situations the phone with one hand and rely on their thumb more as they find and locations - while on the the subway, at work, at home, when themselves in stuations where they don’t always have both hands exercising etc. Users don’t want complex gestures, like three finger free to use the device.
  • 9. Why do it? When designing, take into consideration that your app will be used in several contexts, people will not always be in the situation where they can use more than one finger or both hands to interact with your interface. Design for the lazy, this can increase the usage of your app!
  • 10. 5. Simple color schemes We will see a lot more apps with very simple color schemes. The use the general scheme and adding just a bit of another stronger color for of simpler color schemes is usually associated with the flat design calls to action, helps the user focus on the actions we want them to. approach and the philosophy “less is more”. Using neutral colors for
  • 11. Why do it? Simplifying the interface improves the user experience while having too many colors can have a negative impact upon it. A good use of colors highlights the action you want your users to carry out.
  • 12. 6. Icons - Stroke & fill This year we will see an explosion of apps using this design pattern. We’re pretty sure we’ll not only see this in the mobile space, but on the web too.
  • 13. Why do it? This gives better contrast between active and inactive sections. Recognition of active tabs, controls and toolbars is more straightforward.
  • 14. 7. Animations - Do it well or don’t do it Designers are moving away from textures and skeumorphic designs experience. The specs and technical capabilities of the new to a new approach where motion and depth create a 3D effect. mobile devices allow designers and developers to create more Movement and animations are vital elements when embracing complex animations. this new paradigm, giving fluidity and more meaning to the user
  • 15. Why do it? Animated demo tutorials are a great way to capture users’ attention while educating them on how best to use the app for the first time. But don’t animate just for the sake of it, have a clear motivation behind the animation effects, the abuse of motion effects can completely ruin the experience.
  • 16. 8. One app, one typeface The use of Helvetica (mostly light or thin versions) in iOS 7 is still a When designing an app think about how can you make the hot topic between designers and typographers. We’re not saying typography powerful by playing with weights and dimensions, not iOS 7 is perfect typography-wise, but the principle of simplifying different typefaces. and reducing the numbers of fonts and weights is welcomed.
  • 17. Why do it? This one goes hand in hand with simplifying color schemes and user elements, as well as using space as dividers. The ultimate goal is simplicity, functionality and usability.
  • 18. 9. Blur effects Blur effects arise as a logical solution to a minimal user interface, allowing a certain amount of play with the layers and hierarchy of the interface.
  • 19. Why do it? It’s a very efficient solution when working with layered UX/UI since it gives the user a clear understanding of the mobile solution’s flow and hierarchy. This also gives designers a perfect opportunity to explore different menu and overlay solutions. Even though we eventually might grow tired of the effect it is an effective solution at the present time.
  • 20. 10. Phablets 2014 is the year of the Phablets. A Phablet is a merge between a on the rise even though they might take longer than 2014 to smartphone and a tablet and includes the best of both worlds. With become a trend. bigger screensizes come different layouts. Flexible devices are also
  • 21. Why do it? The introduction and rise of Phablets will allow for layout adaptation and UX solutions which perhaps were only previously taken into consideration for tablets. Android devices are already on the market with the Galaxy Note 3, while Apple and Windows will, in all likelihood, shortly follow with their own devices.
  • 22. Fighting for a world full of mobile solutions since 2005 web email www.goldengekko.com info@goldengekko.com