Feedback on a new project about Coffee Brewing

Hello folks!

I've been working on a project to beef up my portfolio and I was hoping to get some feedback  on it.  Its still a work in progress, but I am looking on how engaging and interactive it is.  Don't be shy about your feedback; I have thick skin! Thanks!

https://dl.dropboxusercontent.com/u/78039977/COFFEE2/coffee%20output/story.html

 

5 Replies
Phil Mayor

Hi Wilson

Thanks for sharing couple of points I have noticed.  remove the prev button off the first slide and next off the last slide.

The slide with the Water/temp/Measure/freshness isn't really a process or doesn't feel like one may be better to look at a different way to display this, on the same slide the information displays above the continue button which is a bit odd and as you have a next button why do you need a continue button?

On the most common brewing methods slide I would set the rectangle in the hover state to fade so it doesn't come in as abruptly, I like the animation when you select one of the methods but don't like that you need to press a button to return.  I would have built it with the images at the top and let you select each one rather than keep having to return to a menu page and adding additional  unnecessary navigation.  If you want to continue with this at least have the return button in the same place rather than mover it around.  UI consistency is much better than moving things for the sake of it.

Love the video player screen but it makes the video so small and as it is a retro TV it's aspect ratio is wrong.  I have experienced this same problem recently, your current format is more form over function.  The video is the most important thing and should use as much screen real estate as possible.

There is a spacing issue with the Perfect cup of coffee text, may be caused by Storyline text handling, may need to change the font.

I would look at trading the player a bit better as at the moment it is the default player.

Overall it looks nice in a lot of places, as far as interactions go there is a lot of click to reveals and you may want to look at building something with different types of interactions such as drag and drops, dragged over, timelines etc.

Hope this helps

 

 

 

Wilson Santiago

The slide with the Water/temp/Measure/freshness isn't really a process or doesn't feel like one may be better to look at a different way to display this, on the same slide the information displays above the continue button which is a bit odd and as you have a next button why do you need a continue button?

A good point.  I will reexamine how I want to handle this slide.

On the most common brewing methods slide I would set the rectangle in the hover state to fade so it doesn't come in as abruptly,

Good advice, thanks!

I like the animation when you select one of the methods but don't like that you need to press a button to return.  I would have built it with the images at the top and let you select each one rather than keep having to return to a menu page and adding additional  unnecessary navigation.  If you want to continue with this at least have the return button in the same place rather than mover it around.  UI consistency is much better than moving things for the sake of it.

I wanted to give the viewer an option to get back to the main menu at any point, but I understand your reasoning.  I have changed this so that the viewer can use previous and next arrows to go n to the next brewing method.

Love the video player screen but it makes the video so small and as it is a retro TV it's aspect ratio is wrong.  I have experienced this same problem recently, your current format is more form over function.  The video is the most important thing and should use as much screen real estate as possible.

Yes, I guess I was to much liking the retro tv concept, but yes it was costing me screen real estate.  I changed this to use a "projector screen" instead of a tv which has allowed me to enlarge the video to a more reasonable size.

There is a spacing issue with the Perfect cup of coffee text, may be caused by Storyline text handling, may need to change the font.

Yes, definitely a font issue.  Will most likely need to change the font.

I would look at trading the player a bit better as at the moment it is the default player.

Will do. 

Overall it looks nice in a lot of places, as far as interactions go there is a lot of click to reveals and you may want to look at building something with different types of interactions such as drag and drops, dragged over, timelines etc.

Hope this helps

 

Helps immensely!  I am in your debt!

 

 

 

Ashley Chiasson

Wilson - 

- I thought the intro was a little bit long for the purposes of an introduction. I would suggest shortening this slide to get to the real purpose of the sample course.

- Coffee brewing basics - Definitely remove the Next button, at least, from this screen, because it's redundant with the Continue button.

- As for Water/Temperature/Measure/Freshness, fix the shape so that it's not covering the Continue button, and if the Continue button is necessary, remove the Prev/Next buttons.

- I liked the concept behind the methods; however, be mindful of the graphics and maintaining consistency. For example, the first method has the graphic (Drip) appearing behind the back icon. You also still have the Prev/Next buttons on these slides, which seems redundant. The other thing about consistency - when I got to the last slide (using the arrows), Ibrik I believe, the return button said "Return to cycle" whereas the others all said RETURN. Ensure consistency.

- For other brewing methods, the background is inconsistent. For example, Moka Pot looks good. When you select the tab, it blends in with the background; however, the other two selections don't appear as seamless.

- For the William H. Ukers quote slide, reduce the timeline. It's quite lengthy and gives the illusion that something more is coming, and remove the Next button from this screen as it is the end.

Wilson Santiago
Ashley Chiasson

Wilson - 

- I thought the intro was a little bit long for the purposes of an introduction. I would suggest shortening this slide to get to the real purpose of the sample course.

I agree.  I plan to shorten it down to less than half that time.

- Coffee brewing basics - Definitely remove the Next button, at least, from this screen, because it's redundant with the Continue button.

Agreed.  I have already removed the continue buttons for this reason.

- As for Water/Temperature/Measure/Freshness, fix the shape so that it's not covering the Continue button, and if the Continue button is necessary, remove the Prev/Next buttons.

This slide has been redone entirely.

- I liked the concept behind the methods; however, be mindful of the graphics and maintaining consistency. For example, the first method has the graphic (Drip) appearing behind the back icon. You also still have the Prev/Next buttons on these slides, which seems redundant. The other thing about consistency - when I got to the last slide (using the arrows), Ibrik I believe, the return button said "Return to cycle" whereas the others all said RETURN. Ensure consistency.

This was a template I used. and I did not realize some of the elements from the original  template were still in place.  I have fixed this issue.

- For other brewing methods, the background is inconsistent. For example, Moka Pot looks good. When you select the tab, it blends in with the background; however, the other two selections don't appear as seamless.

I was checking to see which of the three I like best.  I have already changed that to be more consistent.

- For the William H. Ukers quote slide, reduce the timeline. It's quite lengthy and gives the illusion that something more is coming, and remove the Next button from this screen as it is the end.

Thank you very much for your feedback!  I should have mentioned earlier that this was still a work in progress.  Still needs some fine-tuning but your feedback is awesome!