Thanks Ayoub for sharing your first example - I enjoyed how the flags animated into each country on the map. I found the text for each entry difficult to read on the background.
Hopefully others will be able to share some addition feedback here but you're off to a great start!
That's so cool Ayoub! I love the spinning globe! You should share this setup in the Building Better Courses forum as well. If you can offer the source file, folks will love that too!
I think this is very creative and lots of fun to explore. A little hard to read the Americas text on the background and I am not sure how to completion meter works as I am stuck on 50%. love the little touches that others have mention, the spinning globes and the flag fill for the countries.
The only feedback I can think of is that filling each country with an image of that country's flag is a great idea, and you've executed it very well, but because of the enormous differences in country sizes it can be difficult to discern which country is highlighted if it's very small, plus it sort of feels like they're each not getting the amount of attention they deserve, and I found the flag image fill a bit distracting.
If it were me, I'd play with planting an image of a flagpole flying a small image of that country's flag when each country is selected. It would feel truer to the context, would give each of them equal attention, would be easier to spot what's being highlighted, and I think the viewer's attention would then be focused on the actual map rather than the background flag fill.
Love it. I thought Jackie's point about the smaller countries being hard to see where a bit hard to see. I missed (it might have been there) how to know which ones I had already visited.
I love the bright vivid colours and the over all colour scheme/player that you have developed. One thing I would have loved as an additional point is "what does the flag represent". Knowing what they represent could assist someone in remembering the individual flags better.
Fun example and the animated flags are very neat. Are each of them video files that are triggered? It would be nice to see something to indicate that you had already visited so you don't over lap. A good continuation might be to link resource sites for each of the selected cultural areas or possibly a triggered layer with the info for each. Although a tad involved it may address the hard to read text and allow for additional content possibilities.
Just a couple of small things: on the home page when you hover over each continent, Asia is the only where the semi-transparent black box does not cover the whole image, is that on purpose? It only comes in about 3/4 of the way.
I also felt the Americas text is bit hard to read (there is a dark bar under the bench that comes right behind the text). Also on the Americas, the Next arrow doesn't go anywhere, you might consider making it to to the first continent again or just removing from that slide.
Your course looks very nice with some great detail. I noticed one detail that you can probably fix easily. On the hidden menu, which I'm assuming is in your master slide, when I hover over the image the text fades in before the background for it slides down. I suspect if you set the fade effect to "from top" or choose to use the Wipe animation instead it should look like it is coming in together.
Also, when I open that hidden menu the Africa hover state seems to be set as the initial state. It opens and stays open until I hover over it and back off again.
Cool demo. There is a lot going on there visually and it is a bit overwhelming. The first thing that really jumped out is the inconsistency in background style and color for the four main sections. I'd tone that down and make it consistent over the four sections. That would bring it all together.
I think it is good piece of work, the page with the flag fill I find the globe a little off putting and would prefer more whitespace.
Noce UI. would be nice if clicking the notes icon also closed the popup as well as the cross, infant from a UI point of view instead of a cross i would go with a down arrow as cross is more cancel than hide.
Just to be different, I tried this out on mobile, and the experience was very responsive, and nice to look at. I think you're doing a great job. The comments above are all very helpful pieces of advice. Making a consistent visual experience across the board, as well as providing some sort of help text on the intro slide to explain the navigation would add to the experience. GREAT start though. For real. I love the touches you've put into this, and am excited to see more of your work in the future!
Just to be different, I tried this out on mobile, and the experience was very responsive, and nice to look at. I think you're doing a great job. The comments above are all very helpful pieces of advice. Making a consistent visual experience across the board, as well as providing some sort of help text on the intro slide to explain the navigation would add to the experience. GREAT start though. For real. I love the touches you've put into this, and am excited to see more of your work in the future!
Maybe you can add a transparent element over the photos or use some quieter images so that the font is more readable (for example: Europe). Perhaps you can indicate a title on the start screen and maybe what the learners can expect. I'm missing some instructions (like "hover over..." I've clicked the sidebar and it disappeared.
But these are only small suggestions. It looks great and it seems this was definitely a lot of work.
A simple thing I think you did well was to make the drag and drop elements sized so that the answer were not obvious by size alone. I got stuck in the drag and drop. Are you not allowed out until it is all correct? I also agree that darkening the images or masking them to enhance the text for each country would help. I really liked the opening navigation.
Love how clean and slick your design looks. So pretty! The flag animations are beautiful. I think it would be great if you could indicate the countries that I've already clicked on. I like to click around like a haphazard maniac, and then I couldn't remember which I'd viewed, and which I hadn't.
I was also a little confused by the percentage in the top left. I wasn't sure what that percent related to.
Love how clean and slick your design looks. So pretty! The flag animations are beautiful. I think it would be great if you could indicate the countries that I've already clicked on. I like to click around like a haphazard maniac, and then I couldn't remember which I'd viewed, and which I hadn't.
I was also a little confused by the percentage in the top left. I wasn't sure what that percent related to.
Overall, great presentation!
Thanks Kristin
Percentage is just a test, it's not a real progression.
Overall it was really cool Ayoub. I noticed on the slide out menu that the text would appear before the image finished animating. Also was hoping to see the Pacific (NZ in particular haha)
30 Replies
Thanks Ayoub for sharing your first example - I enjoyed how the flags animated into each country on the map. I found the text for each entry difficult to read on the background.
Hopefully others will be able to share some addition feedback here but you're off to a great start!
Hi Ashely,
Thanks a lot for your reply.
That's so cool Ayoub! I love the spinning globe! You should share this setup in the Building Better Courses forum as well. If you can offer the source file, folks will love that too!
Thanks Crystal. I will share ..
I think this is very creative and lots of fun to explore. A little hard to read the Americas text on the background and I am not sure how to completion meter works as I am stuck on 50%. love the little touches that others have mention, the spinning globes and the flag fill for the countries.
Great work, Ayoub!
The only feedback I can think of is that filling each country with an image of that country's flag is a great idea, and you've executed it very well, but because of the enormous differences in country sizes it can be difficult to discern which country is highlighted if it's very small, plus it sort of feels like they're each not getting the amount of attention they deserve, and I found the flag image fill a bit distracting.
If it were me, I'd play with planting an image of a flagpole flying a small image of that country's flag when each country is selected. It would feel truer to the context, would give each of them equal attention, would be easier to spot what's being highlighted, and I think the viewer's attention would then be focused on the actual map rather than the background flag fill.
Well done! Thanks so much for sharing it! :)
Love it. I thought Jackie's point about the smaller countries being hard to see where a bit hard to see. I missed (it might have been there) how to know which ones I had already visited.
I love the bright vivid colours and the over all colour scheme/player that you have developed. One thing I would have loved as an additional point is "what does the flag represent". Knowing what they represent could assist someone in remembering the individual flags better.
Excellent work.
Thanks Scott for your remark.
For 50% is just a test, it's not a real progression.
Fun example and the animated flags are very neat. Are each of them video files that are triggered? It would be nice to see something to indicate that you had already visited so you don't over lap. A good continuation might be to link resource sites for each of the selected cultural areas or possibly a triggered layer with the info for each. Although a tad involved it may address the hard to read text and allow for additional content possibilities.
Well done.
Nice work Ayoub!
Good tips by everyone above so I won't repeat.
Just a couple of small things: on the home page when you hover over each continent, Asia is the only where the semi-transparent black box does not cover the whole image, is that on purpose? It only comes in about 3/4 of the way.
I also felt the Americas text is bit hard to read (there is a dark bar under the bench that comes right behind the text). Also on the Americas, the Next arrow doesn't go anywhere, you might consider making it to to the first continent again or just removing from that slide.
Great job Ayoub, love the visuals!
Hi Ayoub,
Your course looks very nice with some great detail. I noticed one detail that you can probably fix easily. On the hidden menu, which I'm assuming is in your master slide, when I hover over the image the text fades in before the background for it slides down. I suspect if you set the fade effect to "from top" or choose to use the Wipe animation instead it should look like it is coming in together.
Also, when I open that hidden menu the Africa hover state seems to be set as the initial state. It opens and stays open until I hover over it and back off again.
Keep up the great work!!
Very cool use of masks and animations, but I do wish I could also click the map for the same effect too.
Hi Hunter,
Thanks so much for your remarks.
Ayoub,
Cool demo. There is a lot going on there visually and it is a bit overwhelming. The first thing that really jumped out is the inconsistency in background style and color for the four main sections. I'd tone that down and make it consistent over the four sections. That would bring it all together.
Yes very good idea !!
I think it is good piece of work, the page with the flag fill I find the globe a little off putting and would prefer more whitespace.
Noce UI. would be nice if clicking the notes icon also closed the popup as well as the cross, infant from a UI point of view instead of a cross i would go with a down arrow as cross is more cancel than hide.
Just to be different, I tried this out on mobile, and the experience was very responsive, and nice to look at. I think you're doing a great job. The comments above are all very helpful pieces of advice. Making a consistent visual experience across the board, as well as providing some sort of help text on the intro slide to explain the navigation would add to the experience. GREAT start though. For real. I love the touches you've put into this, and am excited to see more of your work in the future!
Thank's for your advice :)
I think it's great. Thank you for sharing!
Maybe you can add a transparent element over the photos or use some quieter images so that the font is more readable (for example: Europe). Perhaps you can indicate a title on the start screen and maybe what the learners can expect. I'm missing some instructions (like "hover over..." I've clicked the sidebar and it disappeared.
But these are only small suggestions. It looks great and it seems this was definitely a lot of work.
A simple thing I think you did well was to make the drag and drop elements sized so that the answer were not obvious by size alone. I got stuck in the drag and drop. Are you not allowed out until it is all correct? I also agree that darkening the images or masking them to enhance the text for each country would help. I really liked the opening navigation.
Thanks for sharing/
Tim
Love how clean and slick your design looks. So pretty! The flag animations are beautiful. I think it would be great if you could indicate the countries that I've already clicked on. I like to click around like a haphazard maniac, and then I couldn't remember which I'd viewed, and which I hadn't.
I was also a little confused by the percentage in the top left. I wasn't sure what that percent related to.
Overall, great presentation!
Thanks Kristin
Percentage is just a test, it's not a real progression.
Overall it was really cool Ayoub. I noticed on the slide out menu that the text would appear before the image finished animating. Also was hoping to see the Pacific (NZ in particular haha)
Blair
Thanks for all the great tips !! I will take all your tips to improve this course.
Thanks again