UX-UI. Building a desirable cloud application

1,668 views

Published on

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

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,668
On SlideShare
0
From Embeds
0
Number of Embeds
141
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • Introductions\n
  • my delicious tag cloud \n
  • \n
  • my work\n
  • part of our portfolio \n
  • some impressive numbers for gazzetta.gr\n
  • \n
  • mobile apps \n
  • viral web videos\n
  • \n
  • facebook social games \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • sometime ago I was looking for an agile supporting service to host our projects \n
  • several options are available\n
  • you can tell in the very first seconds some things about them \n
  • definitely design counts \n
  • \n
  • number of search results for ux \n
  • a first definition\n
  • \n
  • \n
  • \n
  • \n
  • there is scientific background\n
  • \n
  • so user experience is about how someone looks at your company, brand, service, products in total \ntake le web for example, it’s more than a conference, it’s an experience \n
  • \n
  • there is no software in cloud applications\n
  • there are no salesmen \n
  • no boxes and cds\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • added virality\n
  • \n
  • \n
  • excellent examples \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • colors are important \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • looking for a crm? \n
  • not exactly what I had in mind :-( \n
  • I would prefer something closer to what I use everyday\n
  • tags and beautiful buttons on the sidebar \n
  • hot links, color usage and space, less is more \n
  • look what we have done in Wedia \n
  • look what we have done in Wedia \n
  • some UI patterns, new kind of menus \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • you can find inspiration\n
  • you can find inspiration\n
  • \n
  • \n
  • \n
  • \n
  • software platforms already incorporate them \n
  • \n
  • \n
  • \n
  • examples from our projects \n
  • \n
  • information architecture and let the designer free\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • everybody says so\n
  • \n
  • \n
  • \n
  • UX-UI. Building a desirable cloud application

    1. 1. UX-UIBuilding a desirable cloud application April ’12 - A presentation at Microsoft Greece
    2. 2. who is talking
    3. 3. Panos KontopoulosGM & Partner at WEDIAwww.mentalblock.grwww.wedia.gr@pkontopoulos
    4. 4. Software Engineering loverBusiness and MarketingSingular - ERP ArchitectIntarget - Internet 1.0 agencyMicrosoft - Services and WebStrategyWedia - Complex, Popular, HandCrafted web sites
    5. 5. unique users per 2.400.000 month50.000.000 pageviews per month 6.500 hits/sec 220.000 articles in 3 years 1.350.000 comments
    6. 6. share some thoughtsa new generation ofapplicationson the cloudweb baseddevice agnostic
    7. 7. share some thoughtswhy there’s more thanfeatureswhy design matterswhy user experiencematters
    8. 8. share some thoughtsabout your competition
    9. 9. unless everybody in theroomis building a GreekAccounting softwareapplication(limited to Greek TaxSystem)
    10. 10. your competitionis 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 forgotyou 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. megamenus
    23. 23. facetednavigati 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

    ×