app design

Initial ideas

• Calorie counter app.

• Newcastle club/bar map.

• Navigation App.

• Northumbria University re-design app.

• Blackboard App.

North East Transport Application Concept Design

Tim Crump. Nathan Davies. Emma Nicol. Serena Durante. Josh Ellis.

Identifying the problem

Current apps show ticket prices and timetables based on an ideal world.

In the real world – buses/ trains break down, are late, depart early‌

How can the traveller know when their chosen means of transport is going to be there in reality?

Our app sets out to solve this problem

!"#$%&'($&)$*"#$ +,"#-$./(($011/2'$'11/2#3$'44$/5$*&6 +%/2#$*1'2#((#15$&-$478(/9$*1'-54&1*$/-$*"#$ :&1*"$;'5*$*"#$<-&.(#=%#$&)$!"#$#$ *"#/1$875>*1'/->4('-#$/5$'-=$"%!&'($$*"#?$ '1#$'.'?$)1&@$9'*9"/-%$/*3A

!"#$%#&'($)*$("#$ +,"#-$.'//$0%%'12$2%%'1#3$244$'5$()6 4%)1'7#$'-*)%&2(')-$)-$5#%1'8#5$.'("'-$("#$ %#9')4%)1'7#$'-*)%&2(')-$)-$5#%1'8#5$2%%'1'-9$'-$ ("#$%#9')4%)1'7#$'-*)%&2(')-$)-$5#%1'8#5$7#42%('-9 *%)&$("#$%#9')-

User research

!"#$%&'( )*+,+ -

)*+,+./+0/1+.

23-2*.-*+.45,.

607.8.9:;.<:0=.

3.45,.,-0/.;7.3. ,=311.-0>7? )*+.-;=+.0<.-*+.

45,.3::;@31.;,.70-.

2+:-3;7???

!"#$%&'( )*+,+ -

)*+./0123/-*+/ -45+//6/78-/4,/-*+/ 78,/21/-*+/39./6/ 2:/*9,/4-/9;:+9<./ =21+> )*+./1++</ 8?6-26<9-+/ 41@2:59-421A

!"#$%"&'"()(%"*+ ,-./.

0

%11'.23-0'40'0-.'56/' /078'94:0.;'0-.'

488< =>>?'7@'2:20241'/6AB C.D<<< E..;/'@6A0-.A' F64:0402C.'/6AC.D

!"#$%&'$

()*+,-.,, /012304-0125365217+2)1-8-09,-:;

?=)/05-@1,,6A0+B +13/3604-/052,18 /36<-8-09,-CD

&,,<5-2)-9,2-2)-2=,9*/-)6-23/,-2)-21036527<,625>-

&,,<5-2)-520*-)6,52,E-0=,0<-)F-2=,40G>

Client Research

â&#x20AC;˘â&#x20AC;Ż Enter Serenas Letter/email

Appropriate technologies

The app uses existing tried and tested technologies,

Marrying Google maps with GPRS on the user s mobile phone and a gps location system within the bus/ train/ plane

This is simple, effective and easy to understand

Application UI Design Research.

Comparing current systems

Final Concept Data Flow Diagram

Before designing the visuals of an application, it is imperative to establish the flow of data, process and decisions.

Design goals

• Attractive

• Simple to use

• Flat hierachy

Prototyping

Final Design Concept