top of page

Google

Internship Design Exercise

A new school year is approaching and the orientation team is looking to you for some design expertise.

Option 1

Design an experience for new students to browse, search, and propose new student organizations. Provide your overall process, a wireframe flow, and one to two screens at higher fidelity.

Heuristic Review

RISD   CSI.png

I started with heuristic review of present website hosted for 

clubs and organizations by my college.

I used Jakob Nielsen's 10 general principles for interaction design.

Results:

  • Poor consistency

  • Higher user memory load on navigation

  • Redundancy

  • Non-efficient options (browse by alphabets, z-has no clubs)

  • Highly minimalist

​

​

​

​

[NOTE: I have assumed that the speculated scenario is happening in my university.]

Interviews

To understand more about orientation programs and where does student groups/organizations/clubs fit in it, I interviewed professionals.

"I did not attend that day of my orientation when ..... student club signing was on because back then I didn't think it was a big thing here..."

- Grad Student 

(2nd Year, RISD) 

"It is necessary that an institution follow C.A.S. norms for orientation programs"

- Marisa Iovino 

(Assistant director,

Orientation and New Student

Program, RISD) 

"I had so many things on my mind ..... orientation was a bit overwhelming, student groups was the last thing on my mind."

- Student 

(Sophomore, RISD) 

" Students don't usually engage in the clubs right away..... they take their time, there is some activity after first few weeks"

​

- Ashlie Norris 

(Associate director, Graduate Experience, RISD) 

"Usually the introductory programs related to clubs and organizations happens on the last day of orientation"

- Marisa Iovino 

(Assistant director,

Orientation and New Student

Program, RISD) 

The challenge was realized here:

​

New students are in general not interested in clubs at the beginning.

However, positive experience means more SEARCHING, BROWSING & PROPOSING of student organizations.

Strategy

rough work of strategizing

Flow chart of the strategy to generate interactions to encourage better involvement.

strategy.png

​

The elements of the strategy were based on

  • The need for interaction to achieve higher indulgence.

  • The highest standard of orientation set by Council of Advancement of Standards of higher education (C.A.S.) in the US.

The introduction of the student organizations  to the new students even before arriving on campus has an analogical effect to that of trailers in movies.

  • News letters

  • Posts on University Instagram account

Scope

Importance

  • Facebook link to student groups organizations

  • Chat options with seniors, orientation leaders and alumni

  • Listing the benefits to join the group.

  • Videos and pictures of student groups/organizations

  • Recognition and requirements of an existing organization

  • Cause or motto of a group.

  • Common symbols, colors, slogans or phrases.

  • Ratings of the groups and organizations

7

6

9

10

7

7

6

8

This rating system helps determine the distribution of  onscreen real estate as well as the elements that needs prominence in the design.

User Persona

student on samsung.png

​Mind set

  • Homesick

  • Shy

  • Excited bout new identity

  • Excited about prospects

  • Want to look cool

  • Happy about the acceptance

  • Buying mode

  • Overwhelming change 

  • Looking for fun

​

Gadgets

  • Mobile Phone + Laptop

​

Frequently Used Applications

  • Instagram

  • SnapChat

  • Facebook

  • Tinder

  • WeChat

  • Twitter

Name 

  • Julia

​

Age

  • 17 to 18

Catchy Phrase

​The catchy phrase to be used on 

  • News Letters

  • Welcome emails

  • Social Media Posts 

Make it yours.

Many phrases were put to poll, they are mentioned as follows:

​​

  • Make it yours.

​

  • You are the fuel.

​

  • Grow in unison.

​

  • Move ahead, together.

cahrt.png
structure.png

Structure

Introduction

Search, Browse, Propose

Wireframes

3 versions were user tested and improved in iterations.

Laying out all required assets
  • All the assets decided based on the strategy was put on screen to get a sense of all the required elements.

  • I wanted to capitalize on the familiarity aspect of primary users.

  • The information card style is decided based on the type of apps. or interaction our primary user group has.

Informatio cards conceptualization
v2.0 and v3.0 after user testing

High Fidelity Prototypes

Landing Page

bezel less black  apple-cinema-display M

Make it yours.

Clear White.png

Thank you,

I hope you liked it.

There is always more.

​

​

Enjoy your day.

Copyright Shrikant Ramanathan,

Dec,2017

bottom of page