Mobile Media: Work-in-progress

Outside of the workshop, I practised creating online wireframes of our app on a website called LucidChart. I made this series of wireframes into a working prototype for an app by using links on the specific buttons to the selected pages.

20170209_17244520170209_172520

*Tap clock button*

20170209_17253820170209_172548

*Tap 15 Minutes button*

20170209_17265620170209_172713

*Timer runs out*

20170209_17272720170209_172743

*Tap to open*

20170209_17282920170209_172842

[The next wireframe will show the code for the free coffee to present at a Costa Coffee shop]

I created the links to each page by dragging the green square in the shapes list over the button I wanted, then selected which page I wanted it to go to when I clicked it.

The rest of the wireframes were shapes and text arranged in the way we want our app to look.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s