1. Rich Internet Applications and the Future of Visual Design
Gaston Milano

2. Rich Interactive Applications (RIA)

6. How we reached RIA?

13. RIA
DOS
Windows
Web

14. RIA Takes Absolute and relative positioning Themes, Styles
Client/server interaction
Custom Controls

15. Platforms

17. Computers Phones Smartphones 900 million
Notebooks = 40% of PC sales (2007)
Phones
3.3 billion phone subscriptions
1 in 2 residents
30% Internet users access only with their phones
72% phones allow transmitting data
Smartphones
200 million
50% annual growth

19. So… 200x320 480x320 VGA 2.5i 3.5i Touch, Pen, Keyboard, Phone Keyboard
Mobile Devices
RIA
DOS
Windows
80 x 25
640 x 480
Keyboard
Keyboard and mouse
Web
Positioning
Mouse and keyboard

25. Issues Layout Interaction More (or fewer) fields
Fields in different positions
Labels with different text
Size of controls
Interaction
In Place Editing
Grid in multiple forms
Touch, Pen, keyboard/mouse

26. More (or fewer) fields
They are selected based on priority or relevance
Pr1
Pr2
Pr1
Pr1
Pr1

27. Fields in different positions1 2 3 5 6 4
Fields in different positions
Grouped and shown together as the display allows 1 2 3 5 6 4 1 2 3 5 6 4

28. Size of controls
Adjusted according to the space available to show them 1 2 3 5 6 4 1 2 3 5 6 4

29. Labels with different names
Adjusted according to the space available to show them
number
Invoice number #

30. Layout More (or fewer) fields = selection by priority
Different position = group related fields
Different labels = select the best
Size of controls = autosizing

31. KB

32. KB => relationship between fields and texts in the form
Relationships between a field and its label
For example:
CustomerName has a "Name" title that goes in the form with it.

33. KB => relationship between the data fields in the form
For example:
CustomerId, CustomerName, CustomerAddress
InvoiceSubTotal, InvoiceTaxes, InvoiceTotal

34. Our Approach Only one “Semantic” Editor Layouts Adapted Themes
Based on rules
Rules for different devices
Layouts Adapted
Themes

35. Demo

36. DOS
Windows
Web
RIA
Mobile Devices