Embedded Files
Wednesday, June 5 :: Click Link for assignment >
EXAMPLES...
EXAMPLES...
Look below at the example ideas
Take a look at the prototypes below.
As you draw your app, think of the buttons the user will click and what the output will be
This example is an APP with 3 screens. Note that each page has a HOME button to go back
This example is an APP with 3 screens. Note that each page has a HOME button to go back
This example is an APP with 3 screens (but it will eventually have 5 screens!). Note that each page has a HOME button to go back
See below for details!
This one shows BAD IDs!
This one shows BAD IDs!
Above IDs are BAD! It is VERY hard to code to ideas that are not meaningful!!!!
Scroll down for good examples!
How I made the Harry Potter app (Design Mode Only!)
HOME SCREEN
(User will click the any of the images (houses) and they will be taken to that screen)
Notice ID's are meaning full for all screens and elements on each screen!
Also, try not to use a background image on every screen...make sure your user can clearly see the clickable elements!
RIGHT CLICK EACH IMAGE TO DOWNLOAD!
Above IDs are BAD! It is VERY hard to code to ideas that are not meaningful!!!!
When searching for a background image, search for the topic + phone background (like Hogwarts Phone Background)
GRYFFINDOR SCREEN
(User will click the Gryffindor image on the Home Screen to get here)
Notice ID's are meaning full for all screens and elements on each screen!
Also, notice a background image is NOT used, just a color...this makes sure your user can clearly see the clickable elements!
SLYTHERIN SCREEN
(User will click the Slytherin image on the Home Screen to get here)
Notice ID's are meaning full for all screens and elements on each screen!
RAVENCLAW SCREEN
(User will click the Ravenclaw image on the Home Screen to get here)
Notice ID's are meaning full for all screens and elements on each screen!
HUFFLEPUFF SCREEN
(User will click the Hufflepuff image on the Home Screen to get here)
Notice ID's are meaning full for all screens and elements on each screen!
How the Hogwarts App is Coded...
COMPARISON APP
(User chooses a product image and be taken to that product screen!)
Come up with you own two items! Chocolate vs. Vanilla? Hamburgers vs. Pizza?
RIGHT CLICK EACH IMAGE TO DOWNLOAD!
SPORTS/INFORMATION APP
(User clicks buttons to go to different screens for information!)
Come up with you own topic! BSU? Gaming? MineCraft? Baseball? Football?
Need a Sports Schedule image?
Page updated
Google Sites
Report abuse