Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
UX-UI
Building a desirable cloud
       application




 April ’12 - A presentation at Microsoft Greece
who is talking
Panos Kontopoulos
GM & Partner at WEDIA
www.mentalblock.gr
www.wedia.gr
@pkontopoulos
Software Engineering lover
Business and Marketing

Singular - ERP Architect
Intarget - Internet 1.0 agency
Microsoft - Ser...
unique users per
 2.400.000   month


50.000.000   pageviews per month



     6.500   hits/sec



  220.000    articles i...
share some thoughts

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

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

about your competition
unless everybody in the
room

is building a Greek
Accounting software
application
(limited to Greek Tax
System)
your competition

is world wide
wait, there is ROI
but first things, first
have you realized ?
all you have is your web site

      a landing page
ooops, I just forgot

you have also a coming soon
            page
so let’s get back to your

     landing page
don’t forget the features page
and the pricing page
don’t forget the reminders
and your customer feedback
getting inside your application
mega
menu
s
faceted
navigati
     on
blank
 slate
the queen of all, the web form
speaking of tools and processes
meet the personas
travel through user journeys
Goal: To buy the items in my basket!
              Basket!               New or existing!   Delivery details!             ...
and of course wireframe

  until you agree on
 what will be designed
speaking of mobile devices
say hello to responsive design
food for thought
THANK YOU!
 panos@wedia.gr
 @pkontopoulos
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
UX-UI. Building a desirable cloud application
Upcoming SlideShare
Loading in …5
×

of

UX-UI. Building a desirable cloud application Slide 1 UX-UI. Building a desirable cloud application Slide 2 UX-UI. Building a desirable cloud application Slide 3 UX-UI. Building a desirable cloud application Slide 4 UX-UI. Building a desirable cloud application Slide 5 UX-UI. Building a desirable cloud application Slide 6 UX-UI. Building a desirable cloud application Slide 7 UX-UI. Building a desirable cloud application Slide 8 UX-UI. Building a desirable cloud application Slide 9 UX-UI. Building a desirable cloud application Slide 10 UX-UI. Building a desirable cloud application Slide 11 UX-UI. Building a desirable cloud application Slide 12 UX-UI. Building a desirable cloud application Slide 13 UX-UI. Building a desirable cloud application Slide 14 UX-UI. Building a desirable cloud application Slide 15 UX-UI. Building a desirable cloud application Slide 16 UX-UI. Building a desirable cloud application Slide 17 UX-UI. Building a desirable cloud application Slide 18 UX-UI. Building a desirable cloud application Slide 19 UX-UI. Building a desirable cloud application Slide 20 UX-UI. Building a desirable cloud application Slide 21 UX-UI. Building a desirable cloud application Slide 22 UX-UI. Building a desirable cloud application Slide 23 UX-UI. Building a desirable cloud application Slide 24 UX-UI. Building a desirable cloud application Slide 25 UX-UI. Building a desirable cloud application Slide 26 UX-UI. Building a desirable cloud application Slide 27 UX-UI. Building a desirable cloud application Slide 28 UX-UI. Building a desirable cloud application Slide 29 UX-UI. Building a desirable cloud application Slide 30 UX-UI. Building a desirable cloud application Slide 31 UX-UI. Building a desirable cloud application Slide 32 UX-UI. Building a desirable cloud application Slide 33 UX-UI. Building a desirable cloud application Slide 34 UX-UI. Building a desirable cloud application Slide 35 UX-UI. Building a desirable cloud application Slide 36 UX-UI. Building a desirable cloud application Slide 37 UX-UI. Building a desirable cloud application Slide 38 UX-UI. Building a desirable cloud application Slide 39 UX-UI. Building a desirable cloud application Slide 40 UX-UI. Building a desirable cloud application Slide 41 UX-UI. Building a desirable cloud application Slide 42 UX-UI. Building a desirable cloud application Slide 43 UX-UI. Building a desirable cloud application Slide 44 UX-UI. Building a desirable cloud application Slide 45 UX-UI. Building a desirable cloud application Slide 46 UX-UI. Building a desirable cloud application Slide 47 UX-UI. Building a desirable cloud application Slide 48 UX-UI. Building a desirable cloud application Slide 49 UX-UI. Building a desirable cloud application Slide 50 UX-UI. Building a desirable cloud application Slide 51 UX-UI. Building a desirable cloud application Slide 52 UX-UI. Building a desirable cloud application Slide 53 UX-UI. Building a desirable cloud application Slide 54 UX-UI. Building a desirable cloud application Slide 55 UX-UI. Building a desirable cloud application Slide 56 UX-UI. Building a desirable cloud application Slide 57 UX-UI. Building a desirable cloud application Slide 58 UX-UI. Building a desirable cloud application Slide 59 UX-UI. Building a desirable cloud application Slide 60 UX-UI. Building a desirable cloud application Slide 61 UX-UI. Building a desirable cloud application Slide 62 UX-UI. Building a desirable cloud application Slide 63 UX-UI. Building a desirable cloud application Slide 64 UX-UI. Building a desirable cloud application Slide 65 UX-UI. Building a desirable cloud application Slide 66 UX-UI. Building a desirable cloud application Slide 67 UX-UI. Building a desirable cloud application Slide 68 UX-UI. Building a desirable cloud application Slide 69 UX-UI. Building a desirable cloud application Slide 70 UX-UI. Building a desirable cloud application Slide 71 UX-UI. Building a desirable cloud application Slide 72 UX-UI. Building a desirable cloud application Slide 73 UX-UI. Building a desirable cloud application Slide 74 UX-UI. Building a desirable cloud application Slide 75 UX-UI. Building a desirable cloud application Slide 76 UX-UI. Building a desirable cloud application Slide 77 UX-UI. Building a desirable cloud application Slide 78 UX-UI. Building a desirable cloud application Slide 79 UX-UI. Building a desirable cloud application Slide 80 UX-UI. Building a desirable cloud application Slide 81 UX-UI. Building a desirable cloud application Slide 82 UX-UI. Building a desirable cloud application Slide 83 UX-UI. Building a desirable cloud application Slide 84 UX-UI. Building a desirable cloud application Slide 85 UX-UI. Building a desirable cloud application Slide 86 UX-UI. Building a desirable cloud application Slide 87 UX-UI. Building a desirable cloud application Slide 88 UX-UI. Building a desirable cloud application Slide 89 UX-UI. Building a desirable cloud application Slide 90 UX-UI. Building a desirable cloud application Slide 91 UX-UI. Building a desirable cloud application Slide 92 UX-UI. Building a desirable cloud application Slide 93 UX-UI. Building a desirable cloud application Slide 94 UX-UI. Building a desirable cloud application Slide 95 UX-UI. Building a desirable cloud application Slide 96 UX-UI. Building a desirable cloud application Slide 97 UX-UI. Building a desirable cloud application Slide 98 UX-UI. Building a desirable cloud application Slide 99 UX-UI. Building a desirable cloud application Slide 100 UX-UI. Building a desirable cloud application Slide 101 UX-UI. Building a desirable cloud application Slide 102 UX-UI. Building a desirable cloud application Slide 103 UX-UI. Building a desirable cloud application Slide 104 UX-UI. Building a desirable cloud application Slide 105
Upcoming SlideShare
Designwillneverbethesame jeroen van erp 20090215
Next

