[MGNLUI-67] Transition for programmatic change to a different app needed Created: 28/Aug/12  Updated: 11/Feb/13  Resolved: 03/Dec/12

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: 5.0
Fix Version/s: 5.0

Type: Improvement Priority: Critical
Reporter: Andreas Weder Assignee: Christopher Zimmermann
Resolution: Fixed Votes: 0
Labels: design
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: HTML File transition2.html    
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:

 Description   

We currently have transitions for opening and for closing apps. These are called when you manually open or leave an app.

We also have the case, however, that we want to programmatically change to an app different from the one currently that is running. A typical example for this is if you call a favorite from the Favorites shell app: here, you have to first close the shell app, then switch to the app associated with the favorite. Another example involves a component on a web page, which refers to a contact: when you edit that component, there's a button in its edit dialog to easily select the referenced contact in the contacts app. We have to transition from Pages to Contacts and show the tree of contacts with the pre-selected contact.

To avoid disorienting the user, we must use a transition to make the change apparent and actually slow down the switch. The goal of this task is to experimentally try out different transitions so we can pick the one, which works best.



 Comments   
Comment by Andreas Weder [ 24/Oct/12 ]

Moved this to Sprint 8 as I think it actually is currently being addressed here.

Comment by Christopher Zimmermann [ 01/Nov/12 ]

I have developed a prototype of this, which I have shared with Mikael for implementation in actual project. But it should still be reviewed.

Comment by Christopher Zimmermann [ 03/Dec/12 ]

Please see attached file "transition2.html". It demonstrates a 3d transition where one pane swaps out and another one swaps in. Similar to switching apps in iOS.

One thing with this implementation is that the CSS style would have to be created on the fly to match the width of the users browser at the time of the transition. But this is not too difficult.

Comment by Christopher Zimmermann [ 03/Dec/12 ]

Created a test transition. Attached file to ticket.

Comment by Andreas Weder [ 07/Jan/13 ]

Thanks for the research and the prototype. As discussed, I've come to the conclusion we don't actually need this, as we can use the general app transition to switch apps also when the app switch is programmatically.

I've downloaded your prototype so that I have it handy if any discussion arises.

Generated at Mon Feb 12 08:33:16 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.