SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt?

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 2021sravanthisravanthi6
 
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 MalekiMatin Maleki
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile AppsKamil Zieba
 
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 DevelopmentDivyaConsagous
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentationaayush_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 2016Idean France
 
Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface DesignKANKIPATI KISHORE
 
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 SideIrfan Maulana
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX DesignAdryan 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 DevelopmentVolodymyr 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 WorldBuiltByHQ
 

Was ist angesagt? (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
 

Andere mochten auch

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 SolutionsDMI
 
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
 
UX trends now and in 2016
UX trends now and in 2016UX trends now and in 2016
UX trends now and in 2016Esben Emborg
 
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 DesignKoombea
 
UX Design for Mobile Interfaces
UX Design for Mobile InterfacesUX Design for Mobile Interfaces
UX Design for Mobile InterfacesAndi Galpern
 
Kelembagaan BUM Desa Bersama
Kelembagaan  BUM Desa BersamaKelembagaan  BUM Desa Bersama
Kelembagaan BUM Desa BersamaAhmad 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 desaUpiet 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 DesaUmi Arifah
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyCHI UX Indonesia
 
Bpkp pengawalan akuntabilitas keuangan desa
Bpkp  pengawalan akuntabilitas keuangan desaBpkp  pengawalan akuntabilitas keuangan desa
Bpkp pengawalan akuntabilitas keuangan desaRizki 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 2017DMI
 
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 2014Anna Dahlström
 

Andere mochten auch (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
 

Ähnlich wie 2014 UX/UI trends for mobile solutions

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 2013DMI
 
10 Design Trends 2013
10 Design  Trends 201310 Design  Trends 2013
10 Design Trends 2013Kim 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 designInVision 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 2021Stefan Gerber
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Jessie Doan
 
interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016Halil 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.pdfHarssh 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 2016iMOBDEV 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 KidsTink Newman
 
Design of the Kontakios iOS app
Design of the Kontakios iOS appDesign of the Kontakios iOS app
Design of the Kontakios iOS appJoey Rigor
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patternsKevinHao14
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Akhil Kumar
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Lewis Lin 🦊
 
Transitioning Your App for iOS7
Transitioning Your App for iOS7Transitioning Your App for iOS7
Transitioning Your App for iOS7Aviary
 
The top 10 UI Design Trends for 2016
The top 10 UI Design Trends for 2016The top 10 UI Design Trends for 2016
The top 10 UI Design Trends for 2016Idean France
 

Ähnlich wie 2014 UX/UI trends for mobile solutions (20)

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
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
 
UI.docx
UI.docxUI.docx
UI.docx
 
UI.docx
UI.docxUI.docx
UI.docx
 
Transitioning Your App for iOS7
Transitioning Your App for iOS7Transitioning Your App for iOS7
Transitioning Your App for iOS7
 
The top 10 UI Design Trends for 2016
The top 10 UI Design Trends for 2016The top 10 UI Design Trends for 2016
The top 10 UI Design Trends for 2016
 

Mehr von DMI

CX Audit Workshop
CX Audit WorkshopCX Audit Workshop
CX Audit WorkshopDMI
 
DMI 2017 Mobile Trends
DMI 2017 Mobile TrendsDMI 2017 Mobile Trends
DMI 2017 Mobile TrendsDMI
 
DMI – World Gaming Executive Summit
DMI – World Gaming Executive SummitDMI – World Gaming Executive Summit
DMI – World Gaming Executive SummitDMI
 
DMI – We Can See the Future
DMI – We Can See the FutureDMI – We Can See the Future
DMI – We Can See the FutureDMI
 
Top 10 Trends at MWC16
Top 10 Trends at MWC16Top 10 Trends at MWC16
Top 10 Trends at MWC16DMI
 
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 2016DMI
 
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 ItDMI
 
Innovation through Hackathons
Innovation through HackathonsInnovation through Hackathons
Innovation through HackathonsDMI
 
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 PenhDMI
 
Mobile Application Security by Design
Mobile Application Security by DesignMobile Application Security by Design
Mobile Application Security by DesignDMI
 
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 TrendsDMI
 
Top 8 Mobile Finance Trends 2015
Top 8 Mobile Finance Trends 2015Top 8 Mobile Finance Trends 2015
Top 8 Mobile Finance Trends 2015DMI
 
Top 8 Enterprise Mobility Trends 2015
Top 8 Enterprise Mobility Trends 2015Top 8 Enterprise Mobility Trends 2015
Top 8 Enterprise Mobility Trends 2015DMI
 
Top 10 Mobile Trends 2015
Top 10 Mobile Trends 2015Top 10 Mobile Trends 2015
Top 10 Mobile Trends 2015DMI
 
Winning the mobile user in 2015
Winning the mobile user in 2015Winning the mobile user in 2015
Winning the mobile user in 2015DMI
 
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 2014DMI
 
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 developersDMI
 
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 successDMI
 
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 privacyDMI
 
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 announcementsDMI
 

Mehr von 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
 

Kürzlich hochgeladen

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 

Kürzlich hochgeladen (19)

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 

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