2013 ux trends for .gov websites workshop

Internet Workshop May 2013

Shay Rosen Head of Strategy & Consulting

shayr@realcommerce.co.il

Shayr@realcommerce.co.il

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

Facebook

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!

Shayr@realcommerce.co.il

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