XD Link

https://xd.adobe.com/view/6fa29f3d-c773-46eb-5636-5f2bc2bcfaa5-1993/

Reflection:

One of the most repetitive critics I received was about dead buttons. I had considered removing buttons from the page in which the user would currently be on, but in order to keep a consistent and balanced layout, I decided to keep the buttons visible. I then place a slight transparent shape over the button and removed and functionality so that the user could indicate that that button was inaccessible on their current page. I like to call that method the Illusion of choice. The only thing I could no figure out was how to change and order the page numbers at the button in the review section. Sadly I ran out of time in completing this.

As for critiques, I made several changes including the spacing issues in the Capital Building artboard. To fix this I just removed the AKA sections. I also correct the spelling error in Capital / Capitol as instructed by my instructor. I also added a new character to act as a type of AI. Due to the capabilities of Xd, I was not able to animate them for this project. I would have also like to set up voice recognition command paths to help with any hearing-impaired learners, however, time ran out.

A strength critic I have been given on several occasions is that I placed a very basic map that corresponded with other buttons and items on the home page. With locations and pictures on the informational pages, I used various background colors and indicators that allow the learner to quickly recognize a point of interaction (Peters, 2014). All of the background colors for the location titles, characters, and pictures were the same creating a color-coded system. This created unity and consistency across the artboards. These simple images, colors, titles, and characters help the learners to remember the information (Peters, 2014). I was also able to create contrast by using an offset of Navy/Grey with color-coded locations to create a predetermined hierarchy. I utilized color, typography, and numerical values to create an effect hierarchy. With having a clear hierarchy reducing the likelihood of interference according to (Peters, 2014). 

Reference:

Pappas, C. (2014, February 12). Instructional design models and theories: Operant conditioning theory. Retrieved from https://elearningindustry.com/operant-conditioning-theory

Peters, D. (2014). Interface design for learning: Design strategies for learning experiences. San Francisco, CA: New Riders. Retrieved from https://ce.safaribooksonline.com/book/web-design-and-development/9780133365481