APPLICATION (TECHNICAL PACKAGE)
WHAT IS IT? o2-de
20:56
100 %
Fish out of water
The fish out of water application is a way to setup your toolkit. The application can be installed on most smart phones. The application is not designed for tablets and the user does not need to interact with it while using the objects. This helps connect the user to the fish out of water service in case of any problem that the user faces with the objects. The simple and clean design of the app helps the user navigate through the setup process and access only relevant information regarding the service and the products.
WHY DO I NEED IT? o2-de
20:56
100 %
Fish out of water
1
Setting up the application allows you to connect to the three objects. This step is essential to make the information that is being provided by the objects relevant and meaningful to you. The objects come with individual SIM cards that connect to the Internet over cellular networks without the need for you to set up a wi-fi connection.
What devices can I use it on?
iPhone 6
iPhone 5/5C
Android Phones
WIndows Phones
Aspect Ratio
Aspect Ratio
Aspect Ratio
Aspect Ratio
16:9
16:9
4:3
15:9
Resolutions
Resolutions
1920 x 1080 pixels
1136Ă—640 pixels
Resolutions
Resolutions
1280x800 pixels
1280x768 pixels
KEY FEATURES
DOWNLOAD
SET PROFILE
CONNECT TO OBJECTS
App is available to download and install on the phone.
Enter the new city and the home city to connect to the right API’s.
Allow your phone to connect to the objects in order to send the correct information.
PILOT The pilot option helps the user ensure that the app and objects are working.
ABOUT Find out more about the products, and personal usage of the app.
SETTINGS Set reminders and register your personalized toolkit so the information can be accessed even if you switch phones.
... PROFILE Change/edit the city information or view personal usage statistics.
HELP
FEEDBACK
Frequently asked questions to help you resolve any issue.
Give feedback to help improve and develop the app and toolkit.
Content View (SETUP) Search bar Status bar
Drop down menu
ACTIVITY VIEW
CONTENT VIEW (ALERT) Alert message Status bar
Activity View
TEMPORARY VIEW
Content View (MENU) Menu Icons Status bar
Exit Menu option (Touch Sensitive)
ACTIVITY VIEW
UI ELEMENTS Drop down menu o2-de
20:56
100 %
ENTER YOUR CURRENT CITY
Exit
o2-de
100 %
20:56
Test
ABOUT
SEtTINGS
PROFILE ...
HELP
FEEDBACK
o2-de
20:56
100 %
o2-de
20:56
100 %
Fish out of water
Menu
1.
o2-de
20:56
Fish out of water
Menu
2. 3.
100 %
DESIGN LANGUAGE
o2-de o2-de
20:56
20:56
100 %
100 %
o2-de
100 %
20:56
FISH OUT OF WATER ENTER YOUR HOME CITY
PILOT
ABOUT
SETTINGS
PROFILE
... HELP
FEEDBACK
The application is designed to be clean and friendly so that the user can navigate through the functions with ease. The colours chosen for the app are comforting and minimal with simple interactions making the experience simple and easy.
# 9ed5cb
# ee9673
# edeedb
Fish out of water
# 5f605f
Weather Globe
Header: BEBAS NEUE (Regular)
Body Text: Museo Sans Regular
ABCDEFGHIJKMNOPQRSTUVWXYZ 1234567890
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890
Drop down menu bar
App Icon: 180px x 180px
MENU
Drop down arrow: 44px x 44px
Navigation icon: 60px x 60px
Menu Icon: 120px x 120px
Menu options: 80px x 80px
PILOT
ABOUT
SETTINGS
... PROFILE
HELP
FEEDBACK
DOWNLOAD + INSTALL
o2-de
20:56
100 %
o2-de
20:56
100 %
B The application can be downloaded by searching for the app, or by using the QR code that is provided on the packaging. Once the app is downloaded , there is a short setup process that needs to be completed before the user can begin using the products.
Wire
o2-de
A
20:56
100 %
o2-de
20:56
B This section of the document contains the wire frames of the interaction in the application. The wire frames highlight the key features and functionality that is present within the application and highlights the way the user would interact with it.
100 %
1. o2-de
20:56
100 %
Fish out of water
This is the application loading page that the user sees everytime the application is opened. The first step involves the setup, which is a one time activity.
2. o2-de
20:56
100 %
WELCOME! LET’s GET YOU STARTED.
Home-screen (Phone)
(3)
The setup screen. The user can choose to complete the setup process or exit the application and complete the setup later. The user cannot proceed to use the application without the initial setup process being completed.
3. o2-de
20:56
100 %
ENTER YOUR CURRENT CITY
(4)
Drop-down Menu
Standard search bar allows the user to search for the city he/she is in with the help of the drop-down menu or by simply typing the city in the search bar.
4. o2-de
20:56
100 %
ENTER YOUR CURRENT CITY (3)
Lon Lonavala, India London, England
Standard pop-up Keyboard The standard keyboard appears once the user starts to type the location. The user can choose to exit the application at this point by clicking on the back arrow.
5. o2-de
20:56
100 %
ENTER YOUR CURRENT CITY (3)
London, England
(6)
By selecting the city the user confirms the location and is automatically taken to the new page. The user can stop the setup process by clicking on the back arrow and exit the app.
6. o2-de
20:56
100 %
ENTER YOUR HOME CITY Lon (7)
Drop-down Menu
The user is prompted to enter the home city next, which is in the form of the similar interaction as before. The drop down menu can be selected by the click of an arrow or the user can start typing in the city in the search bar.
7. o2-de
20:56
100 %
ENTER YOUR HOME CITY (3)
Lon Ban Bangkok, Thailand Bangalore, India
Standard pop-up Keyboard
The standard pop-up keyboard appears once the user begins to start typing in the search bar. The user can choose to exit the setup process or go back step by clicking the back arrow.
8. o2-de
20:56
100 %
ENTER YOUR HOME CITY Bangalore, India
(9)
By selecting the city from the drop down menu the user is taken to the next step of the setup process. The user can choose to go back a step and edit the information by clicking the back arrow.
9. o2-de
20:56
100 %
RELOCATION IN PROGRESS
The application sets up the required connections with the API’s that it will be using within the selected cities. The user is asked to wait for a few minutes while the connections are established.
10. o2-de
20:56
100 %
Connect to your toolkit
(11)
(12)
The user is prompted to connect to the tool kit to complete the set up process. The user must complete this stage in order to use the objects.
11. o2-de
20:56
100 %
Connect to your toolkit
The toolkit cannot access your data unless you are connected.
Connect now
(12)
Remind me later
Exit Application
An alert message is shown to the user in case they decide not to connect to the tool kit. It is advised that to connect to the tool kit immediately in order to be able to use the products and have accurate information that is sent to them.
12. o2-de
20:56
100 %
The connection process may take up to a few minutes and the user is prompted to wait for the connection to be complete.
13. o2-de
20:56
100 %
Fish out of water
Menu
(14)
(29)
(31)
(30) This is the home-screen of the app. Once the setup process is completed the user will be automatically directed to this page every time they load the application.
14. o2-de
100 %
20:56
(13)
(15)
(19)
PILOT
ABOUT
(23)
(27)
SETTINGS
PROFILE
...
(28)
HELP
Connects to email
FEEDBACK
This is the menu page. The functions of the application is extremely basic and simple. The features present in the app help the user understand the toolkit and connect to the service and report any problems with the application.
15. o2-de
(13)
20:56
100 %
Select Object
Weather Globe
Currency Coin
Time-keeper
The pilot option helps the user ensure that the application and the objects are in sync. This function is to re-assure the user that the information they are getting is accurate. The pilot option also helps in reporting any issues that the user might face by clicking on the help option.
o2-de
100 %
20:56
16.
Weather Globe (28)
17. All good
HELP o2-de
100 %
20:56
Currency coin
o2-de
100 %
20:56
All good
Time-keeper
(15) All good
HELP
18.
HELP
19. o2-de
20:56
100 %
(14) (13)
TELL ME MORE ABOUT..
Fish out of water
Usage
Updates
The terms and conditions as well as the application version can be found on the about page of the application. The user can monitor the usage of the application as well as check for updates here.
o2-de
20:56
100 %
20.
Fish out of water Lorem ipsum dolor sit amet, eu modus postulant maiestatis eum, an essent postulant comprehensam his, inermis molestiae mea ad. Posse nostrum pro no, vis erat eleifend adolescens ex. In postea omittam vim. Ex debet dicit putant duo, vel simul dolores eu. Delicata eloquentiam eum ei, ne per suas omnes vulputate. An vim splendide adolescens. Error oratio recusabo ut nec.
21.
Cu nemore lucilius dignissim per. Quo choro tantas intellegam no,
o2-de
100 %
20:56
Usage
o2-de
20:56
UPDATE
Bytes sent
25.2 MB
Reset
Lorem ipsum dolor sit amet, eu modus postulant maiestatis.
Connects To App Store
15
Bytes received 43.8 MB
VERSION 2.2
Check for Update
Days used 100 %
Resets the data.
22.
23. o2-de
20:56
100 %
(14)
Settings
(13)
Reminder
Register toolkit
Diagnostics
Help
(15) (28)
24. o2-de
25. 20:56
100 %
o2-de
REMINDER
100 %
20:56
REMINDER
Weather Globe
OFF
07
Currency Coin
OFF
Currency Coin
OFF
Time-keeper
OFF
Time-keeper
OFF
o2-de
20:56
00
100 %
REGISTER
Enter Code
26.
27. o2-de
20:56
100 %
(14) (13)
It’s aLL ABOUT YOU!
Relocate
(3)
Days used
(21)
Feedback
The user can edit his/her profile in case of a change in location. The application also provides the user with the option to look at the number of days that the user has used the object for in order to get a time frame of how long it has been since they moved away from home. The feedback page connects to the email in order to give feedback.
28. o2-de
20:56
100 %
(14)
HOW CAN I HELP?
(13)
FAQ How do I get the objects to work? How do I reset the toolkit? How can I access my information if I have to re-install the application? Can I replace one of the objects in the toolit? How can I get in touch with you?
The help page takes the user to a list of frequently asked questions. If the user does not find what they are looking for, they can get in touch with the service. This will be through the users email.
29. o2-de
20:56
100 %
Weather Globe
Pilot
(15)
Reminder
(24)
Feedback
30. o2-de
20:56
100 %
Currency coin
Pilot
(15)
Reminder
(24)
Feedback
31. o2-de
20:56
100 %
Time-keeper
Pilot
(15)
Reminder
(24)
Feedback
ALL SET!
1
FISH OUT OF WATER MA INDUSTRIAL DESIGN Central Saint MArtins 2015