SVSU Cardinal Events App Graphic User Interface
TABLE OF CONTENTS: 4, 5 ABOUT........................................................................................................................ 6, 7 CONCEPT................................................................................................................... 8, 9 ICONS........................................................................................................................ 10, 11 COLOR AND TYPE THEORY.......................................................................................... 12, 13 PAGES....................................................................................................................... 14, 15 ADD EVENT................................................................................................................ 16, 17 CALENDAR................................................................................................................. 18 MAP/ NEAR ME.......................................................................................................... 19 PHOTOS..................................................................................................................... FAVORITES................................................................................................................ 20, 21
SVSU CARDINAL EVENTS APP | 2
3 | SVSU CARDINAL EVENTS APP
ABOUT The app that was created during my Graphic User Interface class at Saginaw Valley State University is called SVSU Cardinal Events. There was a lot of discussion on how it was going to be decided on what we wanted to do. We thought of various apps like a mail tool, maps, and many more. We finally narrowed it down to an event app that would showcase various events going on at Saginaw Valley State University. This app would have many features that would be useful for the student body at SVSU.
Cardinal Events
SVSU CARDINAL EVENTS APP | 4
CONCEPT The next step in our process was to come up with different concepts that would be beneficial in making the app run smoothly. We thought up of a written concept on what we wanted to do. This also discussed how we wanted the app to look like as well as function. We also did a lot of research of different apps and what makes them stand out and work. During this step I interviewed different people to see what they thought of for the app. This gave a lot of information that was very beneficial. During this step I also created a site map. This map gave out very detailed instructions on how everything would work. Like when you click on a button, it would show what it would do during that situation. This also showed how many pages there would be and how it would flow together during the app. Our next step was to come up with a lot of sketches on what we wanted the app to look like and function. During this step we came up with different icons, colors, and text. There was a lot of work with this to see what would work the best. Our next step in this process was to come up with a lot of different computer sketches that were designed on Adobe Photoshop and Illustrator. The last step for this project was to put it all together and make it look the best that it can.
SVSU CARDINAL EVENTS APP | 6
7 | SVSU CARDINAL EVENTS APP
ICONS The app that I am working on has many different features. The features I have on this app includes an add event page, calendar, map, near me, favorites, and photos. The add an event page will include having a photo of the event which you can add yourself. It also includes having a button that you can add the event to a favorite’s page, as well as a map to show the event, photos, and a Facebook button to share the event. There is also key information that is included including where, when, and what the event is. I placed a back button to go on the home screen if lost too.
SEARCH
ADD EVENT
CALENDAR
NEAR ME
MAP
FAVORITES
PHOTOS
SVSU CARDINAL EVENTS APP | 8
9 | SVSU CARDINAL EVENTS APP
COLOR AND TYPE THEORY The colors that I chose for this app was blue and grey. I chose these colors because they were simple and went well together. The colors also make it very clean and well organized. I also wanted to keep it very simple with very basic logos and icons. The icons are all a grey color and are very simple. The icons are all around the same size and shape. There are only six icons that are being used during this app. There is also a search bar at the top of the home page to search for different events. This helps out a lot of people who are searching for a certain event. The main icon for this app is the cardinal head with the word “event.” This shows that this app is all about events going on during campus and will help students get involved with campus life. I also tried to keep it as simple as I could because than that way people would not get easily confused when using the app.
C: 0% Y: 0% M: 0% K: 100% R: 0 G: 0 B: 0
C: 100% Y: 26% M: 93% K: 13% R: 38 G: 58 B: 112 Helvetica Neue LT Std 85 Heavy Helvetica Neue LT Std 66 Medium Helvetica Neue LT Std 65 Medium
SVSU CARDINAL EVENTS APP | 10
C: 17% Y: 88% M: 99% K: 7% R: 194 G: 33 B: 98
C: 2% Y: 87% M: 35% K: 0% R: 245 G: 173 B: 61
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
11 | SVSU CARDINAL EVENTS APP
PAGES The typeface that is used for this app is Helvetica. This keeps it very simple for a viewer when using the app. It’s also very easy to read and looks good on the eyes.
SEARCH
CALENDAR
MARCHING BAND
SVSU MAP
OCTOBER SUN MON TUE
Information: Where: Harvey Randall Wickes... When:
November 9, 2013 @1pm
What:
Come out and watch the SVSU Football team during their home game against Northern University
PHOTOS
WED
THU
FRI
1
2
3
4
SAT
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
You are here!
October 15: 10 p.m. International Student Club Curtiss 100
CALENDAR October 15: 10 p.m. International Student Club Curtiss 100
FAVORITES
O
OT
PH
SVSU Football Game November 7, 1pm
October 15: 10 p.m. R.H.A. Meeting Curtiss Hall Alumni Lounge
O
Stardust Bowling October 16, 9am
O
International Food Day November 15, 10am
O
Music ‘n Motion November 25, 9:30pm
OT
PH
October 15: 10 p.m. Z.D.C. Meeting Curtiss Hall 128
Cardinal Events
SVSU CARDINAL EVENTS APP | 12
October 16: 9 a.m. Stardust Bowling
SVSU Hockey Game November 20, 7pm
OT
PH
OT
PH
13 | SVSU CARDINAL EVENTS APP
ADD EVENT The add event icon on this app is for adding an event on campus. This is a great way for students to advertise on campus where/ when/ what their event is. This page has many functions including a spot to add photos, link it to Facebook, and a placeholder for all of the other important information needed.
MARCHING BAND
Information: Where: Harvey Randall Wickes... When:
November 9, 2013 @1pm
What:
Come out and watch the SVSU Football team during their home game against Northern University
SVSU CARDINAL EVENTS APP | 14
15 | SVSU CARDINAL EVENTS APP
CALENDAR The calendar button will take you to a calendar page that will include events from that day on it. It will also highlight a day that you want to select to find out more information. This can be very helpful because then you can see everything that is going on during campus for a certain day. On the bottom of all the pages there is also an add event page, calendar, and a near me button.
CALENDAR OCTOBER SUN MON TUE
WED
THU
FRI
SAT
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
29
30
31
October 15: 10 p.m. International Student Club Curtiss 100
CALENDAR October 15: 10 p.m. International Student Club Curtiss 100 October 15: 10 p.m. R.H.A. Meeting Curtiss Hall Alumni Lounge October 15: 10 p.m. Z.D.C. Meeting Curtiss Hall 128 October 16: 9 a.m. Stardust Bowling
SVSU CARDINAL EVENTS APP | 16
17 | SVSU CARDINAL EVENTS APP
MAP/ NEAR ME
PHOTOS
The map icon on the app is to see what events are near you while you are on campus. This tool helps locate where you are and it shows a school map of the campus. The near me icon is to find out what is near you on campus. It’s like a gps where it will show you everything that is going on around you.
The photos button is for people to view photos from an event and to be able to post them on this app. It’s also another way for people to advertise their event by adding photos. People are more apt to look at a photo then read a lot of text.
SVSU MAP
PHOTOS
You are here!
SVSU CARDINAL EVENTS APP | 18
19 | SVSU CARDINAL EVENTS APP
FAVORITES The favorites button on the app is for people to add certain events as a favorite, or if they are going there. This can show people whether or not their event was a success and if you would like to go to that event.
FAVORITES
TO
O PH
SVSU Hockey Game November 20, 7pm
SVSU Football Game November 7, 1pm
O
Stardust Bowling October 16, 9am
O
International Food Day November 15, 10am
TO
Music ‘n Motion November 25, 9:30pm
OT
PH
OT
PH
O PH
SVSU CARDINAL EVENTS APP | 20
21 | SVSU CARDINAL EVENTS APP