Blog Post
Yvonne
2 years agoCommunity Member
After work tonight, I sat and thought about what things in my life must follow a sequence, and considered my calendar. Here's a simple example of conditional navigation, using a Mid-Century Modern Desert .emf I drew in Storyline. The future dates are disabled until the user clicks the immediate date, which changes the state of the subsequent dates to normal.
Demo: https://360.articulate.com/review/content/94c7b666-7772-452a-957f-b6e639d7754b/review
Story file included in Review360 comments.
Demo: https://360.articulate.com/review/content/94c7b666-7772-452a-957f-b6e639d7754b/review
Story file included in Review360 comments.
- BriceMaret-a1ab2 years agoCommunity MemberVery nice looking and quite simple for a sequence.
I just think about the variables instead of states, maybe using the "visited" state, but I'm not sure in this example if that would make the programmation lighter.
In any case, good job!- Yvonne2 years agoCommunity MemberThanks so much for your feedback, Brice!
I forgo using the built-in visited state if I want to retain control of how an object is presented. In this instance, I wanted to keep the "Current" state available, if the user decided to return to a previously visited date. Showing that visited date as "Current" when the user is reviewing it helps me (as a user, too) know "where" I am. It's a small consideration, but this is a strategy I use commonly. :)
- griotitude2 years agoCommunity MemberA very pleasant experience. Did you make up the text? It's very soothing. I like that you used just one slide with variables and layers to create this effect. I think this is an elegant solution. Very nice!
- Yvonne2 years agoCommunity MemberThank you, TJ! I wrote the text more for time saving in this instance than for any other reason. :)
I originally built the week calendar in different slides, then eventually went with the layers. My work lately has been in creating screen-reader accessible layers, and I defaulted to that. I arranged the focus order and included alt-text so that the interaction, while layered, is keyboard (tab) accessible. :)
- YigahLhamo2 years agoCommunity MemberBeautiful design and concept Yvonne. I've seen post-it sized calendars like this with quotes, this is an awesome digital version.
- Yvonne2 years agoCommunity MemberThank you for your kind comment, Yigah! It was one of those days when I wanted to do something light-hearted and a little artsy, and this was an open opportunity to play. :)