This document contains wireframes for an iOS7 iPhone app. It includes screens for login, home, articles, events, images, videos, and more. Flowcharts show the process and navigation between screens. Each screen is described, including elements like navigation bars, article segments, calendars, and ways to interact like tapping buttons.
The document discusses recommendations for designing launch screens for iPhone apps. It suggests that the launch screen should create the illusion that the app has already started by matching the background of the app's first screen without any populated data. It notes that in presentation mode, the launch screen will display for 2 seconds to simulate app loading.
The document provides an overview of iTechnology and apps that can be used to support students with special needs. It discusses iPod Touch, iPad and iPhone basics, as well as a variety of apps categorized by purpose such as independent task completion, organization, sensory, recreation, art, writing and more. Specific apps are mentioned and prices provided. Adaptations, do-it-yourself projects, and resources are also outlined.
How to Sync MS Outlook Email, Calendar & Contacts with iPhone4s & iCloudEquilibria, Inc.
This document provides instructions for syncing MS Outlook 2010 email, contacts, and calendar with an iPhone 4s. It outlines two methods:
1. Using iTunes to sync contacts and calendar to preserve data storage on iCloud, while deselecting mail.
2. Using iCloud to sync email and provide up to 5GB of free data storage, which requires turning off calendar and contacts on the iPhone, creating an iCloud email account, and merging Outlook data.
The full instructions include backing up and preparing Outlook data, downloading iCloud and iTunes, turning sync options on and off, and testing for accuracy.
A presentation covering tips & tricks to do more with your iPad, including adjusting settings, using Safari, iCloud, manipulating text, editing photos, and more.
Apple's free iCloud service replaces MobileMe and provides a way for people to instantly synchronize contacts, calendars, photos, documents, music, and other kinds of data among their digital devices-especially Macs and iOS devices. It's designed to be so easy to use that it's practically invisible, but as many people have discovered, a great deal of complexity lies beneath the friendly surface. In this webcast, veteran Mac author Joe Kissell explains what iCloud can do for you, how to deal with configuration puzzles and compatibility issues, and how best to manage the transition from MobileMe
Indeed vs. AngelList - User Engagement TeardownIterable
This is an Iterable User Engagement Teardown comparing Indeed and AngelList's user engagement strategies in the first 2 weeks post-signup.
After evaluating all emails and push notifications received, we identify what these companies do well and where there is room for improvement. Everything shown in the slides (and any recommendations) can be implemented with Iterable.
To see more User Engagement Teardowns, visit http://iterable.com/teardown
The document discusses Android Jellybean OS. It provides details on Jellybean such as it being the latest Android version 4.1 and not having significant differences from the previous version. It then covers Jellybean's features like improved notifications, resizable widgets, and Chrome as the default browser. The document also reviews Android's history from version 1.0 to Jellybean and compares Android, iOS, and Windows Phone operating systems.
The document discusses recommendations for designing launch screens for iPhone apps. It suggests that the launch screen should create the illusion that the app has already started by matching the background of the app's first screen without any populated data. It notes that in presentation mode, the launch screen will display for 2 seconds to simulate app loading.
The document provides an overview of iTechnology and apps that can be used to support students with special needs. It discusses iPod Touch, iPad and iPhone basics, as well as a variety of apps categorized by purpose such as independent task completion, organization, sensory, recreation, art, writing and more. Specific apps are mentioned and prices provided. Adaptations, do-it-yourself projects, and resources are also outlined.
How to Sync MS Outlook Email, Calendar & Contacts with iPhone4s & iCloudEquilibria, Inc.
This document provides instructions for syncing MS Outlook 2010 email, contacts, and calendar with an iPhone 4s. It outlines two methods:
1. Using iTunes to sync contacts and calendar to preserve data storage on iCloud, while deselecting mail.
2. Using iCloud to sync email and provide up to 5GB of free data storage, which requires turning off calendar and contacts on the iPhone, creating an iCloud email account, and merging Outlook data.
The full instructions include backing up and preparing Outlook data, downloading iCloud and iTunes, turning sync options on and off, and testing for accuracy.
A presentation covering tips & tricks to do more with your iPad, including adjusting settings, using Safari, iCloud, manipulating text, editing photos, and more.
Apple's free iCloud service replaces MobileMe and provides a way for people to instantly synchronize contacts, calendars, photos, documents, music, and other kinds of data among their digital devices-especially Macs and iOS devices. It's designed to be so easy to use that it's practically invisible, but as many people have discovered, a great deal of complexity lies beneath the friendly surface. In this webcast, veteran Mac author Joe Kissell explains what iCloud can do for you, how to deal with configuration puzzles and compatibility issues, and how best to manage the transition from MobileMe
Indeed vs. AngelList - User Engagement TeardownIterable
This is an Iterable User Engagement Teardown comparing Indeed and AngelList's user engagement strategies in the first 2 weeks post-signup.
After evaluating all emails and push notifications received, we identify what these companies do well and where there is room for improvement. Everything shown in the slides (and any recommendations) can be implemented with Iterable.
To see more User Engagement Teardowns, visit http://iterable.com/teardown
The document discusses Android Jellybean OS. It provides details on Jellybean such as it being the latest Android version 4.1 and not having significant differences from the previous version. It then covers Jellybean's features like improved notifications, resizable widgets, and Chrome as the default browser. The document also reviews Android's history from version 1.0 to Jellybean and compares Android, iOS, and Windows Phone operating systems.
MAD mobile application development you can learn from here , we perform all c...harshalpatil183931
This document outlines various tasks completed for an industry training report on Android development. It describes creating a splash screen, adding a login page with validation, a registration page, menus, alerts, tabs, Google Maps integration, sending notifications with Firebase, adding text-to-speech, Bluetooth, and audio playback functionality. Tasks included designing activities and pages, adding animations, applying validations, passing data between activities, and using services like location, notifications, text-to-speech and Bluetooth.
iOS 3D Touch available in new iPhone 6S and 6S Plus,
Truly futuristic User Experience, Not only time saver but improves productivity too. Of course more productivity means more time and money for you and your customers. Let's Connect over an email and together build your next big thing Mobile App Arena.
- This is a summary of an iPhone application called Meetirvine, which is a social networking app for residents of Irvine, California.
- Users must register for the app by selecting a community category. Once logged in, users can view profiles of other members, post updates, and communicate through private messages or public forums.
- The app allows residents to build connections in their local community through sharing information and discussions within the Meetirvine social network that is specific to Irvine.
The document discusses the design and development of an app called "Eyes" to help blind and visually impaired people with everyday tasks. It aims to allow blind users to post questions/images and have sighted users provide responses. Key points:
- The app allows blind users to post questions/images and sighted users to respond to help with tasks like checking expiration dates or object details.
- It was designed for Android using MIT App Inventor and includes features like login/profile screens and an accessibility mode for blind users.
- Limitations include an inability to upload images, lack of user/reply display details, and data storage issues between sessions. Improvements could address these and add safety features
Xcode 8 includes many new features and improvements such as:
1. Increased security, accessibility, and usability.
2. Support for Swift 3 and a migration tool to help move to Swift 3.
3. New source editor extensions that allow developers to manipulate and navigate code.
4. Improved debugging tools including a better view debugger and memory debugger.
5. Enhanced code signing that makes management easier.
Project 4 fundamentals of web designs - buendiaoutcast96
1. The document discusses fundamentals of web design for mobile devices, including ignoring the size of mobile browsers and using fonts too small for mobile screens.
2. It also discusses using too much screen space for things that do not help sell products or services.
3. The document notes that mobile sites should be clear about what visitors should do, with limited links or choices.
Community App for Promoting Cross-Cultural InteractionMike Taylor
Community app for promoting cross-cultural interaction with facebook, Gtalk and multiple social networking sites integration. It includes blogging and photo sharing
Community App for Promoting Cross-Cultural InteractionMike Taylor
Community app for promoting cross-cultural interaction with facebook, Gtalk and multiple social networking sites integration. It includes blogging and photo sharing
Unicorn Invasion: The Next Level of Sparkle and StuffBrandy Porter
The document discusses a presentation about unicorns in UX design. It includes an agenda that covers topics like UX vs. UI design, layout, visual design, and testing. Attendees are asked to introduce themselves and share details like where they're from and why they're interested in UX/UI. Gestalt principles and wireframing are discussed as part of the layout section. Color theory, typography, and iconography are covered in the visual design portion.
1. The document outlines the features and development process for a smart watch app. It will have over 15 main features including 360 viewing, music playback, flashlight, timers, games, navigation, email/social media access, photos, calls, and more.
2. The app is targeted towards professionals and will be developed in 3 steps - requirements gathering, content writing, and programming/animation. HTML, JavaScript, and other common tools will be used.
3. The document provides details on graphics, images, illustrations and other assets needed for the app. It outlines a review process with the client before finalizing the app design and features.
1. The document discusses programming motions for a robot using the LINE Maker APP. It describes connecting the robot and smartphone via Bluetooth and importing previously created process and motion files.
2. Instructions are provided on programming a "waved ceremony" motion by first importing the "ready posture" motion created earlier. The user is directed to open the saved process and motion files from the previous session.
3. The document also reminds the user to connect the robot and smartphone via Bluetooth in order to view and test the programmed motions. Buttons on the robot and their functions are defined for running motion programs.
DESIGN AND DEVELOPMENT OF A MULTI FEATURED IOS MOBILE APPLICATION USING SWIFT 3Journal For Research
The mobile industry has grown very rapidly in the last few years that the technology used a few years back is now outdated and irrelevant. In many of the sectors mobile technology is extensively used today. (ex. educational, healthcare, networking) and many organizations have developed mobile applications for Smart phones, Tablet PCs and iOS systems which are the most popular nowadays. This paper gives the description of an iOS mobile application for Electronics students and M.tech Research scholars who are carrying out their research in the same field. It is developed with the aim to simplify the livability of the students, researchers and Academicians, and to witness the growth and technological development. This paper shows the scope of this application, describing the features for students, researchers and academicians in order to involve them in real time about events and helping them out with basic and latest electronic components, simulation tools, top websites and platforms that are very helpful while developing complex systems. Considering the extensive use of social networking platforms today, all the major social media platforms have also been integrated within the application. Google Admob & Adsense integration has been provided as well. It is developed using mac os 10.11, xcode 8.3 and coded in swift 3 language.
This document discusses how mobile technology has become integrated into the restaurant dining experience. It provides a list of common activities people engage in using their mobile devices at restaurants, such as searching for nearby restaurants, reading reviews, getting directions, checking in on social media, taking photos of food and sharing on social networks, and posting reviews of the dining experience. The document suggests that mobile devices have become people's main connection to online applications, services and their social lives, and that this is shifting people's focus away from the food, company and atmosphere at restaurants and more towards interacting with applications on their mobile devices.
Need Help Writing My College Essay. Online assignment writing service.Ashley Richards
The Pennsylvania Principals Association provides services to principals, assistant principals, and other administrators. It is a non-profit volunteer organization located in Summerdale, Pennsylvania. The association aims to support educational leaders and advance excellence in elementary and secondary schools.
UI_UX analysis of Netflix-like app.pptxeliana ward
The VoD application is designed to offer users ease of access to start with any new show or continue watching an episode they left in between earlier. The Netflix mobile app comes loaded with various features such as ‘add to my list,’ ‘auto-play to next episode
The document provides an overview of the Windows Phone 7 operating system. It discusses key features like the Metro user interface, hubs for combining local and online content, and multitouch technology. It also covers advantages such as a fast and stable experience, battery savings, and support for SharePoint documents. The document compares Windows Phone 7 to other platforms and concludes that it provides a best-in-class user interface and can help meet corporate security needs, especially with the recent acquisition of Skype.
MAD mobile application development you can learn from here , we perform all c...harshalpatil183931
This document outlines various tasks completed for an industry training report on Android development. It describes creating a splash screen, adding a login page with validation, a registration page, menus, alerts, tabs, Google Maps integration, sending notifications with Firebase, adding text-to-speech, Bluetooth, and audio playback functionality. Tasks included designing activities and pages, adding animations, applying validations, passing data between activities, and using services like location, notifications, text-to-speech and Bluetooth.
iOS 3D Touch available in new iPhone 6S and 6S Plus,
Truly futuristic User Experience, Not only time saver but improves productivity too. Of course more productivity means more time and money for you and your customers. Let's Connect over an email and together build your next big thing Mobile App Arena.
- This is a summary of an iPhone application called Meetirvine, which is a social networking app for residents of Irvine, California.
- Users must register for the app by selecting a community category. Once logged in, users can view profiles of other members, post updates, and communicate through private messages or public forums.
- The app allows residents to build connections in their local community through sharing information and discussions within the Meetirvine social network that is specific to Irvine.
The document discusses the design and development of an app called "Eyes" to help blind and visually impaired people with everyday tasks. It aims to allow blind users to post questions/images and have sighted users provide responses. Key points:
- The app allows blind users to post questions/images and sighted users to respond to help with tasks like checking expiration dates or object details.
- It was designed for Android using MIT App Inventor and includes features like login/profile screens and an accessibility mode for blind users.
- Limitations include an inability to upload images, lack of user/reply display details, and data storage issues between sessions. Improvements could address these and add safety features
Xcode 8 includes many new features and improvements such as:
1. Increased security, accessibility, and usability.
2. Support for Swift 3 and a migration tool to help move to Swift 3.
3. New source editor extensions that allow developers to manipulate and navigate code.
4. Improved debugging tools including a better view debugger and memory debugger.
5. Enhanced code signing that makes management easier.
Project 4 fundamentals of web designs - buendiaoutcast96
1. The document discusses fundamentals of web design for mobile devices, including ignoring the size of mobile browsers and using fonts too small for mobile screens.
2. It also discusses using too much screen space for things that do not help sell products or services.
3. The document notes that mobile sites should be clear about what visitors should do, with limited links or choices.
Community App for Promoting Cross-Cultural InteractionMike Taylor
Community app for promoting cross-cultural interaction with facebook, Gtalk and multiple social networking sites integration. It includes blogging and photo sharing
Community App for Promoting Cross-Cultural InteractionMike Taylor
Community app for promoting cross-cultural interaction with facebook, Gtalk and multiple social networking sites integration. It includes blogging and photo sharing
Unicorn Invasion: The Next Level of Sparkle and StuffBrandy Porter
The document discusses a presentation about unicorns in UX design. It includes an agenda that covers topics like UX vs. UI design, layout, visual design, and testing. Attendees are asked to introduce themselves and share details like where they're from and why they're interested in UX/UI. Gestalt principles and wireframing are discussed as part of the layout section. Color theory, typography, and iconography are covered in the visual design portion.
1. The document outlines the features and development process for a smart watch app. It will have over 15 main features including 360 viewing, music playback, flashlight, timers, games, navigation, email/social media access, photos, calls, and more.
2. The app is targeted towards professionals and will be developed in 3 steps - requirements gathering, content writing, and programming/animation. HTML, JavaScript, and other common tools will be used.
3. The document provides details on graphics, images, illustrations and other assets needed for the app. It outlines a review process with the client before finalizing the app design and features.
1. The document discusses programming motions for a robot using the LINE Maker APP. It describes connecting the robot and smartphone via Bluetooth and importing previously created process and motion files.
2. Instructions are provided on programming a "waved ceremony" motion by first importing the "ready posture" motion created earlier. The user is directed to open the saved process and motion files from the previous session.
3. The document also reminds the user to connect the robot and smartphone via Bluetooth in order to view and test the programmed motions. Buttons on the robot and their functions are defined for running motion programs.
DESIGN AND DEVELOPMENT OF A MULTI FEATURED IOS MOBILE APPLICATION USING SWIFT 3Journal For Research
The mobile industry has grown very rapidly in the last few years that the technology used a few years back is now outdated and irrelevant. In many of the sectors mobile technology is extensively used today. (ex. educational, healthcare, networking) and many organizations have developed mobile applications for Smart phones, Tablet PCs and iOS systems which are the most popular nowadays. This paper gives the description of an iOS mobile application for Electronics students and M.tech Research scholars who are carrying out their research in the same field. It is developed with the aim to simplify the livability of the students, researchers and Academicians, and to witness the growth and technological development. This paper shows the scope of this application, describing the features for students, researchers and academicians in order to involve them in real time about events and helping them out with basic and latest electronic components, simulation tools, top websites and platforms that are very helpful while developing complex systems. Considering the extensive use of social networking platforms today, all the major social media platforms have also been integrated within the application. Google Admob & Adsense integration has been provided as well. It is developed using mac os 10.11, xcode 8.3 and coded in swift 3 language.
This document discusses how mobile technology has become integrated into the restaurant dining experience. It provides a list of common activities people engage in using their mobile devices at restaurants, such as searching for nearby restaurants, reading reviews, getting directions, checking in on social media, taking photos of food and sharing on social networks, and posting reviews of the dining experience. The document suggests that mobile devices have become people's main connection to online applications, services and their social lives, and that this is shifting people's focus away from the food, company and atmosphere at restaurants and more towards interacting with applications on their mobile devices.
Need Help Writing My College Essay. Online assignment writing service.Ashley Richards
The Pennsylvania Principals Association provides services to principals, assistant principals, and other administrators. It is a non-profit volunteer organization located in Summerdale, Pennsylvania. The association aims to support educational leaders and advance excellence in elementary and secondary schools.
UI_UX analysis of Netflix-like app.pptxeliana ward
The VoD application is designed to offer users ease of access to start with any new show or continue watching an episode they left in between earlier. The Netflix mobile app comes loaded with various features such as ‘add to my list,’ ‘auto-play to next episode
The document provides an overview of the Windows Phone 7 operating system. It discusses key features like the Metro user interface, hubs for combining local and online content, and multitouch technology. It also covers advantages such as a fast and stable experience, battery savings, and support for SharePoint documents. The document compares Windows Phone 7 to other platforms and concludes that it provides a best-in-class user interface and can help meet corporate security needs, especially with the recent acquisition of Skype.
International Upcycling Research Network advisory board meeting 4Kyungeun Sung
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
2. iOS7 iPhone App
App Flowchart
Tue Jul 30 2013
Creator
Modified
Andrew Scott | hello@thisisstimulate.co.uk | www.thisisstimulate.co.uk
2 / 8
Articles Screen Brochure Request
Screen
Events Screen
Images Screen
Videos Screen
Social Media
Screen
Sign Up Screen
Process
In-app
DB Access
Dialogue
Box
Data
input /
Output
Decision
Sort
FLOWCHART KEY
Screen
In-app
DB Access
Dialogue
Box
Data
input /
Output
Decision
Sort
FLOWCHART KEY
In-app
DB Access
Sorted by newest
first
Success
Sorted by newest
first
Sorted by newest
first
Settings Screen
Article
Fail
Maps
Share
Video Page
Facebook Connect
Twitter Connect
LinkedIn Connect
Push Notifications
Feedback
Font Size
T & C's
Privacy Policy
Start
Update
Available?
Yes
No
Download
Warning
API
Data
Connection
Warning
Login SignupInvalid Details
Google + Connect
Facebook
Twitter
LinkedIn
Google +
Video (Streamed)
Vine
Instagram
Submit API
Calendar
Image
Address
Lookup
Success
Fail
Submit API
Success
Fail
Submit API
Success Fail
Submit API
3. iOS7 iPhone App
iPhone Wireframe 1 - 4
Tue Jul 30 2013
Creator
Modified
Andrew Scott | hello@thisisstimulate.co.uk | www.thisisstimulate.co.uk
3 / 8
1.0 Login Screen
The Login Screen allows the user to login into the
involve app, it also allows the user to sign up if they
don't already have an account.
Once the user has entered in their credentials they will
be saved and the app will auto login until the user
physically logs out of their account.
1.1 Login Input Fields
Here the user enters their login credentials, the
password field is hidden.
1.2 Password Reset
Tapping on 'password reset' will take the user through
to another screen where they can enter in details
enabling them to go through the password reset
process.
1.3 Sign Up
If the user has not created an account then they will be
able to by tapping on the 'sign up'
2.0 Home Screen
The home screen will contain the main navigation
allowing the user to quickly jump into their area of
choice.
2.1 Menu Items
Menu items will be left aligned and contain the
connected page name & an icon.
Tapping on the icon should have a slight animation to
provide feedback to the user that an action is being
performed.
2.2 Settings Button
This is kept separate from the 'content' links as this is
app based.
2.3 Poor Data Connection
If there is a poor data connection then this will be
displayed at the top of the screen.
3.0 Article Home Screen
The article home screen is sorted with the newest
articles situated towards the top of the screen, articles
are downloaded in chunks, when the user scrolls to the
bottom of the screen new articles are automatically
loaded.
3.1 Navigation Bar
The navigation bar displays the current page title in the
centre along with the previous page, this can be tapped
or using the new iOS7 control the user can slide from
left to right to go back to the previous screen.
NB The 'back' title must match the previous page title.
3.2 Article Segment
There are two types of article segment, these include a
text article & an image article.
Article Segment Layout
Article Title
Source & Publication Date
Article Text or Image
Tapping anywhere within the bound of the article
segment will take the user through to that article.
4.0 Article Screen
The article screen contains all the content and is vertically
scrollable. The layout is the same as 3.2
4.1 Next Article Button
At the bottom of the article there is the option to navigate
through to the next article, this saves the user having to go
back and scroll down through the list of items.
11:27 AM
Home
1.0 2.0 4.0
11:27 AM
Articles
Articles
Brochure Request
Events
Images
Videos
Social Media
Sign Up
Settings
Here'stothecrazyones.
Lorem ipsum dolor sitamet,
consectetur adipiscng elit.
In porta mattis rhoncus.
Vestibulum sodales metus
at purus hendrerit, eu dk
consectetur adipiscng elit.
In porta mattis rhoncus.
Home
This is an example of an article title.
http://source.com 20 minutes ago
Lorem ipsum dolor sitamet,
consectetur adipiscng elit.
In porta mattis rhoncus.
Vestibulum sodales metus
at purus hendrerit, eu dk
consectetur adipiscng elit.
In porta mattis rhoncus.
This is an example of an article title, on
a double line, Awesome.
http://source2.com Yesterday
This is an example of an article title, on
a double line, Awesome.
http://source3.com July 1st 2013
Loading more innovation articles
11:27 AM
Article OneArticles
This is an example of an article title, on
a double line, Awesome.
http://source.com 20 minutes ago
Lorem ipsum dolor sitmet,
consectetur adipiscing
elit. Sed gravida, dolor
quis viverra interdum,
eros turpis elementumquam,
vehicula vehicula nunc
elit quis massa. Etiam
ultrices ornare rhoncus.
Proin eget quam ac nunc
dictum pulvinar. Aliquam
condimentum molestie tmpor.
Donec lacinia tortor vel
metus ornare tristique.
Nam feugiat nunc nonellus
ultricies, ut sollicitudin
orci semper. Mauris quis
euismod nisl. Cum sociis
natoque penatibus et
magnis dis parturient
montes, nascetur ridiculus
mus. Donec imperdiet nec
augue interdum imperdiet.
Proin viverra luctus
Lorem ipsum dolor sitamet,
consectetur adipiscng elit.
In porta mattis rhoncus.
Vestibulum sodales metus
at purus hendrerit, eu dk
consectetur adipiscng elit.
In porta mattis rhoncus.
Next Article: Article Two
11:27 AM
ArticlesHome
This is an example of an article title.
http://source.com 20 minutes ago
Fetching new articles
Email Address
Password
Lorem ipsum dolor itamet,
consectetur adipiscng
elit. In porta mattis
rhoncus. Vestibulum dffdf
sodales metus t. In
porta mattis rhoncus. dfd
Vestibulum sodales metus
Sign Up
Sign Up
Password Reset
Login
Company Logo
1.1
1.2
1.3
2.1
2.2
3.0
3.1
3.2
3.3
tap
4.1
Last updated 21 minutes ago
Oh No! Poor Data Connection. 2.3
Or have a test drive!
3.3 Pull to Refresh
The pull to refresh function allows the user to pull down
when at the top of the content, this will do a check and
download any additional content that may have been
added whilst the user has been browsing.
4. iOS7 iPhone App
iPhone Wireframe 5 - 10
Tue Jul 30 2013
Creator
Modified
Andrew Scott | hello@thisisstimulate.co.uk | www.thisisstimulate.co.uk
4 / 8
5.0 Brochure Request Screen
The signup screen allows the user to register their
credentials, this is then submitted via API to the server,
the user is automatically logged into the app at this
point.
5.1 Address Lookup
Once the user has entered their postcode they will be
able to lookup their address using an external 3rd party
lookup API.
This will take the user through to screen 6.0
5.2 Manual Address Input
The user can also request to input their details
manually, tapping on this button will expand the
address fields out and allow the user to enter their
details using the following:
Address Line 1
Address Line 2
Town
Postcode
6.0 Address Lookup Screen
This is an example of the scroll wheel that will show the
addresses that have been returned by the API, to
choose one the user taps the address.
8.0 Success Screen
If the submission is successful the user will get a success
screen, this will display for around 2/3 seconds before
reverting back to the home screen.
5.0 6.0 7.0 8.0
7.0 Submit Request Screen
Here the user can see the details they are about to
submit.
7.1 Marketing Button
The user has the option to turn on or off marketing
7.2 Send Brochure Button
Once the user is happy with the details they can tap the
'send my brochure' button which will submit the details
via an API.
9.0 Failure Screen
If the submission fails (in this example we are using a lack
of data connectivity) then the user will receive a warning
informing them of the issue.
They will then have to manually tap the back to home
screen button.
11:27 AM
Brochure RequestHome
11:27 AM
9.0
So, you want our brochure? Well we wan't
your details, lets do a swapsee!
Full Name
Postcode
Lookup Address
11:27 AM
Brochure RequestHome
So, you want our brochure? Well we wan't
your details, lets do a swapsee!
Full Name
M1 4GG
Postcode
Lookup Address
1 Mountain View
3 Mountain View
5 ,Mountain View
7 Mountain View
9 Mountain View
5 Mountain View
Enter ManuallyEnter Manually
11:27 AM
Brochure RequestHome
So, you want our brochure? Well we wan't
your details, lets do a swapsee!
Full Name
tap
5 Mountain View
Manchester
M1 4GG
Change Address
From time to time we might send
you marketing material, are we
ok to do this?
Send my brochure
Brochure RequestHome
Thanks for your details, we will send out
your brochure immediately and you can
expect to receive it within 7 working days.
11:27 AM
Brochure RequestHome
Oh no! There has been a problem along the
way.
We have detected a weak phone signal,
please move into an area with better
coverage and try again.
Back to the home screen
5.1
5.2
7.1
7.2
5. iOS7 iPhone App
iPhone Wireframe 10 - 13
Tue Jul 30 2013
Creator
Modified
Andrew Scott | hello@thisisstimulate.co.uk | www.thisisstimulate.co.uk
5 / 8
11:27 AM
Events
M T W T F S S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
July
29 30 31
11:27 AM
EventsHome
M T W T F S S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
July
29 30 31
10.0 Events Screen
The events screen shows the latest events that are
available. The user can tap on their chosen day and the
events will be listed below.
Upon scrolling the whole screen will scroll.
10.1 Calendar
The calendar allows the user to make quick selections, a
coloured dot represents an event on that day, multiple dots
represent multiple events.
10.2 Event Details
The event details are displayed upon tapping on the date, if
there are multiple event they will be displayed in a list.
10.3 Register for Event
Tapping on this button will open an in app web view if
available.
11:27 AM
EventsHome
M T W T F S S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
July
29 30 31
Date: Thursday 11 July
From: 0900hr
To: 1700hr
Involve
20 Broadwick St
London
W1F 8HT
Event Overview
Lorem ipsum dolor sitmet,
consectetur adipiscing elit.
Sed gravida, dolor quis
viverra interdum, eros
turpis elementumquam,
vehicula vehicula nunc elit
quis massa. Etiam ultrices
ornare rhoncus. Proin eget
Agenda
0900 - 1030 - Meet and Greet
1100 - 1300 - The future of mobile:
1300 - 1400 - Lunch
1400 - 1700 - The future of
tap
Register for Event
Event Floor Plan
Event Branding
10.1
10.4 Event Map
Tapping on this button if available will open up a PDF Event
map.
10.5 Slide Interaction
The user can slide through the months of the calendar by
sliding from left to right or right to left.
10.5
Add to iCal Show in Maps
11.0 Images Screen
Images are sorted into chronological order with the
newest items being at the top.
The user can scroll vertically on this screen to get to the
older items.
11.1 Layout
Images will always be displayed in 3 columns.
11.2 Auto Load
When the user scrolls to the bottom of the screen new
images will be auto loaded. This bar will be displayed
whilst they are getting loaded.
11:27 AM
ImagesHome
This is a description of the images above,
this can be as long or as short as your
want. Cool eh?
http://source2.com Yesterday
Loading more images
11.1
12.0 Image Screen
The image screen will display the image full size, the user
will be able to manipulate the images using rotate, pinch to
zoom and double tap as with the native iOS photos app.
12.1 Share Button
The user can share the item using iOS7's new share bar by
tapping in this button.
11:27 AM
ImageCategory Two
tap
http://source2.com 1st July 2012
This is a itty bitty description.
9.1
13.0 Video Screen
The video screen will display all the available videos in#a#2#
column#list#being#from#le2 to right.
Each video will display the title above the date of upload,
the menu will be vertically scrollable, pre loading video
thumbnails every 10 to 12 items.
13.1 Video Thumbnail
The video thumbnail is a still image taken from a part of the
video.
11:27 AM
VideosHome
Video title. A longer video title.
Oct 1st 2012 Aug 18th 2012
Video title. A longer video title.
Oct 1st 2012 Aug 18th 2012
Video title. A longer video title.
Oct 1st 2012 Aug 18th 2012
13.1
10.0 11.0
12.0 13.0
11.2
12.1
10.2
10.3
10.4
Share
6. iOS7 iPhone App
iPhone Wireframe 14 - 18
Tue Jul 30 2013
Creator
Modified
Andrew Scott | hello@thisisstimulate.co.uk | www.thisisstimulate.co.uk
6 / 8
15.0 16.0 17.0
14.0 Video Article Screen
The technology article home screen is sorted with the
newest articles situated towards the top of the screen,
articles are downloaded in chunks, when the user
scrolls to the bottom of the screen new articles are
automatically loaded.
14.1 Large Video Thumbnail
Tapping on this video thumbnail will stream the video
via the youtube player app.
14.2 Video Information
The article consists of:
• Article title, which can be on 1 or 2 lines.
• The article source and the duration since upload on the
same line
• Article Description
14.3 Video Carousel
The video carrousel will display the next videos these
can be quickly tapped taking the user to that video
screen without the need to go back to the video wall
screen.
11:27 AM
VideoVideos
A longer video title.
Aug 18th 2012
Lorem ipsum dolor sitamet,
consectetur adipiscng elit.
In porta mattis rhoncus.
Vestibulum sodales metus
at purus hendrerit, eu dk
consectetur adipiscng elit.
In porta mattis rhoncus.
This is an example of an article title.
http://source.com 20 minutes ago
A longer video title.
Aug 18th 2012
A longer video title.
Aug 18th 2012
A lo
Aug
Lorem ipsum
do loritam
Lorem ipsum
do loritam
Lo
ri
14.1
14.3
14.2
15.0 Social Media Screen
The user can go to any of the social media connection using
an in app web view, this keeps the user in the app.
15.1 Social media Button
Tapping on the social media icon will take the user to that
social media site using an in app web view, the user can
browse and connect with them if they wish.
11:27 AM
Social MediaHome
15.1
11:27 AM
Sign UpHome
Full Name
Email Address
Show Password
Password
Sign up using Facebook
or
Sign Up
11:27 AM
Sign UpHome
Andrew Scott
Full Name
andrew@email
Email Address
Show Password
Password
Sign up using Facebook
or
Sign Up
Good, you're human!
This is not a real email address! :(
11:27 AM
Brochure RequestHome
Your account has been activated,
you will shortly receive an email to
confirm! Thanks!
Back to the home screen
14.0 18.0
16.0 Sign Up Screen
Users can sign up to the app, allowing them to keep their
settings across multiple devices, this also allows the user to
log into the website associated with the app.
16.1 Facebook SSO
Tapping this button will instigate the Facebook Single Sign
On API
if successful the user will be logged straight into the app.
16.2 User Details
The user can alternatively add their own details and sign up
manually, here the user has to enter their:
Full Name
Email Address
Password
16.3 Show Password
Turning this switch on allows the user to check their
password before submission, it is on by default.
16.4 Sign Up
Once all the user credentials have been entered they can
tap here and submit their details using the API.
17.0 Inline Validation
Each entry is validated to check the contents before
submission.
Green indicates the correct input has been entered
Red indicates that the wrong information has been entered.
18.0 Success Screen
Once submitted the app will receive a response informing
the user if they have been successful, this screen will be
displayed when successful.
18.1 Back to Home Screen
The screen will automatically take the user through to the
home screen after a few seconds, this allows the user to
override that function.
16.1
16.2
16.3
16.4
18.1
7. iOS7 iPhone App
iPhone Wireframe 19 - 23
Tue Jul 30 2013
Creator
Modified
Andrew Scott | hello@thisisstimulate.co.uk | www.thisisstimulate.co.uk
7 / 8
20.0 Google + In App Webview Screen
19.0 20.0 21.0 22.0
19.0 Settings Screen
The settings screen allows the user to make changes to the
app settings.
19.1 Social Media Connect
Tapping on the social media connect options will either
connect seamlessly using the built in iOS functionality, if this
is not available then the user will be taken to a web view log
in as seen in 22.0
19.2 Push Notifications
This will turn push notifications on or off.
19.3 Screen Links
The following links will take the user through to their chosen
screen.
19.4 Logout
This will log the user out and take them back to the app
login screen.
21.0 Feedback Screen
The user can send feedback to involve admin team, this will
be done in the form of an email.
The email address is still TBC
11:27 AM
SettingsHome
11:27 AM
Google +Settings
23.0
Account NameFacebook
Account NameTwitter
Account NameLinkedIn
Google +
Push Notifications
Feedback
MediumFont Size
Terms & Conditions
Privacy Policy
Logout
Account Name
11:27 AM
FeedbackSettings
Name
Lorem ipsum dolor sitamet,
consectetur adipiscng elit.
In porta mattis rhoncus.
Vestibulum sodales metus at
Email
Comment
Submit Feedback
Email
Password
Sign in
Can't access your google account?
Create a Google account
19.1
19.2
19.3
19.4
Warning
Are you sure you want to logout of
the Involve App?
Yes, logoutNo, Cancel
Warning
Involve app would like to send you
push notifications, Allow?
Yes, AllowNo, Cancel
11:27 AM
Font SizeSettings
11:27 AM
T & C'sSettings
Terms & Conditions
Lorem ipsum dolor sitmet,
consectetur adipiscing
elit. Sed gravida, dolor
quis viverra interdum,
eros turpis elementumquam,
vehicula vehicula nunc
elit quis massa. Etiam
ultrices ornare rhoncus.
Proin eget quam ac nunc
dictum pulvinar. Aliquam
condimentum molestie tmpor.
Donec lacinia tortor vel
metus ornare tristique.
Nam feugiat nunc nonellus
ultricies, ut sollicitudin
orci semper. Mauris quis
euismod nisl. Cum sociis
natoque penatibus et
magnis dis parturient
montes, nascetur ridiculus
mus. Donec imperdiet nec
augue interdum imperdiet.
Proin viverra luctus
A B C D E F G H I J
K L M N O P Q R S T
U V W X Y Z
24.1
22.0 Font Size Screen
The user can change the size of the typeface within the
app, this will aid in easier reading of articles
NB this won't changes the size of the type in PDF
documents.
22.1 Slider
The user changes the typeface size by using the slider
horizontally.
23.0 Terms & Conditions Screen
This screen will display the Terms & Conditions.
8. iOS7 iPhone App
iPhone Wireframe 24 - 28
Tue Jul 30 2013
Creator
Modified
Andrew Scott | hello@thisisstimulate.co.uk | www.thisisstimulate.co.uk
8 / 8
24.0 25.0 26.0 27.0
24.0 Privacy Policy Screen
This screen will display the Privacy Policy
11:27 AM
Privacy PolicySettings
28.0
Privacy Policy
Lorem ipsum dolor sitmet,
consectetur adipiscing
elit. Sed gravida, dolor
quis viverra interdum,
eros turpis elementumquam,
vehicula vehicula nunc
elit quis massa. Etiam
ultrices ornare rhoncus.
Proin eget quam ac nunc
dictum pulvinar. Aliquam
condimentum molestie tmpor.
Donec lacinia tortor vel
metus ornare tristique.
Nam feugiat nunc nonellus
ultricies, ut sollicitudin
orci semper. Mauris quis
euismod nisl. Cum sociis
natoque penatibus et
magnis dis parturient
montes, nascetur ridiculus
mus. Donec imperdiet nec
augue interdum imperdiet.
Proin viverra luctus
25.0 Walkthrough Screen
On first time use, the user will be presented with 4
walkthrough screens which will show them how to use
the app.
These can be skipped.
To navigate through the screen the user can either tap
on next or a slide the screen horizontally.
NextSkip
x4
Articles
Brochure Request
Events
Images
Videos
Social Media
Sign Up
tap