melt preliminary ux presentation
160 likes | 161 Views
This is what we had a couple of month ago. Our new version is much more refined and out for testing in a few days. Just in case we upload this
melt preliminary ux presentation
E N D
Presentation Transcript
Home Screen This is a default iPhone home screen to start your demos from. In presentation mode, the red icon acts as a button that links to the 2nd slide, where your mockup loading screen should display. You can replace the red button by your own 57x57 icon. Just don’t forget to hyperlink it to slide 2. If you own photoshop this tutorial might be handy: http://www.photoguides.net/photoshopping-iphone-icons Your 57x57 icon here Melt • © All Rights Reserved 2011. Piccolo Technologies Inc.
Launch screen (static) iPhone OS displays this full-screen image instantly when the user taps your application icon on the Home screen as a placeholder for your app until it starts. Apple recommends designing a launch screen that creates the illusion that your app has already started (even though it’s just an image). One great way to do that is to have a launch screen that looks just like the background of your app’s first screen (but without the data populated of course). • © All Rights Reserved 2011. Piccolo Technologies Inc.
10:32 AM Carrier Register with Melt. Careful it’s hot! App Home Screen This is where your app starts. Feel free to delete the instructions on the iPhone screen and start pasting UI elements from the MockApp library file. Have fun using MockApp! Thank you for downloading Melt! Please complete this one-time registration. First Name First Name Last Name Last Name Zip Code Zip Code Email Address Email Address Start Saving • © All Rights Reserved 2011. Piccolo Technologies Inc.
Safeway Stores Near Me Home • © All Rights Reserved 2011. Piccolo Technologies Inc.
10:32 AM Carrier My Memberships App Home Screen This is where your app starts. Feel free to delete the instructions on the iPhone screen and start pasting UI elements from the MockApp library file. Have fun using MockApp! Home 8 4 9 Add Store Nearby Stores Options • © All Rights Reserved 2011. Piccolo Technologies Inc.
Home Screen This is a default iPhone home screen to start your demos from. In presentation mode, the red icon acts as a button that links to the 2nd slide, where your mockup loading screen should display. You can replace the red button by your own 57x57 icon. Just don’t forget to hyperlink it to slide 2. If you own photoshop this tutorial might be handy: http://www.photoguides.net/photoshopping-iphone-icons Your 57x57 icon here Your 57x57 icon here Piccolo • © All Rights Reserved 2011. Piccolo Technologies Inc.
Welcome To Safeway Middlefield Location Welcome to Safeway! Middlefield Location 10:32 AM Carrier No, thanks Yes, please! App Home Screen This is where your app starts. Feel free to delete the instructions on the iPhone screen and start pasting UI elements from the MockApp library file. Have fun using MockApp! Home Save instantly with a Safeway Club Card. Would you like to become a member? • © All Rights Reserved 2011. Piccolo Technologies Inc.
10:32 AM Carrier Welcome to Safeway Save with coupons App Home Screen This is where your app starts. Feel free to delete the instructions on the iPhone screen and start pasting UI elements from the MockApp library file. Have fun using MockApp! Home Save with coupons Find a Safeway near me I’m ready to checkout! Add Store Return Home Options • © All Rights Reserved 2011. Piccolo Technologies Inc.
ON 10:32 AM Carrier ON Settings Options App Home Screen This is where your app starts. Feel free to delete the instructions on the iPhone screen and start pasting UI elements from the MockApp library file. Have fun using MockApp! Home CVS Fry’s Safeway Push Notifications How often would you like to receive coupon notifications? Never Daily Once a week • © All Rights Reserved 2011. Piccolo Technologies Inc.
10:32 AM Carrier Coupons and Offers App Home Screen This is where your app starts. Feel free to delete the instructions on the iPhone screen and start pasting UI elements from the MockApp library file. Have fun using MockApp! Coupons and Offers Back Home Produce 13 Dairy, Eggs, and Cheese Current status This one shows 29 Bread and Bakery 38 Meat and Seafood 7 Frozen Foods 21 Snacks, etc. 19 Personal Care 44 Add Store Return Home Options • © All Rights Reserved 2011. Piccolo Technologies Inc.
10:32 AM Carrier Snacks, etc App Home Screen This is where your app starts. Feel free to delete the instructions on the iPhone screen and start pasting UI elements from the MockApp library file. Have fun using MockApp! Back Home Apply at checkout Add Store Return Home Options • © All Rights Reserved 2011. Piccolo Technologies Inc.
10:32 AM Carrier Welcome to Safeway I’m ready to checkout! App Home Screen This is where your app starts. Feel free to delete the instructions on the iPhone screen and start pasting UI elements from the MockApp library file. Have fun using MockApp! Home Save with coupons Find a Safeway near me Add Store Return Home Options • © All Rights Reserved 2011. Piccolo Technologies Inc.
10:32 AM Carrier App Home Screen This is where your app starts. Feel free to delete the instructions on the iPhone screen and start pasting UI elements from the MockApp library file. Have fun using MockApp! Add Store Return Home Options • © All Rights Reserved 2011. Piccolo Technologies Inc.
10:32 AM Carrier App Home Screen This is where your app starts. Feel free to delete the instructions on the iPhone screen and start pasting UI elements from the MockApp library file. Have fun using MockApp! Touch screen to return home • © All Rights Reserved 2011. Piccolo Technologies Inc.
Melt You have a new coupon from CVS! Ignore View Home Screen This is a default iPhone home screen to start your demos from. In presentation mode, the red icon acts as a button that links to the 2nd slide, where your mockup loading screen should display. You can replace the red button by your own 57x57 icon. Just don’t forget to hyperlink it to slide 2. If you own photoshop this tutorial might be handy: http://www.photoguides.net/photoshopping-iphone-icons Your 57x57 icon here Your 57x57 icon here Piccolo • © All Rights Reserved 2011. Piccolo Technologies Inc.