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