Finding a Great App

Finding a Great App-01

Click graphic to enlarge

Users: Workshop participants include university faculty and professional staff with little to no familiarity with an iPad. Users may have used other mobile devices like phones, e-readers or tablets in the past. Reading level and diagram reading skills should be ranked as high.

Solution: This graphic was created for a self-guided activity on finding the right apps for your classroom. The experience of finding the right app for an assignment can be overwhelming, especially for first time iPad users. Using the principles of “concentrated” (steps highlighted in red) and “concise” (short explanations), I created a step-by-step set of instructions (p. 102). While I tried adding screen shots or small icons to help with the “concreteness” of this graphic, they all felt too distracting and I decided to err on the side of “conciseness.”

User-Test: After having a friend review the graphic, he said that he liked the bold titles and the indentation of “example.” One suggestion he shared was to add something to show a flow or a sequence, perhaps numbers, to help indicate to reader that they should work top to bottom.

Changes I’ll Make: The suggestion to add “a flow” to this graphic was very helpful and I’m considering adding either number or curved arrows to indicated a path.

 

Advertisements

10 Best Classroom Apps

Top 10 apps for the classroom-01

Users: Workshop participants include university faculty and professional staff with little to no familiarity with an iPad. Users may have used other mobile devices like phones, e-readers or tablets in the past. Reading level and diagram reading skills should be ranked as high.

Solution: This graphic was created to for a discussion activity on apps for use with students. Participants will download each of the listed apps and then practice using them within their group. At the end of the activity, each participant will create a learning activity that incorporates at least 2-3 of the apps on this list. I wanted to create a sheet that would serve as an easy to use reference, so I incorporated the concepts of alignment (all text and icons are aligned) and repetition (the same format is used for each app.)

User-Test: After having a friend review the graphic, she said that she liked being seeing the app icon because it will make it easier for the user to find. One suggestion she had was to make the icons hyperlinks so that users will be able to click-through to download the app.

Changes I’ll Make: I like the suggestion from my friend to make it easy to download the apps, so I will add this element. Also, I will consider making more top 10 lists in the future (like Best Apps for Photography and Best Apps for Productivity) and will maintain this format.

Unit Organizer

Getting Started with Your iPad-01

Users: Workshop participants include university faculty and professional staff with little to no familiarity with an iPad. Users may have used other mobile devices like phones, e-readers or tablets in the past. Reading level and diagram reading skills should be ranked as high.

Solution: This graphic was created to help divide the workshop into two sections: “Getting Started with Your iPad” and “Using iPads in the Classroom.” Playing off the shape of app icons on the iPad, I created each module box to look like an app. Modules 1-3 are related to each other, so they are listed next to each other in the suggested order. Additionally, I changed the hue of blue in each shape to indicate progression.   I applied a drop-shadow effect to the “app icons” to add depth (p. 86) and used the alignment tools (p. 84) to make sure the icons and text were aligned.

User-Test: After having a friend review the graphic, he didn’t see the modules as apps at first. He suggested that I possibly add an icon and a gradient to each box to give it more of an “app-feel.”

Changes I’ll Make: While I agree that at first glance the icons may not look like iOS app entirely, I don’t know that adding icons would convey the simplistic feel I was going for. I will add a few more stylistic elements to the apps like a gradient and a colored background.

Anatomy of an iPad (Exterior)

Anatomy of an iPad (Exterior)

Users: University faculty and professional staff with little to no familiarity with the iPad. Users may have used other mobile devices like phones, ereaders or tablets in the past. Reading level and diagram reading skills should be ranked as high.

Solution: This vector graphic was designed to fit the resolution of the iPad and is something that I can load on to faculty iPads before attending the workshop. I used elongated rectangles both to mimic the shape of the iPad and to fit the display (as mentioned on page 255.) I used simple shapes (page 250) such as circles, lines and boxes to create the front, back, and side profile of the iPad and maintained the same grey color to indicate the body of the device.

User-Test: After having a friend view this diagram, he indicated that he would like to see the numbers lead to a further explanation of the tool.

Changes I’ll Make: Based on this feedback, I’ll add a separate column to this page or a separate page with a box that contains a short explanation of each number on this diagram.