Style guide: Sashimi

Logo:

Name: Sashimi

Navigation:  Home / Login / Classes(Content)/ Footer

Color scheme:

Typeface: 
Sashimi / Sashimi / Sashim

Block Diagram:

Wire frame:

Personas:

Undergraduate Student Persona:

John, an undergraduate student at Rutgers University, is currently in their first year. He is a perspective ITI major, but is not very good with technology. After coming from a high school that did not use any online websites for their grades or assignments, he has no prior experience using an online interface to organize his classes. He has issues navigating pages with lots of information, and finds websites littered with large amounts of paragraphs tedious and boring to navigate. He wants an easy way to access his information about his classes, and to navigate between his classes.

John will access the site to view the syllabus for his hardest class, after this he will look to see professor contact information. This will be easy for him to see, as it is on the site sidebar, and easy to access for all users. Then he will go down the list for his other classes and repeat the process. He can find the other classes in the header. For every class he will go through each of the tabs in the sidebar. To accommodate users like him, we made the site very visually appealing, and easy to navigate even for people who are not used to heavy technology based class structures.

Graduate Student Persona:

A Graduate student about 25 years old wants to view the syllabus and what is needed for class before his first day.  The graduate student also wants to know if there is anything due on the first day of class. The student also wants to have a perence to his classes so his current class for the semester is first priority. The student is a transfer student and is familiar with platforms such as canvas but not with Sashimi. The student is confused on how to he is able to access his classes online and organize them so he can receive notifications from his classes. The student is overwhelmed with work and does not have time to consistently check online for homework. He needs a website that can send him notification everytime a homework is due or if a professor sends out announcement.  The student must first log in with his rutgers authentication authorization and then once logged on, the student will see all his classes on the top bar, which are in the site tabs. To the left of the screen there is a vertical bar that offers more options on what you can do for that class virtually or ‘site’. The student must go on the tab ‘sites’ in order to click on the star next to the class to highlight as first prority.To the right hand of the screen are two boxes lined vertically the first box is for any messages either from professors or classmates. The second box is for announcements in case classes are canceled. The icon of Sashimi also directs the user to the home screen. The right corner is where the user can log on/off and change their settings. The student will have great use for the setting since they can specify their security preference and how the student want to receive the notifications whether it’s by phone or email. Since the student is a transfer student and is not familiar with the platform whatsoever, there should be a tutorial option that new students can benefit from so they can learn how to navigate Sashimi.

Professor Persona:

Professor Dumbledore, is an instructor at Rutgers University and has been teaching here for year. He is an instructor in the Music Department. Despite all these years of working at Rutgers, he is not tech savvy and has trouble navigating through websites that are not self explanatory. He has been primarily using written notes in class but recently, most of the classes have created notes for students to access when they couldn’t come to lecture. Due to an influx of absences from both the students and the professor, Professor Dumbledore assumed that the best way to accommodate his students was to upload the notes onto Sashimi. In order to address this problem Sashimi has a file sharing system that allows the professor upload the notes to Sashimi. The professor could go into the Notes/Syllabus Link that is in the Navigation bar. Then this link would show all of the documents that have been uploaded along some description about the document such as the name, the size, the date of upload, and type of document. Under that there would would be a button that says “File Upload”. When the professor clicks the button, a pop up appears showing the file directory allowing the professor to choose the file from the computer. Once the professor has picked the file, he would end up clicking the “Open” button which would upload the document onto Sashimi. This document is then uploaded and the student is able to see it and download it.