4 Likes

Share

UX-UI. Building a desirable cloud application

A presentation I gave on April 2012 at Microsoft Greece for User Experience, Design and User Interfaces of Cloud Applications

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

UX-UI. Building a desirable cloud application

  1. 1. UX-UI Building a desirable cloud application April ’12 - A presentation at Microsoft Greece
  2. 2. who is talking
  3. 3. Panos Kontopoulos GM & Partner at WEDIA www.mentalblock.gr www.wedia.gr @pkontopoulos
  4. 4. 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
  5. 5. 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
  6. 6. share some thoughts a new generation of applications on the cloud web based device agnostic
  7. 7. share some thoughts why there’s more than features why design matters why user experience matters
  8. 8. share some thoughts about your competition
  9. 9. unless everybody in the room is building a Greek Accounting software application (limited to Greek Tax System)
  10. 10. your competition is world wide
  11. 11. wait, there is ROI
  12. 12. but first things, first
  13. 13. have you realized ?
  14. 14. all you have is your web site a landing page
  15. 15. ooops, I just forgot you have also a coming soon page
  16. 16. so let’s get back to your landing page
  17. 17. don’t forget the features page
  18. 18. and the pricing page
  19. 19. don’t forget the reminders
  20. 20. and your customer feedback
  21. 21. getting inside your application
  22. 22. mega menu s
  23. 23. faceted navigati on
  24. 24. blank slate
  25. 25. the queen of all, the web form
  26. 26. speaking of tools and processes
  27. 27. meet the personas
  28. 28. travel through user journeys
  29. 29. 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.!
  30. 30. and of course wireframe until you agree on what will be designed
  31. 31. speaking of mobile devices
  32. 32. say hello to responsive design
  33. 33. food for thought
  34. 34. THANK YOU! panos@wedia.gr @pkontopoulos
  • spyroslangkos

    Jan. 19, 2018
  • xwrockbay

    Jun. 1, 2017
  • nmovold

    Mar. 15, 2015
  • ehealthgr

    Jul. 3, 2013

A presentation I gave on April 2012 at Microsoft Greece for User Experience, Design and User Interfaces of Cloud Applications

Views

Total views

1,947

On Slideshare

0

From embeds

0

Number of embeds

147

Actions

Downloads

0

Shares

0

Comments

0

Likes

4

×