search

sul-dlss / wallscreens

📺 curated experiences for touch-screen installations on the stanford campus
Other
1 stars 0 forks source link

Add a smoother transition when guided tour starts #218

Closed ggeisler closed 2 years ago

ggeisler commented 2 years ago

I haven't thought much about how difficult this might be to do, and it maybe isn't must-have, but it would be a more pleasant user experience if, when the visitor selects the "Touch to begin" button for a guided tour, we could:

I don't know what the timings of these should be (0.5 second each?) but the goal is to remove the abrupt jump you current see in the content area as the guided tour starts. It be would great if starting the tour felt a bit more gradual, without the image feeling like it is jumping to a larger size when the tour starts.

If we figure this out, ideally we'd use the same approach to transition more smoothly from the last tour stop to the final card of the experience.

(This is maybe most obvious with the Survival Conference tour. Part of the visual jump there is caused by the change in card text, which we might or might not be able to fix with curator edits. But regardless of that, a smoother image transition would probably improve things.)

corylown commented 2 years ago

@ggeisler I've been exploring how to add transitions between the attract mode and guided tour. Here's a short video of what I came up with: https://drive.google.com/file/d/1gsK0Ho53X2udFmmCAhhiHMJVcmlR6un2/view. Before I spend too much time refining the implementation, is this something like what you had in mind? I would appreciate any feedback/direction -- and no hurry.

ggeisler commented 2 years ago

@corylown Yes, that looks great, thanks for the video example. The only suggestion I have is to make the fade-in and fade-out transitions more gradual (I've been meaning to suggest trying the same thing for the slideshow intermediate slide transitions). Assuming you're using something like 0.5s right now, I'd suggest trying 1s.

If this was a normal web app I wouldn't necessarily suggest longer transitions, but thinking of this as more of a museum exhibit where visitors are experiencing things in a more exploratory, relaxed way, I think more gradual transitions will make the experience feel smoother and in general, create a more museum-like experience.

corylown commented 2 years ago

@ggeisler great. I'll bump up the transition time. I should have a branch ready for you to look at tomorrow or Monday.