2013 ux trends for .gov websites workshop
DESCRIPTION
The latest trends I think Israel's .gov websites managers should consider. First one is off course mobile, smartphones, tablets and the multi-screen revolution. But there's more. From mega drop down menus to adaptive content. Social integration and form optimization. . gov websites have a lto to work on:)TRANSCRIPT
Internet Workshop May 2013
Shay Rosen Head of Strategy & Consulting
http://www.linkedin.com/in/shayrosen
http://www.facebook.com/shayrs
http://www.slideshare.net/shayrs
M: 052-5118539
SHAY ROSEN HEAD OF STRATEGY & CONSULTING REALCOMMERCE
Realcommerce – about us
• Strategy Business analysis, Concept creation, UX, UI
• Technology Robust, Smart, efficient content management & e commerce platforms for
mega sites
• User Experience Powering Israel’s largest and most successful enterprises Websites &
Mobile apps
Strategy & UX consulting at realcommerce
Multi Channel Digital Strategy & Concept creation
From inception to launch and further
Focus on ROI & business objectives
Senior Multidisciplinary consulting team - Tech, UX & Business
Selected customers
Small Device
Big Change
1.
Only 3 years ago
The shocking facts
>50% Smartphones 47.6% Smartphones 6B Mobile phones
51% Smartphone
74% Next phone is a smartphone
Tsunami Indication (3)
A multi Screen world- Daily Media Interactions breakdown
Google, Ipsos a multiscreen world research August 2012
Sequential screening
Google, Ipsos a multiscreen world research August 2012
Tsunami Indication (3)
Google, Ipsos a multiscreen world research August 2012
Mobile Web Browsing
0.0%
1.0%
2.0%
3.0%
4.0%
5.0%
6.0%
7.0%
8.0%
9.0%
10.0%
2009 2010 2011 2012
Source: Statcounter web analytics report
Website’s traffic coming from smartphones is doubling every year. Average is Israel 2013 can be more than 30% of entire website traffic.
The Website is dead! long live multiscreen
Responsive Web Design
• Focus on Web access • One Site – Different layouts • Content divided to blocks • CSS Manipulation manages content presentation according to screen width
800px 640px 1024px
Mobile First
“We're just now starting to think about
mobile first and desktop second
for a lot of our products.”
-Kate Aronowitz, Design Director
Big (makes a) Difference
US Government: Same site. Smaller screen. Which is better?
Israel’s Government Portal on mobile…
Multi-screen design – Microsoft Metro is trending
• Nobody reads anymore • Focus on:
• Clear Functionality • Orientation • Experience
2.
Orientation
S
3.Where’s the rest?
Mega Drop Down Menus Are the best mean To Expose Relevant actions And they can also be attractive
3.Where’s the rest?
Mega Drop Down Menus Are the best mean To Expose Relevant actions And they can also be attractive
3.Where’s the rest?
Mega Drop Down Menus Are the best mean To Expose Relevant actions And they can also be attractive
3.Where’s the rest?
Mega Drop Down Menus Are the best mean To Expose Relevant actions And they can also be attractive
3.Where’s the rest? Book your flight here
4.
Facebook, Google and iPhones taught us how to scroll. Better to put some content bellow the scroll than to squeeze everything above and make the homepage not usable.
Fold Comes here?
Or here?
5. I know what you are looking for
Adaptive Experience
Forms(!!!???!?!?) 6
Forms(!!!???!?!?)
Am I alone here?
Contextual UI
Contextual UI
The wrap up
• Mobile Changed everything
• Be focused, Think Mobile first
• Experience & functionality lead the way
• Don’t be afraid of the fold
• Know your user (and use the information)
• Use Menus efficiently
• Optimize forms
• Get social
• Optimize and get better – Continuously
Thank you!
http://www.linkedin.com/in/shayrosen
http://www.facebook.com/shayrs
http://www.slideshare.net/shayrs
M: 052-5118539
SHAY ROSEN HEAD OF STRATEGY & CONSULTING REALCOMMERCE