Differences between revisions 2 and 3
Revision 2 as of 2010-12-02 00:12:31
Size: 596
Editor: shoobe01
Comment:
Revision 3 as of 2010-12-06 11:02:57
Size: 1682
Editor: shoobe01
Comment:
Deletions are marked like this. Additions are marked like this.
Line 4: Line 4:
Display a small amount of directly related information, provide access to related controls or settings, or provide an alternative view of the same information, in an organic manner.
Line 7: Line 8:
Use '''Simulated 3D Effects''' to pretend components on the page, or even the whole page, merely presents one side of a physical object. Rotating the object, moving it aside, or looking past it, can then be used

Note that this is labeled as "Simulated" as it does not require actual 3D display technology. Some display methods can even be simulated without particularly involved graphics processors. If the pattern seems useful for your design, investigate ways to accommodate it with the technology available.
Line 10: Line 14:
THREE TYPES ABOVE...
Line 13: Line 18:
The user must be able to interact directly...

MAY NEED TO BLOCK INTERACTION WITH THE OBJECTS OR USE CAREFUL GESUTRES TO KEEP INTERFERING...
Line 19: Line 27:
Avoid using secondary interactive methods to change the on-page elements. This pattern works best when direct manipulation (touch or pen devices) is used. Use care when employing this pattern with SCROLL AND SELECT...

Suggest device flipping also (especially multi-screen multi-side devices), but mostly rotating the virtual space to see the other side of an object. On-screen gesture, kinesthetic gestures, etc. ALSO all other 3D effects, like cube displays, etc. Find mobile equivalent of Fast User Switching on mac, and other weird 3D ways of getting to more data. Moving things out of the way, looking around or to the side of an object, etc.

Problem

Display a small amount of directly related information, provide access to related controls or settings, or provide an alternative view of the same information, in an organic manner.

Solution

Use Simulated 3D Effects to pretend components on the page, or even the whole page, merely presents one side of a physical object. Rotating the object, moving it aside, or looking past it, can then be used

Note that this is labeled as "Simulated" as it does not require actual 3D display technology. Some display methods can even be simulated without particularly involved graphics processors. If the pattern seems useful for your design, investigate ways to accommodate it with the technology available.

Variations

THREE TYPES ABOVE...

Interaction Details

The user must be able to interact directly...

MAY NEED TO BLOCK INTERACTION WITH THE OBJECTS OR USE CAREFUL GESUTRES TO KEEP INTERFERING...

Presentation Details

Antipatterns

Avoid using secondary interactive methods to change the on-page elements. This pattern works best when direct manipulation (touch or pen devices) is used. Use care when employing this pattern with SCROLL AND SELECT...

Examples

Simulated 3D Effects (last edited 2012-03-02 21:25:16 by shoobe01)