2013 UX trends for .gov websites workshop

  • 473 views
Uploaded on

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 …

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:)

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
473
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
9
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Internet WorkshopMay 2013
  • 2. Shay RosenHead of Strategy & Consultingshayr@realcommerce.co.il
  • 3. Shayr@realcommerce.co.ilhttp://www.linkedin.com/in/shayrosenhttp://www.facebook.com/shayrshttp://www.slideshare.net/shayrsM: 052-5118539SHAY ROSENHEAD OF STRATEGY & CONSULTINGREALCOMMERCE
  • 4. Realcommerce – about us• StrategyBusiness analysis, Concept creation, UX, UI• TechnologyRobust, Smart, efficient content management & e commerce platforms formega sites• User ExperiencePowering Israel’s largest and most successful enterprises Websites &Mobile apps
  • 5. Strategy & UX consulting at realcommerceMulti Channel Digital Strategy & Concept creationFrom inception to launch and furtherFocus on ROI & business objectivesSenior Multidisciplinary consulting team - Tech, UX & BusinessSelected customers
  • 6. Small DeviceBig Change1.
  • 7. Only 3 years ago
  • 8. The shocking facts>50% Smartphones47.6% Smartphones6B Mobile phones51% Smartphone74% Next phone is a smartphone
  • 9. Tsunami Indication (3)A multi Screen world-Daily Media Interactions breakdownGoogle, Ipsos a multiscreen world research August 2012
  • 10. Sequential screeningGoogle, Ipsos a multiscreen world research August 2012
  • 11. Tsunami Indication (3)Google, Ipsos a multiscreen world research August 2012
  • 12. Mobile Web Browsing0.0%1.0%2.0%3.0%4.0%5.0%6.0%7.0%8.0%9.0%10.0%2009 2010 2011 2012Source: Statcounter web analytics reportWebsite’s traffic coming from smartphones is doubling every year. Average is Israel 2013can be more than 30% of entire website traffic.
  • 13. The Website is dead! long live multiscreen
  • 14. Responsive Web Design• Focus on Web access• One Site – Different layouts• Content divided to blocks• CSS Manipulation manages content presentation according to screen width800px 640px1024px
  • 15. Mobile First“Were just now starting to think aboutmobile first and desktop secondfor a lot of our products.”-Kate Aronowitz, Design DirectorFacebook
  • 16. Big (makes a) Difference
  • 17. US Government:Same site. Smallerscreen. Which isbetter?
  • 18. Israel’s GovernmentPortal on mobile…
  • 19. Multi-screen design – Microsoft Metro is trending
  • 20. • Nobody reads anymore• Focus on:• Clear Functionality• Orientation• Experience2.
  • 21. Orientation
  • 22. S
  • 23. 3.Where’s the rest?
  • 24. Mega Drop Down MenusAre the best meanTo Expose Relevant actionsAnd they can also be attractive3.Where’s the rest?
  • 25. Mega Drop Down MenusAre the best meanTo Expose Relevant actionsAnd they can also be attractive3.Where’s the rest?
  • 26. Mega Drop Down MenusAre the best meanTo Expose Relevant actionsAnd they can also be attractive3.Where’s the rest?
  • 27. Mega Drop Down MenusAre the best meanTo Expose Relevant actionsAnd they can also be attractive3.Where’s the rest?Book your flight here
  • 28. 4.Facebook, Google and iPhones taught us how to scroll. Better toput some content bellow the scroll than to squeeze everythingabove and make the homepage not usable.
  • 29. Fold Comes here?
  • 30. Or here?
  • 31. 5.I know what you are looking forAdaptive Experience
  • 32. Forms(!!!???!?!?)6
  • 33. Forms(!!!???!?!?)
  • 34. Am I alone here?
  • 35. Contextual UI
  • 36. Contextual UI
  • 37. 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
  • 38. Thank you!
  • 39. Shayr@realcommerce.co.ilhttp://www.linkedin.com/in/shayrosenhttp://www.facebook.com/shayrshttp://www.slideshare.net/shayrsM: 052-5118539SHAY ROSENHEAD OF STRATEGY & CONSULTINGREALCOMMERCE