[Transitions. UX] Implement going deeper transitions as specified.

NEW
Unassigned

Status

Firefox OS
Gaia::Calendar
5 years ago
3 years ago

People

(Reporter: vicky, Unassigned)

Tracking

(Blocks: 1 bug)

unspecified
ARM
Gonk (Firefox OS)

Firefox Tracking Flags

(tracking-b2g:backlog, b2g1828+)

Details

(Whiteboard: interaction, UX-P1, [TEF_REQ], PRODUCT-ANNOYING)

(Reporter)

Description

5 years ago
CSS Sample here:
http://buildingfirefoxos.com/transitions.html#deeper

Please refer to specs: 
https://www.dropbox.com/sh/ekzrrz7um4uj6y0/NVzqB1D4hx/03%20Transitions
TransitionsVXX.pdf (latest version)

Lack of Transitions affect the experience. Required for TEF build.
Transitions a key feature to give the user a clue of the architecture of the OS and how to navigate it.
(Reporter)

Updated

5 years ago
Depends on: 834310
Whiteboard: interaction, UX-P1
(Reporter)

Updated

5 years ago
Whiteboard: interaction, UX-P1 → interaction, UX-P1, [TEF_REQ]

Updated

5 years ago
Blocks: 834310
No longer depends on: 834310

Updated

5 years ago
Whiteboard: interaction, UX-P1, [TEF_REQ] → interaction, UX-P1, [TEF_REQ], PRODUCT-ANNOYING
Hi James,
It could be great if you could work on this bug. UX people are very concerned about all these transitions issues and they are trying to push them for V1.1 release.

Victoria can provide you all the info you need in case you have doubts about them.

If you can not work on it, let's know and we will try to find another developer to help you with the implementation.
Flags: needinfo?(jlal)
(Reporter)

Comment 2

5 years ago
Updated link to the transitions specs since the one above is not working:
https://www.dropbox.com/sh/tsns9vgbgzuefx1/is0W_IeHkB

Some folders were moved, sorry for that.
Also another good calendar starter bug.
Flags: needinfo?(jlal) → needinfo?(iliu)
blocking-b2g: --- → koi?
It's an interesting feature for me. I would like to take the issue. It will also help me to know the layout architecture in Calendar app. Thanks for James' guidance.

According to comment 2, there are three tasks of deeper transitions.

Calendar month label         p49
Calendar from 5 to 6 weeks   p50
Calendar from 6 to 5 weeks   p51

Will start to grep code and plan implementation.
Assignee: nobody → iliu
Flags: needinfo?(iliu)
OS: Mac OS X → Gonk (Firefox OS)
Hardware: x86 → ARM
Some days ago we were talking about simplifying the go deeper animation. Instead of moving the header and the body using different transitions, we should move it all together. I will work on a new demo today, so you could use it as reference.
We already did the animation as originally designed in Contacts app, to go from the contacts list to contact details view, if you want to check it, but as I said this one will also need to be updated.
Done, you can see how this transition should be implemented: http://buildingfirefoxos.com/transitions/in-app-navigation.html
find there, under the example, the values for the transition.
blocking-b2g: koi? → koi+
Triage: This bug has been added to the v1.2 backlog but is not blocking release
blocking-b2g: koi+ → -
Assignee: iliu → nobody
Target Milestone: --- → 1.2 FC (16sep)
Tagging this bug to put it in the productivity backlog
tracking-b2g18: --- → 28+
Target Milestone: 1.2 FC (16sep) → ---
blocking-b2g: - → backlog
(Assignee)

Updated

3 years ago
blocking-b2g: backlog → ---
tracking-b2g: --- → backlog
You need to log in before you can comment on or make changes to this bug.