The document is a presentation by Panos Kontopoulos discussing the design and user experience considerations for building cloud applications. It emphasizes the importance of user-centered design, competitor awareness, and streamlined checkout processes for increased customer satisfaction. The presentation also highlights the significance of responsive design for mobile devices and encourages iterative wireframing in the design process.

1. UX-UI
Building a desirable cloud
application
April ’12 - A presentation at Microsoft Greece

2. who is talking

3. Panos Kontopoulos
GM & Partner at WEDIA
www.mentalblock.gr
www.wedia.gr
@pkontopoulos

5. Software Engineering lover
Business and Marketing
Singular - ERP Architect
Intarget - Internet 1.0 agency
Microsoft - Services and Web
Strategy
Wedia - Complex, Popular, Hand
Crafted web sites

8. unique users per
2.400.000 month
50.000.000 pageviews per month
6.500 hits/sec
220.000 articles in 3 years
1.350.000 comments

14. share some thoughts
a new generation of
applications
on the cloud
web based
device agnostic

15. share some thoughts
why there’s more than
features
why design matters
why user experience
matters

16. share some thoughts
about your competition

17. unless everybody in the
room
is building a Greek
Accounting software
application
(limited to Greek Tax
System)

18. your competition
is world wide

28. wait, there is ROI

33. but first things, first

34. have you realized ?

37. all you have is your web site
a landing page

39. ooops, I just forgot
you have also a coming soon
page

44. so let’s get back to your
landing page

53. don’t forget the features page

56. and the pricing page

59. don’t forget the reminders

61. and your customer feedback

65. getting inside your application

74. mega
menu
s

75. faceted
navigati
on

77. blank
slate

78. the queen of all, the web form

84. speaking of tools and processes

85. meet the personas

89. travel through user journeys

90. Goal: To buy the items in my basket!
Basket! New or existing! Delivery details! Payment! Confirmation!
New customer!
List of selected Select
Add product Enter name and Enter credit
items and checkout Enter address
! Confirm!
to basket
! email address
! card details!
quantities
! option!
Existing customer!
Edit basket
!
Select save
Login! name and
address!
Add new name
and address
!
Notes!
Several existing customers find it easier to
checkout as a new customer as they don’t
remember their username and password and
find managing address fiddly. We should aim to
make this much simply with the next release
and enhance the process for repeat customers.!

91. and of course wireframe
until you agree on
what will be designed

98. speaking of mobile devices

99. say hello to responsive design

103. food for thought

105. THANK YOU!
panos@wedia.gr
@pkontopoulos