Assignment2 – Ryan Soussan

1. Observations:

All of my observations were from my history course in McCosh, taken on three separate days.

a.  I first interviewed a senior girl when class ended, and got permission to interview her when she got to class before lecture.  She got to class five minutes early,  and spent her time chatting and playing with her iphone.  She was sitting next to a friend, and played angry birds until lecture started.

b.  My second interview was with a junior male.   He got to class six minutes early, and went over the course syllabus for a minute, before checking facebook and espn on his computer for the rest of the time.

c.  My last interview was with a sophomore male.  He got to class two minutes before lecture and prepared a word document for class notes.  He waited the last minute silently for the teacher to start lecturing.

 

From my observations and questions I gathered the following:

– most students arrived before lecture started, and roughly half the class was there with 3-5 minutes until lecture.

– many people spent time on computers and iphones

–  people sitting quietly with notebooks out

– small percentage chatting

– lots of people looking around

Generally, people were either waiting for lecture, chatting with friends, or using a smartphone/computer to surf the web, check email, and use Facebook.

From my questions:

a)  Do you have anything specific you like to do before lecture?

– “I like to play games on my Iphone, and review notes for class”

–  “it’s a good time to check email”

–   “Not really, just unwind between classes”

b)  Do you have a smartphone or computer to use?

” I don’t bring my computer to class, but I have an Iphone”

“Yes, I like to take notes on my computer.”

” I carry my computer to class, I don’t use my smartphone much except for texts though”

c) Would you like something else to do before class?

“Yes, it can be a nice time to be productive but I am generally unoccupied for a decent amount of time”

” I don’t know, it’s not really that long, but maybe, it depends on what it was”

” Mmm, possibly, Facebook normally does the trick though.”

From my observations I got the feeling that people kept themselves happy before lecture, but had time for something else.  Many students have internet access, and classes generally tended to be divided between boredom, productivity, and entertainment.  From this, I decided to make ideas with utility and entertainment, while not being too intensive so students can relax before lecture.

2.  Ideas

I brainstormed with Bereket Abraham, Andrew Ferg and Lauren Berdick.

We came up with the following list:
1. A name game to get to know your neighbors

2. A talent show with students performing as they wish

3. Q and A with professor based on student’s questions and a voting system to choose the questions asked
4. A joke telling contest with students rotating telling jokes before class

5. An application video of what is going to presented during the lecture to give people an overview and draw interest
6. Crowdsourced music making, with each student getting to contribute a beat to a song that builds up until lecture starts
7. Current events shown that are related to the class, such as campus speakers, new books, important findings, etc

8. One tough problem that everyone collaborates on and if they get it then the entire class gets extra credit

9. Crowdsourced, collaborative art project that everyone contributes to until the semester ends

10. A personal blog for the class where students can post and view other posts as they wish

11. Professor or preceptor gets to prepare a story to tell the class during the day

12. Professor gives a brief summary / update of his current research or the state of his research field.

13. Riddle of the day that the class works together to solve

14.  Professor/preceptor gives potential interview questions for jobs or graduate school related to the field

15. Map application that shows shortest path to your next class from your current location, with a stop for food along the way

16. App for perpetually late students that provides a live audio broadcast of the first 10 minutes of large lectures

3.  Favorite Ideas

My two favorite ideas were the question and answer session with the professor, and the collaborative art project.  I chose the Q and A idea because it let students pick whether they wanted to be productivity or entertainment based on their questions, and did not require all of the students to participate so others could carry on activities they enjoyed more.  I chose the collaborative art project for similar reasons, since only interested students needed to participate, and because I thought having a final project that many people had worked on would be a neat touch to a course.

 

Pictures:

 

Q and A Ranker:

Q and A Homepage

Q and A Login

 

 

Q and A Past Questions

 

Q and A Question Submission

QA Flag

Q and A Flag Submission

 

The Q and A Ranker was made as a website.  Students enter their netID, and select their course to go to the course’s Q and A page.  From here, students use a reddit-style system to submit their own questions for their Professor, upvote and downvote other questions, and flag posts.  Posts can be flagged if they are offensive, already asked, or related to homework.  This is designed to keep questions interesting and make the session not turn into a homework session.  As well, students are listed next to their submissions to prevent offensive/or rude material.

Class Graffiti:

Class Graffiti Homepage

Class Graffiti Draw Page

Class Graffiti Update/History

The class graffiti idea is also a website, and students travel to the homepage for their course to work on a drawing project.  Students can contribute to the art, look at other’s recent submissions, and view the last year’s final work.  The drawing panel allows the student to pick colors and brush sizes from a panel, and add to the drawing wherever they want.

Testing:

For testing, I decided to go with the Q and A ranker website.

I first tested with a male student.  I gave him the login page and he followed that, and acted like he pick his course.  He then went to the homepage (which I gave him), and was initially confused, and wasn’t sure what to make of the arrows and questions.  He clicked on submission, and pretended to make his own submission.  He then went back to the homepage and looked at the questions again.  He clicked on an arrow, and realized it was a voting machine.  He than viewed the already asked questions.

When I asked him if he liked the website, he told me he thought it was a neat idea, but wasn’t sure if the Professor would have time to answer the questions.  He liked that people’s names were linked to questions, and also worried that it would turn into a homework session (I then showed him the flag option, and he agreed this would help prevent that).  He overall found that it could be useful for some classes, and agreed that he might use it if he got to class early.

 

For my next tester, I gave hime the login and then homepage, and he recognized the similarities to reddit.  He upvoted two posts and downvoted one and laughed, and then went to view older questions.  He then returned to the homepage and made his own submission.   Again, the user did not click the flag option.  When I asked what he thought of the site, he said he liked it and called it a “reddit site”.  He though he would use it, but was worried questions would get out of hand (I then showed him the flag option).   Overall, he found the site a little silly, but agreed it could be a nice way to pass time and commented that he would enjoy asking some of his Professors some questions.  He wasn’t sure Professors would agree to participate, or might be busy setting up for class, but said if they weren’t he could see it being a nice addition to the 10 minute break in between classes.

My last tester also drew comparisons to reddit, and was excited to use the site.  He logged in, laughed at the class selection, and went right to upvoting and downvoting posts.  He asked if he could click on the posts, and said that it might be neat to allow the user to submit information on what motivated them to ask the question to help convince others to up or downvote it.  He liked that he could see the net results of the vote next to the post.  He then went to view the past questions.  He went back to the homepage, and pressed flag, but then said that he didn’t think the post was flag worthy, so he tried to submit his own post instead.

The user enthusiastically felt that the site would be useful, and began to brainstorm questions he would ask his professors.  He said the site was simple and suited the idea, and he would use it for classes if he had time and wasn’t running late.

Tester submitting their post

Tester flagging a post for being offensive

Tester clicking to view already asked questions

Insights:

From my testing, I realized that there needs to be a way to make sure the Professor is on board with the website and answering questions before implementing the website.  This could come in the form of asking them what types of questions they are comfortable with and only allowing submissions of those, and giving the Professor an overriding power to delete posts before they can even be viewed for consideration by students.  Additionally, there may need to be more instructions for using the arrows.  Users who had frequented sites such as reddit immediately knew what to do when given the prototype, however other users were not sure how the voting system worked.  Colors would help make things more clear, but additionally more instructions or a help section on the website could be provided to help users unfamiliar with the format.  Another option could be to add the ability to provide text/a paragraph which motivated a users submitted question, that would be linked from the submitted question.  This would help students pick questions, and make up their minds if they are torn or ambivalent.  Testers seemed to like the ability to ask professors questions, and it appears that this website could be a viable option for the ten minute break in between classes.

Assignment 2

1. Observations

I conducted my observation over the course of 2 weeks by trying to pay close attention to everyone around me as I walked and waited between all of my classes. After a few days, I began to notice several trends. Many students (especially after 1:30pm classes and before 10 or 11am classes) used the 10 minutes in between classes to run off and find food. Many students also used this time to print (and sometimes finish) last-minute assignments. Once arriving in the classroom, most students spent their time surfing the web, or socializing with nearby friends. However, there were 2 notable social trends. 1) students generally didnt appear to use this time to meet new people, but instead to socialize within established circles of friends. 2) Students never really got involved in any large-scale social interactions with the entire class or the professor. Lastly, I noticed that the students who consistently arrived late always seemed a bit lost for the first few minutes after arriving to lecture, likely because they missed important introductory material.

2. Brainstorming

Collaborated with: Bereket Abraham, Ryan Soussan, Lauren Berdick

1. name game, get to know your neighbor

2. talent show

3. professor story time

4. joke telling contest

5. applications/videos of what your are going to learn in order to generate interest

6. crowdsourced music making. everyone gets to contribute a beat to a song, entire thing gets compiled

7. Current events related to the class. Example, speakers, new books, important figures, etc

8. One tough problem that everyone collaborates on and if they get it then the entire class gets extra credit

9. Crowdsourced, collaborative art project that everyone contributes to

10. Personal subreddit for the class.

11. Class votes on interesting questions for the professor, i.e. about his work or life experiences

12. Professor gives a brief summary / update of his current research or the state of his research field.

13. Riddle of the day, Google interview questions

14. Map application that shows shortest path to your next class from your current location, with a stop for food along the way

15. Same as above map idea, only for bathrooms instead of food.

16. App for perpetually late students that provides a live audio broadcast of the first 10 minutes of large lectures

3. Favorite Ideas

1. Food map: My observations showed me that many students used their time walking between classes to grab some food, and this idea would be very useful if you need to grab a quick snack/meal in between classes by minimizing the walking distance you would need to travel to both grab a bite to eat and make it to class.

2. Lecture audio broadcasts: I noticed that late students would often look confused for a bit after arriving to lecture. This app would allow perpetually late students the opportunity to not be completely lost when arriving late to a lecture because they can listen to it while walking to class; additionally, because it only provides 10 minutes of audio, it  still forces students to go to class so it will not encourage skipping class entirely.

Photos and Descriptions of Prototypes

Prototype 1, screen 1This is the title screen of Prototype 1, FoodMap

Prototype 1, screen 2

This is the second screen; it is an interactive map that lets you choose the location of you next class.

Prototype 1, Screen 3

This is the final screen of Prototype 1; it shows a sample path from the current location (1938 Hall) to the next class at Wollworth, recommending Frist as the closest source of food.

A2_2

This is the welcome screen of Prototype 2, LectureCast, with the login screen for a PUID.

A2_3

This is the main screen of LectureCast, giving teh times until each of your classes, and notifying you if you are currently late for a class with an available audio stream.

Prototype 2

This is the play screen, which shows when LectureCast is playing a live audio stream of a lecture.

A2

This is the Schedule screeen of LectureCast, whic shows a Google Calendar styled calendar of each of your classes, including a bar showing the current day and time.

Notes From User Testing

Joe Margolies – Joe was a big fan of the concept of the app. He did not know immediately that the Schedule option on the Classes screen was the one available to be clicked on, and suggested that the darker tab should be the current selection. He intuitively noticed that the line on the schedule page indicated the current time, a la Google Calendar. His main complaint was the lack of additional functionality on the main Classes screen; he tried to click on all of the classes, and was disappointed that nothing happened. He suggested something such as Blackboard integration.

Greg Smith – Greg was a big fan of the simple home screen, because it reminded him of the PUID login screen, and felt that made it very intuitive. He was also a big fan of the displayed class times, as a sort of shortcut schedule. He was a fan of the simple design, and large buttonssaying they were easy to hit on a touchscreen while running to lecture. However, he wants more functionality, e.g. Blackboard synchronization, other academic information, just like Joe suggested.

Salvador Martinez – Salvador did not notice the Schedule button until much later on. He remarked when he finally clicked it that it was ambiguous whether the ‘Classes’ and ‘Schedule’ were descripive, or represented tabs. Sal was also the only person to notice a very obvious flaw: I forgot to include a signout button…. Lastly, he too was disappointed when there was no extra functionality, and suggested Blackboard integration.

Insights From Testing

Everyone seems to be a big fan of the app’s concept, but all wanted more from its implementation. Everyone I interviewed suggested Blackboard integration, and perhaps inclusion of powerpoints and other form of lecture materials. The GUI also needs minor improvements, especially the ‘Classes’ and ‘Schedule’ tabs, which most people did not recognize as a clickable option, and the volume control, which most users did not seem to try to use. Also, as Sal pointed out, the app obviously requires a logout button.

A2- Dale

Observations

1. Got to Phi203 Lecture about 5 minutes early. It’s a ~100 person class. The girl next to me is checking her email on her laptop, someone in front of me is checking on his iPhone. At least 40% of people here with computers are checking Facebook. Someone to the left of me is setting up the headings for the notes he’s going to take in this class. Lots of people are bringing up this week’s readings. Calendar-checking and updating is also popular. Students who walk into the classroom now are searching for their friends. Some of them are awkwardly squeezing past rows of people to get to middle-row seats.

2. My roommate, at 8:00 AM, getting ready to go to her first class. Me in bed, wishing she weren’t so loud because I don’t have class until 10. She is getting all of her books from the bookshelf, unzipping her backpack (which is really loud), stuffing in books and papers, trying to figure out if she forgot anything. She checks the weather and sees it’s raining, grabs her umbrella. Grabs her helmet, key to bike lock, and runs out the door.

3. Math 217, I just got to class. Professor is writing the first ten minutes of class on the board. He writes an outline of what we are going to learn, and also puts up a short description of what we covered last week in class. Math is a special lecture because professors need chalkboards or whiteboards (a projector isn’t good enough because they need to write math problems and solutions which is easier to do with a pen/chalk). Is there a way we could save him the time of writing all this preliminary info? He writes things on the chalkboard from his written notes, so there is no digital copy, and no way for students who missed lecture to get notes online.

Brainstormed Ideas

  • GeoTask – an app that alerts users to complete certain tasks based not on time or date but on location. Passing Frist? It will remind you to pick up that package you received.
  • InClass – never text your friends in class again. This app augments your phone’s contact list with “In Class” or “Not in Class” next to each contact’s name, and also offers a drop-down class schedule option.
  • 5 minute language-learning app that will present users a 5-minute lesson on a single word in a foreign language. Presents user with spelling/pronunciation challenges plus in-context use of word.
  • ClassFM – lectures are sent live over campus radio, so that when students are running late to class, they can tune in to the first few minutes on any radio receiver.
  • ClassCall – small seminars start the first 10 minutes of their class as conference calls, so that if you’re going to be ten minutes late, you can phone-in and be involved in the discussion
  • NoteInit – a note-initializing app that saves you the trouble of making a new word document each time you want to take notes in class. Auto-creates a file with proper heading, date, class, lecture topic, etc.
  • Food-ordering app. Order food from Frist from your iPhone, pay from your iPhone, and specify when you’ll pick it up. Then when you pass Frist, all you have to do is grab your food and go.
  • PathUnPack – GPS-enabled app that tells you the best path to take from class A to B by considering how crowded they are. Especially useful for bikers who don’t want to be stuck behind walls of walkers.
  • BikePath – bike-optimized GPS app, that tells you the best path to take from A to B without encountering steps.
  • Laptop-battery vending machine. Check out laptop batteries from vending machines with PUID for a small fee, return them within 24-hours. Useful for when you forgot to charge your laptop before lectures.
  • App that maximizes the amount of energy you can expend while getting from class A to B, i.e. suggests the path with hills, steps, etc. Suggests easy, 5-minute workout routines users can do along the way.
  • Interval Alarm – alarm that not only alerts users not only at the time scheduled but also gives users distinct 15 minute, 10 minute, and 5 minute warnings distinguished by ringtone (for use, say, when you wake up and are getting ready for class and want to know when you have to speed up)
  • TigerMunch – Check by dining hall where your friends are eating. Displays friends PUID swipe-in times for different dining halls.

2 Favorite Ideas

I like TigerMunch because sometimes I don’t necessarily want to text/call my friends to coordinate lunch in between classes, but I definitely might choose to go to one dining hall over another if I know lots of people there.

I like InClass because sometimes my friends will call me 2+ times while I’m in class to, say, ask me to have lunch, thinking that I’m simply ignoring them when really I just can’t answer because I’m in a small precept. If I could have my friends’ class schedules on-demand, it would be much easier to figure out when I should meet up with people/contact them/make lunch plans with them.

Prototypes

Photo Mar 01, 11 05 37 PM

Tiger Munch launch screen

Photo Mar 01, 11 05 59 PM

Scroll down to see who’s eating in Mathey

Photo Mar 01, 11 06 07 PM

Friends in Mathey, with sign-in times

Photo Mar 01, 11 06 38 PM

Who’s eating in Forbes today?

Photo Mar 01, 11 06 57 PM

Nobody. That is surprising.

Photo Mar 01, 11 07 25 PM

InClass launch screen in contacts list

Photo Mar 01, 11 07 32 PM

Scroll down to see more info.

Photo Mar 01, 11 07 49 PM

Kate’s class schedule, for the next few hours

User Testing

None of my users had a particular problem with figuring out the user interface or how they were supposed to use the app, but they did have really awesome ideas for how to extend TigerMunch. Originally I thought that users would “check in” when they get to a dining hall, but my friend David suggested it would be cooler if you could automatically be checked in when you swipe your PUID at a dining hall. This made me wonder if auto-check-in with GPS would be useful. Another user suggested I connect TigerMunch with Princeton’s TigerApp that pulls dining hall menus, so users could choose dining halls based on both friends and food. Photo Mar 01, 11 09 23 PMUser seems to get the interface…

[kaltura-widget uiconfid=”1727958″ entryid=”0_7f8wgh2h” width=”400″ height=”360″ addpermission=”” editpermission=”” /]

Assignment 2: 10 Minutes

1. Observations

These observations were divided into the three time stamps that were mentioned. It seemed that people in each category tended to behave similarly. Early people were bored or distracted. On time people were cluttered. Late people caused a distracion.

First (Early)

Group of four students arrived to class 6 minutes early. As soon as they walked in, one of them asked the professor where the handouts for lecture were (every lecture had several handouts). The one person passed the handouts to each of the people he was with. The four of them sat down in a row and three of them proceeded to talk to each other. One of them looked over the handouts. She scanned the handout with the lecture slides. She also looked at the other miscellaneous handout. She spent more time intently looking at this one. 1 Minute before class begins, she stops looking at the handouts and then proceeds to talk to her friends.

Second (On Time)

Lots of students arrived between 1 minute before class started and when it started. Large bottleneck for receiving handouts. There were two piles, but there was a flood of people in front of the professor. Some students proceeded to ask the professor questions about the previous lecture and about precept. Not very many people looked over the handouts. They picked them up and found their seats. One student in particular asked a question about the miscellaneous handout, but the professor told him to ask the question after class (other people had a similar question that was eventually addressed). In the 30 or so seconds from getting their handouts to sitting down and becoming alert, most people took a quick look at their cell phones. Some people immediately sat down and got on Facebook. Very few others were looking at the assigned homework online. One student was reading Piazza posts.

Third (Late)

One notable student arrived 8 minutes late to class. He walked in through the front-side door and ended up getting the professor’s attention. Without saying a word, the professor pointed him towards the handouts on the table. The handouts were actually no longer on the front table, but were instead floating around in a big pile. He asked someone near the front where they were, creating a minor distraction among the people in the front. Eventually, someone passed them down and he got the two handouts. Because he was looking for the handouts in the front center, he walked towards a seat up the center aisles in the lecture hall. Most people he directly passed seemed to be distracted by him. He even dropped one of the handouts, and someone had to pass it to him. He eventually sat down near the back. He glanced at the lecture slide handout and the miscellaneous handout and proceeded to put them both inside his folder.

 

2. Brainstorming

1.Time Table – An app that reads your GPS location and upon clicking where your next class is, will tell you how long it takes to get there.

2. Class Connect – Each teacher contains a cheap computer that creates a network that allows closed, quick, and uncluttered communication between all people with laptops in the class.

3. Prox Proof – Uses the NFC feature to tag yourself when you leave a class and enter a class. If you enter late and prox in, the professor can look to see when you left your class and where it was to prove it wasn’t your fault you were late.

4. Text Quest – On your way to class, you can text questions about the class to a certain number. The professor can decide to give special attention to frequently asked questions.

5. Running – Running late to a semi-small class? This app allows you to update your status. If the professor sees enough people are late but on their way, the professor might wait for you.

6. Weighing In – Arduino controlled scale in your backpack that measures the weight of your backpack in accordance with the time of your class. If you’re missing anything, it’ll let you know, along with how long it will take you to get your things from your room and get to class.

7. Piazza Video Link – On their way to class, students can vote on videos they liked on piazza to be projected during the ten minutes before class.

8. Meal Link – Fill in the times you’re available for lunch/dinner on your way to class and where you want to go. Your friends will fill it out too.

9. Optionalcept – If a class offers optional precepts, students can let professors know if they plan on attending via a touch screen device in the ten minute time span before class.

10. pclasschat.com/[class name] – Private chat website between students before, during, or after class. Allows inter-student communication to be much easier.

11. Traffic Flow – If people are clogging Shapiro Walkway, you’ll know with this app.

12. Late Meal, Ho! – Will you make it to late meal? This website will text you at the absolute latest time you have to leave a class to make it to late meal.

13. Veggie Collection – An app that compiles a list of all the vegetarian food offered during a given day and meal. Now you can be sure where you want to go in your ten minute time-frame.

14. iSlush – An app updated by the university and students. During harsh weather conditions, lets people know if walkways are slippery, etc.

15. Food Queue – Eliminates the waiting time to order food from a restaurant. If you can’t make dining hall hours, this app will place an order with eat24 so you can get your meal at the right time.

 

3. Choices and Choices

1. Class Connect offers an information hub for professors to carry around that can be taken to lecture of office hours (Raspberry Pi powered, for example). People can connect via wifi on a close network. I noticed that people were often copying exactly what the professor wrote on the lecture slides. The lecture slides could be updated real time, so people wouldn’t have to copy down notes. I also noticed that some people had common questions on class. People could post questions, and thumbs up or thumbs down them. A professor can look at this list and decide what to answer. In general, people seemed more preoccupied right before class and this offers a more engaging experience.

2. I’ve had my route to class blocked via construction or ice before and it took longer than normal to get to class. If I was updated before I had to leave for class, I could have planned my route accordingly. iSlush would send such notifications.

 


4. Paper Prototypes

The menus shown are the main menu, documents page, assignments, groups, schedule, and comments. These would all be accessed via a closed wifi network. Additionally during review sessions or office hours, the same hardware can be brought and a similar mechanism can be used. For example, during both lectures, review sessions, and office hours, people can post questions and they can get up voted or down voted. This provides an engaging class experience, that also allows people who arrive late to jump right in.

photo (7)

Class Connect. In the image, you can see the main menu that allows you to write a review on the class you just experienced, post a question, thumbs up and down other questions, create groups for HW/studying, download the lecture slides as they are updated, view what’s going to be covered in this lecture, and more.

iSlush would give you a map of the campus and highlight hotspots. Frequent travelers of a route would be able to comment on the conditions of the route on any given day. Push notifications can alert the user of an interference in their path. This would allow users to actively plan their route.

photo (8)

iSlush gives you an interactive map with hotspots. When you click on one of the hotspots, it gives you info pertaining to construction, safety, etc. The info is in the form of comments that are up voted or down voted.

photo (9)

Here is the interactive map with two hotspots — One by Woody Woo and one by Jadwin

5. Testing

The users seemed to naturally interact with the menu. They pointed and clicked and then the menu got updated. They navigated to the sections they desired, and gave comments. My task was to notice the ease in which they navigated and to listen to their comments on the sections.

Elliot Pearl-Sachs:

  • He was able to quickly understand the interface of the menu. He commented how he found the idea useful — he commented that his classes were spread out, so showing up late would’t be that much of an issue.
  • His first order of business was to rate the music class he just came from. He mentioned how he appreciated the professor’s lecture and wanted to give him five stars (since he couldn’t write on the paper!).
  • He commented on the simplicity of the comments section, mentioning the often times teachers ask for input on their lectures, but it’s relatively awkward going directly to them.
  • He then returned to the main menu and entered the comments page
  • He viewed someone’s question on the Hamiltonian and gave it a thumbs up.
  • He then navigated to the main menu again and to the groups section. He was easily able to select that he wanted to join the group with Olivia Wilde in it.
  • His main criticism was to include more information on the logistics of the class — actual links to the syllabus and such, not just trimmed down versions.
photo (3)

Elliot navigating to comments

photo (4)

Elliot giving the lecture 3 stars.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Michelle Lim:

  • Michelle also commented on the menu — she appreciated the simplicity
  • She first clicked on the documents. When I mentioned that this was updated in real time via the professor, she thought it would be useful since you no longer have to alter lecture slides: just wait for your professor to finish them.
  • Her first critique was the addition of an email feature. If you could email the updated lectures slides to yourself, it might be more manageable at home.
  • She navigated to the schedule and remarked on the importance of having “last lecture” “this lecture” and “next lecture.” She said that it not only allowed her to know which class to skip, but what the relative connection was between each lecture
  • She finally navigated to the comment section. She said that she thought this was the most important section, commenting on how professors appreciate feedback. She said that it would be a good idea to incorporate the thumbs up and thumbs down feature so professors know what to look at.
photo (5)

Michelle Posing and choosing Post Question

 

 

 

 

 

 

 

 

 

photo (6)

Michelle Rating the class with five stars

 

Rebecca Basaldua:

  • She first navigated to Group Create
  • Her feedback for this section was to assert that it might not have been necessary to have a study group, as people don’t really organize that way.
  • She then navigated to thew View Documents section
  • She said that this would be useful for easily organizing comments on certain documents. She said that in her problem sets, professors, often add additions to them. Piazza doesn’t really organize it this way.
  • She also liked the ability to post a question, especially in a big lecture. She said that she couldn’t really see anybody down voting someone, but definitely up voting them.
  • Again, she was the third person to like the ability to rate the lecture. She too said the feedback would be useful for the professors.
  • She also commented that this might be too much work on the professor. For example, would the professor be willing to constantly update the schedule section to give a summary of what was going to happen in lecture?
photo (1)

Rebecca navigating to create a new group for an assignment

photo

She ends up joining the group with Orlando Bloom

 

 

 

 

 

 

 

 

 

6. Insights

  • People seemed to really like the ability to give feedback, which is a good thing.
  • It was also commented that this was efficient and easy to use.
  • The ability to use a cheap Raspberry Pi as the central hub for each professor seemed like an interesting idea and people that I surveyed thought it could be useful too, as it could be taken to review sessions and office hours as mentioned.
  • I definitely have to be careful as to what is necessary and not necessary. For example, people don’t really meet with random people to make study groups. They might, however, for assignments.
  • I might also want to get rid of the thumbs down feature if it won’t be used.
  • The main insight however, lies in the connectivity. Students thought that this would be great if there would be a way to continue this work outside of the closed wifi network provided by the RPi. For example, if there was an email feature that allowed you to send yourself the updated lecture slides.
  • Another feature that people appreciated was the aggregation of updates on each assignment. You could see all the updates mentioned in one comment-like section.
  • Another recommendation was to include a chat service that spanned more than just uploading questions/comments and up voting them for attention.
  • Additionally, if this was online stead of a closed network, it would also allow the student who is late to familiarize himself with the outline of the lecture.
  • A good feature mentioned is the saving of paper and the ability for the late student to easily know all the handouts necessary.
  • Maybe the idea would have to span more than just a closed network. If it had an app, like Piazza, it would be great. The main difference though, is that there has to be that level of interactability. Piazza isn’t really used during class, while this project would sometimes require that.
  • Like the feedback from the iClicker, this project too can give real time status updates of the class, except more specifically.
  • Generally, users found this useful in some aspects more than others. For example, having a “previous lecture” and “next lecture” section might not be necessary, but a quick summary of what’s going on in “this lecture” generally seemed like a good idea.
  • The interface followed a simple menu and button format, and while not too extravagant, users indicated that with many features, simplicity was useful.

A2 – Connie Wan (cwan)

Observation

I focused my observation on two major settings, each of which involved more than 3 individuals interacting in some way.

At first, I spent some time observing the handful of students who are in both COS426 and COS436, which happen back-to-back on Tuesdays and Thursdays in the Small and Large Auditoriums, respectively. There is no class in the Small Auditorium after COS426, but there is class before COS436 in the Large Auditorium on Thursdays only. As a result, student behaviors differed between Tuesdays and Thursdays. On Thursdays, students generally gathered in the banana gallery outside the auditoriums and either worked individually on laptops, or chatted in groups at a normal volume. Most students checked their phones more than once, and occasionally a few would wander to the bathroom or water fountain. On Tuesdays, however, students generally entered the Large Auditorium early and sat either individually or in pairs, usually with laptops out. Students spoke in quieter tones, and there was less movement: students tended to stay put once seated. Two students in particular exemplified this behavior in that they consistently talked with each other between these two classes, but in different ways depending on their location and the day of the week: they spoke more loudly and with other students in the banana gallery on a Thursday, and they sat together and chatted quietly in the Large Auditorium on a Tuesday. When sitting down, the two students chatted over their laptops and some work they both had at the time, one for graphics and one for another unknown course.

I also spent some time observing masses of students attempting to cross the northern portion of Washington Street to get to/from class. Pedestrian traffic here is pretty predictable in its patterns, peaking a couple minutes after class ends and before the next class starts. At these times, there are typically dozens of people waiting at the light at a time, on both sides. When pedestrian traffic is heaviest, students tend to stalk holes in vehicle traffic and cross during, just before, or just after red crossing lights whenever possible. At times, this causes floods of students to cross illegally, holding up vehicle traffic. Also during these times, bikers tend to have trouble avoiding pedestrians, adding to the mess (especially since bikers must take more roundabout routes to avoid stairs at the northernmost pedestrian crossing). Of particular interest were the times just after class began, when students were clearly running late. I observed a particular student run to catch a crossing light, dash across after the crossing light was already red, then slow to a brisk walk once across, continuing on at a more leisurely pace. This seemed to be a common pattern for students running late.

Brainstorming

(Completed with Edward Zhang (edwardz))

  1. Somehow sync a mobile app with stoplights on Washington and Alexander, allowing people to check the light status at any time, and possibly to click the “wait” button from a certain distance away.
  2. Place simple security cameras with monitors (or just mirrors) outside classroom doors or in hallways. People love looking at themselves.
  3. Provide space and tables to allow for administrative activities (i.e. signing in, distributing handouts) to start outside classroom.
  4. Install ipod docks/speakers in waiting areas near classrooms that create “bubbles” of soft music that can’t be heard a few meters away.
  5. Strategically place tablets on stands/walls that have short daily math/trivia/etc. puzzles on them
  6. Program a timed phone silencer that turns the ringer on during waiting periods and off again during class based on calendar information.
  7. Rent scooters/bikes/etc. at unmanned stations around campus. Students can get and return vehicles at any station for small fee by swiping their PUID to open the vehicle locks at the stations.
  8. Create an app with an “I’m bored” button that starts a short game/convo with someone very nearby who is also bored. Should expire 1min before class.
  9. Install a terminal in each classroom that starts a short group game between classes, which any mobile device can join within that time window (imagine in-flight entertainment).
  10. Use sensors to track the number of students that walk into buildings and classrooms, for an idea of how traffic flows and what may be improved.
  11. Create a small portable fan/vent that diffuses/absorbs/counteracts the smell of any food you are carrying.
  12. Create a lightweight app that allows people to post a relevant status (e.g. “We’re [talking about final projects]/[complaining about workload] [at the front of the classroom]/[outside the doors]”).
  13. Display “Student(s) of the Day” profiles in classrooms,letting everyone associate a name with a personality and a face.
  14. Install a large floor display with interesting effects (e.g. lights up or makes sounds where stepped on) at a popular crossroads.
  15. Install large electronic white boards on walls that students can use for notes/games/graffiti/etc.
  16. Create a mobile app that shows a map of all available outlets on campus.

Prototypes

I chose to prototype ideas 1 (stoplight tracking) and 7 (bike/scooter rental). I chose the first because of the problem I saw with street crossing on campus, and because of personal experience with getting caught at a red light and being late for class as a result. The latter I chose because it presents some interesting security and economics questions to explore, and because I often find myself wanting a bike without the commitment of purchase or long-term rental.

Stoplight Tracking

Below is the concept sketch of a simple app that would provide students with the status and information about the two prominent stoplights on campus.

stoplight

From this, I created a paper prototype (shown below). It includes a full frame for each major screen in the sketch, along with cut-outs of the buttons and numbers, which are secured with scotch tape. This was mainly to facilitate quick changing of the screen’s state for user testing, without the need to create a new panel for each possible combination of the colors and numbers. It was made entirely using printer paper, washable marker, and ink pen, over the course of about an hour.

stoplight3

Bike Rental Stations

I started with a few sketches on what a single gate at a single station would look like, including both the gate itself and the interface used to rent a bike from it.
bikes

From this, I created a simple paper prototype of the interface only, which is designed to be informative and easy to understand. I used a larger sheet to represent the device itself, which would presumably be simple plastic with a place to swipe a card. The various screens themselves are separate, interchangeable sheets. The three major screens are shown below. Two screens are missing, primarily because the pricing and status format requires thought beyond the prototyping stage, as described below. Again, this prototype is made of printer paper, washable marker, and ink pen.

bikes4

Aside from the basic mechanism and interface for renting and returning bikes, there are three other major components of this system that I considered while designing it: convenience, security, and pricing. Addressing convenience is mostly a matter of determining where to place rental stations. I suggest a possible configuration below. Security is mostly concerned with ensuring that bikes are not stolen or destroyed, or if they are, it is possible to track down the perpetrator. With some careful planning, this should be possible using the information from a swiped PUID, and damages (and rental fees) can be charged to a student’s account. The actual prices require more research, but I feel a system with a small upfront fee and additional hourly rate would be appropriate. I initially considered a 10-minute grade period of zero cost, but this may encourage too much traffic at busy periods and prevent students who actually need the bikes from finding one.

Possible set of locations:

  • Dinky Station
  • Frist Campus Center
  • Friend Center
  • Dillon Gym
  • Rocky/Mathey
  • Firestone

User Testing

For the sake of user testing, I staked out a spot outside Forbes, where the stoplight on Alexander is not yet visible (about a 10 second walk away). Unfortunately, I could not do this at a time when students were actually rushing to class, otherwise I could never get anyone’s attention for long enough to complete the test. So instead, I loitered around the parking lot during my free time and accosted students heading toward Alexander, following this general procedure:

  • (beforehand) Choose a setting for Alexander: green-high, green-low, red-high, or red-low (where high and low indicate big and small numbers, respectively).
  • Introduce the user to their shiny new iPhone 5. Establish that they are late for class.
  • Give user about 10 seconds to take in the app.
  • Start counting down on the Alexander light and ask how they would react.
  • Change the color and/or number of Alexander and Washington and ask again how they would react.
  • Repeat for the other possible settings of color and number.
  • Collect any additional feedback.

I tested this with four individuals, choosing a different starting setting for each and varying them somewhat randomly throughout the test. I also, on a whim, flagged down a pair of friends to look at it together, to see how their interactions might differ.

The first key observation is that across the board, students understood the purpose of the app after looking at it for less than 10 seconds. This is actually in contrast to the short inquiries I made of my roommates based on the original sketch above — they took a long time to figure it out, even with the notes in blue. The addition of a title and the change in the button text are probably responsible for the difference, since they are more explicitly descriptive of their actual function.

The meat of the experiment revealed a key part of the users’ nature: telescopic vision. The individual users I tested fell neatly into exactly two categories: those who used the app to decide how fast the approach the intersection, and those who used the app to repeatedly push the “wait” button. These categories were robust for each user regardless of the current status of the light — button pushers would continue to push the button even if the light was green, and the others never considered pushing the button, regardless of whether they decided they would slow and wait for the next light. Users did realize they were expected to change their responses somehow as the settings changed; however, instead of changing what types of activities they would do, they focused on a change in the same type of action (e.g. walk slower or faster, or press the button more or less). One button presser was confused about the excessive number of questions, since he wouldn’t actually change anything and would have just continued pressing the button all the way across the intersection.

Lastly, there were a few significant holes in the way users interacted with the app. Almost all users focused explicitly on Alexander street, ignoring Washington entirely (although one button presser went ahead and pressed buttons for both each time). This clearly came from the bias of being 30 meters away from Alexander Street, so it was not surprising. Also somewhat unsurprising is that users completely ignored the “view schedule” option. This could be due to many things: having something counting down draws immediate attention, the schedules are not really relevant to someone heading toward the light (though perhaps it would be for someone waiting at it), and the “view schedule” button itself does not catch as much attention as the other pop-out buttons in the paper prototype.

In general, it seemed that users would be able to make fast use of this app, as it is clearly understandable and gets the point across. However, each user would tend to use it in a way that perhaps satisfies them the most, but may not be the most useful or effective way to use the app. Even so, there may not be much merit in catering the app to specialized needs or structuring it to encourage intelligent usage — in the end, it is meant to display a status (plus some helpful functionality) that users can use as they wish.

testing4

Observations:

Imagined languages:

Syntax class:

  • Discussing a problem from another class on the board. Illustrating “lim sup” as a bowl of limb soup.
  • Student 1 to Student 2 (referring to a print of an engraving on the wall): “If I told you this picture looked like you, would you be offended?” Ensuing discussion regarding gender of subject of said picture. Consensus reached that the only male in the room thought it looked female, while all three females thought it looked male. Initial question pointedly ignored by Student 2. Hasty clarification that Student 1 was not implying that the picture did look like Student 2. Emphatic declaration that said picture does not resemble said student at all.
  • Another student arrives and stares listlessly at book.

Brainstorm

  1. something to help you find the nearest bathroom/water fountain
  2. probability of falling asleep in the next class (brainstormed with Krithin Sitaram)
  3. optimal seat finding — climbing over other people is annoying and hard
  4. better pockets to avoid having to search for phone, which is super-awkward when sitting down
  5. another way to avoid making people climb at each other: make center seats of classroom more comfortable?
  6. something to tell you how long you have until the next class
  7. something to help you out with the primary pre-class activity, which seems to be gossiping about other students — oh wait, that already exists and it’s called Facebook
  8. something to avoid that “oh crap, did I have something due?!” moment
  9. something to start conversations with other students, to avoid the listless staring at book syndrome
  10. something to remind you of the names of students you *know* you’ve been introduced to, to facilitate #9!
  11. something to remind you why you’re taking this class in the first place, which would in turn motivate you to pay attention
  12. a sudden jolt of adrenaline — fear? terror? excitement? — doesn’t matter, anything to keep you alert and paying attention!
  13. you arrive and realize you don’t have your book — do you have enough time to run back to your room?
  14. hardest problem from your most recent problem set to think about while waiting
  15. an app that warns you when you’re about to say something socially inappropriate or awkward

I chose to combine 10, 8, and 6 into one “quick info about the class” app, that shows you how long you have until class starts, and then pulls Facebook profile pics of classmates and upcoming assignments from Blackboard. It’s quick, simple, and solves some real problems.

The prototype!

The starting screen.

 

“upcoming” tab, listing upcoming assignments and readings.

after user taps on “moby dick” item, it slides to reveal more options.

One of these options is a link to the wikipedia page, for the truly lazy!

Or if you want, you can go back to the main “classmates” tab and commiserate.

 

 

 

User 1: Erica.

  • found and tapped “upcoming” tab quickly
  • found “W” button confusing 

User 2: Brenda.

  • 2013-02-28 13.28.02 found “upcoming” tab quickly
  • 2013-02-28 13.28.31 it was hard to get users to just tap and not manipulate the prototype themselves!
  • 2013-02-28 13.28.51 “no no no! just tap it and I’ll make things happen!” (Brenda reads through the 250-page assignment with horror.)
  • 2013-02-28 13.29.48 Brenda also quite kindly (and unprompted) tries out all the functions, including the chat function, just to let me use all my index cards.

User 3: John.

  • does not own smartphone
  • waiting for Semantics class
  • confused by initial interface; “what do I do?”
  • eventually figured out which tab to press (“upcoming”)

Insights from testing…

About paper prototyping:

  • Simple actually does mean SIMPLE! Having complicated prototypes meant my users spent most of their time reading and playing with things, rather than using it to complete tasks. 
  • even if I can’t give them information about the task itself, the idea of paper prototypes is foreign to users, so it’s necessary to give them a quick run-down of how those work.

About the prototype:

  • W does not universally mean “Wikipedia”, as I thought it did.
  • Similarly, labeling something “pdf” does not actually mean “pdf of the assignment” to people.
  • “Upcoming” is not a good catch-all term for “assignments + readings + exams”.
  • I had considered making the clock element tappable (and link to a schedule), but no one even considered tapping it, so that would have been an unnecessary feature.

Assignment 2 – Brian Matejek

Observations
Professor Finkelstein – before COS 426 lecture on Thursday, February 28.
Professor Finkelstein showed a short video clip about font types to the class starting five minutes before class started. The clip was only tangentially related to the class in general, and not related to the current day’s lecture, and most people were not paying attention to the video. The majority of students were on their computers checking their email and Facebook. Students were not interacting at all with the material or the video right before the class. Some students were talking among themselves. Professor Finkelstein did not provide an introduction to the video, but rather just started playing the video before class started. In previous lectures, he has demoed applications on the projector of some graphics theory that we had learned. However, even then, since it is before class, most students are not paying attention. There is very little interaction with the course material in the few spare minutes students have before COS 426 lecture.

Various Students – 10 minutes between COS 426 and COS 436 lectures – Tuesday, February 26.
COS 426 goes from 1:30 to 2:50 in CS Building 105, and COS 436 goes from 3:00 to 4:20 in CS Building 104. Since the rooms are less than 50 feet apart, students that are in both classes have 10 spare minutes between the classes. Often, COS 426 gets out early and the students have even more spare time. Some students talked outside of CS Building 104, but there was a previous class still in session and one of the preceptors had to close the door. Some students went on their laptops in the 10 minutes to check their email, Facebook, and go on Reddit. I did not see any students looking at either COS 426 or COS 436 lecture slides. There is really very little interaction between the students and the course material that they are studying. Some students just stood around their next classroom looking bored with no one to talk to and nothing productive to do. Matt Dolan was discussing his HCI Project and brainstorming some people that he could interview for P2. Overall, most students were not very productive and the few students who were productive could definitely be much more productive.

Richard Lee – Tuesday, February 26
Richard had HIS 392 lecture in McCosh 62 and then had to walk to McCosh B11 for the precept of the same class. Richard took 5 minutes to walk to precept, although he could have taken a more direct route but decided to instead walk with his friends for a few minutes. When Richard finally made it to precept, he sat down and rested for the last five minutes before class started. He said that more rest time would be useful. I asked him what he does on days where he does not rest before precept. He said that he finds quotes for precept in the readings that he “may or may not” have read. Although Richard would have preferred to walk further with his friends, he did not know when he should start heading back to class.

PHI 340 Precept – last semester, every Tuesday
Although this observation was not this semester, I wanted to include it as a fourth because I was very intrigued by the problem that I saw. One student, Max, had class from 10:00 until 4:30 every Tuesday, with no breaks for lunch – every class started 10 minutes after the previous ended. My philosophy precept started at 12:30 every Tuesday. However, since Max did not have a lunch break, he would run to the dining hall after his 12:20 class, eat quickly, and show up to precept 20 minutes late. Although the professor understood, there is definitely a better way for Max to both eat and attend his classes.

Brainstorming
Collaborators: Mark Whelan, Mianna Chen, Richard Lee, Doug Stuart
Map based and social traveling applications:
1. A map that shows the quickest route to get to class, including cutting through buildings on campus
2. A friend based application to find out where friends are going to and from to walk together
3. An application that gives a path to minimize outdoor traveling time if it is cold or raining outside

Rest and timing based applications:
4. Voice activated alarm clock – wake up from naps when the professor starts lecturing
5. Application that sets alarms before classes that have larger breaks before starting (i.e. not 10 minutes) to make sure the student is awake and out of the dining hall
6. Application that makes sure the student has started walking towards class with enough time to arrive on time

Educational based applications:
7. A way for students to provide feedback to professors about the last lecture and a method for professors to look at the results on their phone and/or computer before the next lecture
8. A productive way to work on homework assignments in the ten minute intervals between classes
9. Application that allows a student to review the quotes and readings before precept
10. Top 10 news articles of the day summarized in paragraphs that take 1 minute or less to read
11. Audio notes of the last lecture while walking to class so a student can review the material while in transit

Social based applications
12. An application that outlines a student’s daily schedule for the day, possibly with time blocks allocated for particular homework assignments, group meetings, etc.
13. Application that allows a student to walk away from a class with friends but notifies the student when they should return back to class to make it on time

For students with no lunch period:
14. An application that allows the student to order food from his phone before 11:30, and pick up a sandwich package at Frist or the Center for Jewish Life to eat in the beginning of his next class
15. An application that says if any friends are coming from the dining hall so that you can ask them to bring you food in a takeout box
16. An application that looks at the free food list-serv and dining menus to determine the best dining hall or event to go to between classes to quickly grab food

Well being applications
17. Application that tells users where to store books around campus and when it is optimal for them to pick the books up to minimize the weight of backpacks
18. Some kind of physical or mental health activity between classes, or perhaps a nutrition application that teaches the student

Prototype Ideas
Ordering Food at Frist or CJL
Students who do not have a lunch either have to be even later for precept or skip lunch, and neither option is healthy or conducive for a good learning environment, which presents an even greater problem than wasting ten minutes when early to class.
News Application
Most students do not have time to keep up with current events at Princeton and this application would provide a simple and easy interface to give students the most relevant information on the top ten news articles in various categories.

Prototypes
Ordering Food at Frist or CJL
IMG_0282

Main screen on iPhone or Android

IMG_0283

CAS login screen to create accountability – students cannot order food and not pick up

IMG_0284

Pick up times are the possible 10 minute intervals between classes, ranging from 11:50 to 2:30

IMG_0285

There are four food options: Kosher, Vegan, Vegetarian, and None. Kosher food is picked up at the CJL while the other three options are picked up at Frist.

IMG_0286

Vegetarian Options

IMG_0287

Kosher and None Options (picked up at CJL and Frist respectively)

IMG_0288

Vegan Options

IMG_0289

Options for Drink

IMG_0290

Review and Submit Page – Changing location alternates between Kosher and Non-Kosher meals

News Application

IMG_0291

Main screen on iPhone or Android

IMG_0292

Different categories of articles a user can select

IMG_0293

Listed entertainment articles

IMG_0294

Listed science articles

IMG_0295

Listed culture articles

IMG_0296

Listed world news articles

IMG_0297

Listed politics articles

IMG_0298

Listed sports articles

IMG_0299

Individual science article, more links to main CNN (or other news network) article. Random returns a random article

IMG_0300

Individual culture article, more links to main CNN (or other news network) article. Random returns a random article

IMG_0301

Individual world news article, more links to main CNN (or other news network) article. Random returns a random article

IMG_0302

Individual politics article, more links to main CNN (or other news network) article. Random returns a random article

IMG_0303

Individual entertainment article, more links to main CNN (or other news network) article. Random returns a random article

IMG_0304

Individual sports article, more links to main CNN (or other news network) article. Random returns a random article

Prototype Testing

I decided to test the News Application

Mianna Chen
IMG_0305

Mianna enters the application

IMG_0306

and chooses to look at culture articles.

IMG_0307

She chooses an arbitrary article

IMG_0308

and is brought to the article page.

IMG_0309

She is confused about what “more” actually does – not specified well in prototype.

IMG_0310

She chooses to look at another category

IMG_0311

and looks at World News articles.

IMG_0312

She clicks on the random button

IMG_0313

and is brought to a random sports article. She wanted to get a random World News article or at least the Sports menu, not just any random article. Mianna is looking for an easy way to get back to the last article but there is none currently.

Cameron Henneberg

IMG_0314

Cameron opens up the application

IMG_0315

and selects culture from the list of categories.

IMG_0316

He chooses an article

IMG_0317

and is brought to the article screen.

IMG_0318

He does not like how random brings him to a completely random page and he thinks that there should be an easier way to go back.

Owen Daniels

IMG_0320

Owen enters the application

IMG_0321

and selects a random article.

IMG_0322

This brings him to an article on Culture.

IMG_0323

He then switches categories to sports

IMG_0324

and reads a new article.

Additional Feedback

Mianna Chen
“The random article generator should generate a random article from the same section or for the default sections page.”

She was confused about how to change articles without going back to the main page (not clear that one could swipe the screen to change the article).

She also asked about the “More” button, wondering what it exactly did. It was supposed to bring the user to the main article about which the summary was on.

Cameron Henneberg
“There should be a back button on the article.”

Cameron also believed that random should go back to the same category.

Cameron also asked what the button “More” does.

Owen Daniels
Owen also asked what the button “More” does.

Owen liked the idea of summarizing the article rather than linking to the whole article in the application. He says that he usually goes on espn over news websites because you can look at the score and know what happened. With news websites, there is rarely a synopsis.

Owen also showed me how some CNN articles have bullet points for the article, and said that if he were to read a CNN News article, he would look at the bullet points.

Insights for Future Development
It wasn’t clear that to cycle through the articles users should swipe the screen from left to right and vice versa. Similarly, it was not clear what the “more” button meant. Both of these insights shows that I need to work on not only the naming of the buttons but also on the directions for the application. People did not like how random selected a random article from any category. The two major suggestions were to either choose a random article in the same category or to go to the menu screen for a random category. The navigation between articles also could be improved by including a back button that will allow users to traverse through pages that they have previously seen. Users in general liked how the articles were summarized, and Owen showed me the equivalent in CNN, which could be valuable in terms of finding succinct summaries of the articles. Also, I had a few ideas about how I would revise the application in the future based on the prototype testing. Firstly, I would allow users to “like” articles, and in the future I would show articles that other users with similar interests liked. The random button would try to look for these types of articles of the same category as well.

A2: Tiger Tacos

Tacos

Observations
As someone who is five minutes late to everything, I thought it would be informative to arrive early to some of my classes and observe the foreign concept known as ‘waiting’. Professors Adam Finkelstein and Yael Niv offered interesting and unique examples of what can be done to improve the Princeton waiting time.

Adam Finkelstein, computer science

  • shows an entertaining video before lecture as people are walking in
  • people who are late don’t miss important material but early students aren’t bored
  • gives a five minute break in the middle of class and ends five minutes early
  • throws candy during class to people who ask or answer questions

Yael Niv, neuroscience

  • in every class, she invites five students to coffee with her.
  • ends class ten minutes early and takes those students to coffee before the next class
  • reviews previous material at beginning of class
  • frequent technical trouble with projector or mic could be addressed

Juan Albanell, sophomore

  • says that ten minutes is the “perfect amount of time if teachers end class on time”
  • suggestion: Make students ask questions at the beginning of class

Motivating Thoughts

“The constraints in a system are the rate-limiting step … and they ought to be the providers. In a private practice, things can only move as fast as the doctor-patient relationship.”

– Shortening Waiting Times: Six Principles for Improved Access, IHI.org

Though the above quote addresses the healthcare system and not education, there are some informative similarities and differences. The teacher-student relationship is still the rate-limiting step, but different constraints and liberties are placed upon the system. For one, classes are scheduled to begin and end at a certain time. Doctor’s appointments (except, say, psychiatrists) do not have this same endtime prescribed. Students struggle to arrive to class on time for a number of reasons, including the time at which the teacher of their previous class lets them out.

This establishes a sort of indirect relationship between teachers. If one professor’s lecture is running over, it causes students to be late to the next class, which causes that class to run over, and so on. Even if classes do not run over their allotted time slot, it is often the case that class is cut short of completion due to time limitations, and useful material is left uncovered or rolled over into the next lecture.

This is not to place blame on teachers for students’ being late—but it is an appropriate pain point to address. Like doctors, teachers are the “providers” of education, so changing the format of lectures could do more than changing students’ habits. In other words, students who are always late would not benefit long-term from any technology. Like the alarm clock, these technologies are quickly silenced and doomed to become stressful reminders rather than helpers. Teachers, on the other hand, can adopt simple changes and preparations that make better use of students’ time.

For example, if a teacher covers important logistical material at the beginning of class, some people will miss it and the material will eventually need to be repeated. It’s better to recap the last lecture or let students talk among themselves about the material while people come in. Maybe an optional self-quiz or group activity could be designed that encourages students to talk to people sitting around them.

At the same time, it’s important to address the quality of the teacher-student relationship, not just efficiency. Yael Niv’s solution is to end class systematically early and invite some students out to coffee every week. This means less time to go over lecture material, but more time spent with individual students. It also gives the rest of the students a larger break until their next class. Since the students she chooses are often ones that participate in class, it encourages students to come to lecture and speak up.

Brainstorm
In discussing the problem with other students and faculty, several types of solutions appeared. The first type of solution is to optimize the class selection process to reduce waiting and walking distance between classes. The second type addresses how teachers could work better within class time limits. The third is to improve the wait time vis-a-vis better teacher-student relations. The fourth is to provide new services that cater to students’ busy schedules.*

1. An upgraded scheduling system with travel time between classes to improve course selection and classroom assignment for both the registrar and students.

2. A modified presentation clicker that tells the teacher how many lecture slides they still have to go present, as well as how much time is left in class.

3. A heads up display on their laptop screen that performs the same role as above.

4. An app that allows teachers to push the remaining notes to students’ phones on the way out of lecture which they can view later in the day or while waiting for their next class.

5. A website called “Take a Teacher to Lunch” that helps students and teachers go to lunch before or after class.

6. A way for students to submit questions or discussion prompts to the teacher before class while they are waiting

7. A class-wide Wiki that students can update throughout the semester with their notes and comments. The entire class could collaborate to create a study guide or ‘course manual’ with help from instructors.

8. A study group app that helps you schedule times to meet with other people in your class and review material.

9. Just make the time between classes 15 minutes.

10. An app that tells you the closest dining hall to eat between classes.

11. An on-demand taco truck that will drive to meet students between classes at the location with the most requests made by phone during the last class.

Favorite Ideas
Ultimately, I decided to develop ideas #2 and #11. The improved presentation clicker is a simple idea with a tangible result, applicable in situations outside of just education. The crowdsourced taco truck, on the other hand, would integrate many different technologies at once and generate a lot of energy around campus—and provide an opportunity for classmates and teachers to grab a bite together after class.

Prototypes

I quickly designed a wireframe for a mobile app that would allow students to request the taco truck at their current location.

angle

The design shows a map with the user’s location, the taco truck’s location, and a single large button. The truck would be instructed to head to the location on campus with the most requests at the moment.
front

Below is the second design considered, a redesigned presentation clicker with a visual indicator showing how many slides are left in a presentation.
presenter

Testing 

IMG_0807IMG_0571 IMG_1698I brought the Tiger Tacos prototype to several students to get their feedback. 

It was clear from testing that people “got” the idea, but several important assumptions were challenged nonetheless.

When I presented the prototype to Gavin Cook, he proceeded to enact a scenario in which he called a friend and invited them to get tacos after leaving class, only afterward pressing the “I want tacos” button in the app. The other testers were likewise wary of how they would have time to pick up tacos between classes if they had to wait for a truck to come.

This is informative: it means that the design did not convey how the app would work in reality—the user would likely have to send a request during class so that the taco truck has time to relocate. This could be better conveyed in future designs. Overall, though, feedback was positive and encouraging.

* Collaboration included discussion with Momchil Tomov, Shompa Choudhury, Nathan Eckstein, and Professor Zschau.

Assignment 2 – Andrew Boik

1. Observations

Observations were conducted outside near Friend Center and the COS building, in the Architecture building while waiting for COS 461 to start, and in Woolworth 106 before the start of class.

Notes:

1. MUS314 Professor tries to hook up computer to projector and audio system – has difficulty getting everything set up correctly. This seems to be a common occurrence in many of my classes, and it seems to happen more often in specific rooms. Perhaps an app  explaining with instructions and troubleshooting for A/V setup would be appropriate here.

2. Student in COS 436 spends 10 minutes checking Facebook and email. This is a pretty generic use of time. An app that could enhance this experience by combining posts from multiple social networks and email, or summarizing and condensing the content into a few blocks short enough to read in 10 minutes would be appropriate. Or perhaps the student should really be doing homework in which case an app that encourages the student to work or prevents use of certain applications might be useful.

3. Student reads slides for today’s COS 461 lecture before it begins (in Architecture N101). This may be a good way to get a head start on the day’s class, or it may be a waste of time because the student needs extra explanation from the professor to understand what he/she is reading. Perhaps a better use of time would be to review the previous lecture’s material, and an app the lets users swap notes or tests them on concepts from last lecture could be helpful.

4. Student running to Friend Center late for class. This student may have lost track of time in which case an app reminding them to go to class could be appropriate. Maybe they took an inefficient route, suggesting a use for a shortest path directions app.

2. Brainstorming

  1. Desktop app to swap notes with classmates and review before class
  2. Mobile/web app to condense overview of news stories into a specified period of reading time (e.g. 10 minutes) for quick glance
  3. **Mobile app to digitize book/textbook using optical character recognition for reading on-the-go (i.e. going to class/ waiting for it to start), searching for text, and sending pages to friends
  4. Mobile/desktop game to wake up student’s brain to concentrate better during lecture
  5. Mobile/desktop app to provide feedback on lectures to the professor (could use the time before class to provide feedback on the last lecture or use it interactively throughout the lecture)
  6. Mobile study app to review key concepts from last lecture
  7. *Mobile app to let student know where their friends are sitting in a crowded lecture hall
  8. Mobile app to let student know how many seats are left in a lecture hall (to let them know if they need to hurry up to class or if they can slow down)
  9. Mobile/desktop app to calculate the time it will take a student to walk to their next class at their current rate using the most efficient route, letting them know if they need to walk faster or can afford to slow down/leave their current location later
  10. Troubleshooting app for audio/visual setup by a lecturer
  11. App that tells student whether or not they should go to class based on factors such as importance of material in lecture, student’s current workload, weather, student’s ability to stay awake in class, proximity of exams etc.
  12. App that allows teachers to remind students of any materials they need to bring to class
  13. App that delivers the best cat videos of the day to students for viewing before class
  14. App that annoys you if you try to do anything but homework while the app is running
  15. Mobile app that allows you to take pictures of people around you, find their name and Facebook stalk them

3. Ideas Chosen For Prototyping

My favorite ideas were the app to digitize textbooks and the app to let students know where their friends are sitting.

I liked the textbook app idea because sometimes I wish I had my a few chapters of my textbook as a reference before or during class, but I hate having to carry a heavy textbook around.

I liked the find your friends app because a student could determine where their friends are sitting ahead of time, and if a student is late to class they can go straight to where their friend is upon entering the hall without having to spend time looking around.

 

4. Photos & Descriptions of Prototypes

Prototype 1 – Book Digitzer

Photo 2013-02-28 02.56.52

Upon opening the app, the user sees a screen with the digitized books currently stored by the app. In this case, there are none, so a button to add a new book is all that is displayed.

When the user presses the add button, a screen is displayed with options to edit the title and author of the new book and options to digitize the book with a smartphone camera or import it from a photo library.

When the user presses the add button, a screen is displayed with options to edit the title and author of the new book and options to digitize the book with a smartphone camera or import it from a photo library.

In this case, the user presses the edit button next to the title and types in the title.

In this case, the user presses the edit button next to the title and types in the title.

This is the screen displayed after user presses the “Capture book with camera” button. Users can use the camera display to take photos of each page. Users can also edit the page number in the box below the camera button.

This is the screen displayed after user presses the “Capture book with camera” button. Users can use the camera display to take photos of each page. Users can also edit the page number in the box below the camera button.

The user must wait for optical character recognition to complete and digitize the book.

The user must wait for optical character recognition to complete and digitize the book.

Now we are back to the main menu where a button for the new book is displayed.

Now we are back to the main menu where a button for the new book is displayed.

Upon pressing the book's button, the user is presented with a book menu that has several options: read the book from the beginning, select a chapter from the chapter list if entered by user (feature not shown), search for terms, or send all or part of the book to a friend.

Upon pressing the book’s button, the user is presented with a book menu that has several options: read the book from the beginning, select a chapter from the chapter list if entered by user (feature not shown), search for terms, or send all or part of the book to a friend.

This is the book viewer screen with buttons to return to the book menu, go back a page, go forward a page, and search for terms on the page.

This is the book viewer screen with buttons to return to the book menu, go back a page, go forward a page, and search for terms on the page.

This is the search screen where the user is search for the word ‘serial’. A list of pages on which the term appears and a brief context in which it appears are displayed.

This is the search screen where the user is search for the word ‘serial’. A list of pages on which the term appears and a brief context in which it appears are displayed.

This is the sharing screen, where the user can send the entire book or a range of pages to a friend via email. Other possibilities could include sharing through social networking sites such as Facebook.

This is the sharing screen, where the user can send the entire book or a range of pages to a friend via email. Other possibilities could include sharing through social networking sites such as Facebook.

Prototype 2 – Friend Seat Finder

The main menu screen is displayed here. Users can press “find seat near friends” to access the primary functionality of the app, press “friends” to display a list of their friends, press “My profile” to display their profile with options for editing, and “Choose school” to select from a list of schools for which the app is designed for.

The main menu screen is displayed here. Users can press “find seat near friends” to access the primary functionality of the app, press “friends” to display a list of their friends, press “My profile” to display their profile with options for editing, and “Choose school” to select from a list of schools for which the app is designed for.

This screen displays the user’s profile with fields for name, class, major, and schedule. There is also an option to have a profile picture. Depending on the school chosen by the student, editing schedule will present a list of classes currently being offered that semester that the user can add to their schedule.

This screen displays the user’s profile with fields for name, class, major, and schedule. There is also an option to have a profile picture. Depending on the school chosen by the student, editing schedule will present a list of classes currently being offered that semester that the user can add to their schedule.

This screen displays the user’s list of friends. People in this list have installed the app on their app or desktop and have accepted the user’s friend request. Users can click on a friend to view their profile, and add/remove friends by selecting the friend from the list and pressing the ‘+’ or ‘-’ buttons, respectively.

This screen displays the user’s list of friends. People in this list have installed the app on their app or desktop and have accepted the user’s friend request. Users can click on a friend to view their profile, and add/remove friends by selecting the friend from the list and pressing the ‘+’ or ‘-’ buttons, respectively.

This screen displays a friends profile. The friend’s name, class, major, profile pic, and schedule are displayed.

This screen displays a friends profile. The friend’s name, class, major, profile pic, and schedule are displayed.

This is the add friend screen. Friends can be invited via email, selected from a list of contacts, or invited through Facebook or Google+.

This is the add friend screen. Friends can be invited via email, selected from a list of contacts, or invited through Facebook or Google+.

This is where the action happens! SeatFinder keeps track of your schedule, and when it is almost time for class the app will display a map of the room in which the class is being held. The user can broadcast to their friends where they are sitting by clicking on a part of the seat map. The location of their friends is represented by a pin with a picture of their friend above. The total number of friends in class is also displayed under the map.

This is where the action happens! SeatFinder keeps track of your schedule, and when it is almost time for class the app will display a map of the room in which the class is being held. The user can broadcast to their friends where they are sitting by clicking on a part of the seat map. The location of their friends is represented by a pin with a picture of their friend above. The total number of friends in class is also displayed under the map.

 

5. User Testing

Notes:

User testing was done with the textbook digitizing app.

Testing was conducted with four users in various locations: two eating clubs, a room in Frist, and a dorm room. Users were all seniors majoring in Physics, Computer Science, or Ecology and Evolutionary Biology. Users were given a brief description of the app’s purpose, but no instructions on navigating the interface.

One user noted that there are apps similar to this, such as Genius Scan. However, it was noted that this app would also do optical character recognition and index terms to allow for advanced search capabilities.

Overall, users navigated successfully through the interface and used the prototype for its given purpose. Some users were confused as to what some of the screens were – for example, the screen that allows users to read through the textbook.

One user was confused by one of the buttons – the add new book button in the first screen – saying the design reminded them of the Red Cross.

Pictures:

Photo 2013-02-28 02.56.47

Liz scans a page of her textbook and sends it to Amma.

Photo 2013-02-28 02.56.40

Amma forgot her textbook, so the pages Amma receives are very helpful for reviewing before class.

Photo 2013-02-28 02.56.24

Sam scans pages from her notebook.

Photo 2013-02-28 02.56.19

Sam emails the pages to Ben.

Photo 2013-02-28 02.56.12

Ben receives Sam’s notes and is able to review them while eating.

 

6. Insights

Most of the confusions regarding the screens of the prototype seemed to be limitations of the prototype as opposed to a flaw in the app design itself. Perhaps text labels for each of the different screens will make it clearer to the user what the desired purpose of the particular screen is, although if used in an actual app I believe the screen’s purpose would be readily apparent.

The confusion over the button design may stem from the low-fidelity of the drawing and could possibly be mediated by ensuring there is corresponding text with every button.

A tutorial may also be helpful in reducing confusion of the user.

Most of the interface of the prototype is similar to countless other apps. The target market for this app, college students, are mostly familiar with smartphone apps. The test users are all college seniors from a variety of majors, so they are most likely a good representation of the target demographic. Their success in using the app shows there is a high probability that the target demographic will be able to successfully use the app.

A2: Gravi-Keys

Observations:

(MAE 305 lecture and HCI lecture) In the CS 104 lecture hall, the seats are tightly spaced. Frequently, those who sit on the sides of the lecture hall need to get up in order to let others through. This can be an inconvenience and is uncomfortable for those sitting in the lecture. Another observation I made was that many students who make the long walk to the CS building blow on their hands for warmth upon entering lecture. They do so in the 10 minutes before lecture in order to prepare for the note taking or typing they will do during the class.

(MOL 348 lecture) In this lecture, the professor asks questions to the class in the form of clicker questions. In the 10 minutes before class, I asked a student about any inconveniences she had experienced with the iclicker system, to which she responded “I forget my clicker all the time!” I then decided to observe the class for other students who have had the same problem. Sure enough, in the first 10 minutes, one guy dug frantically through his bag before letting out an exasperated sigh. Perhaps a better system could be devised.

(At ORF precept) I observed my preceptor as he walked into the classroom shortly before the start of precept. One thing I noticed was that, although he shouldered a laptop bag, he was holding a lot of things in his hands instead of placing them in the bag. Among the things he was holding were a textbook, notebook and Macbook. With all things out, he was able to set up for the precept quickly, but the walk to the classroom looked uncomfortable and potentially hazardous. He then proceeded to put some notes on the board and check the time.

(On the way to ECO 101 lecture) On the walk to lecture, I observed many people walking with a cup of tea or coffee in one hand, and a phone in the other. Activities on the phone varied, from making a call to sending texts. This is hazardous to phones, as dropping a phone while walking is a common occurrence and results in many broken screens. One girl I observed was holding a tall cup of coffee in addition to a set of notebooks while texting. She looked flustered as she struggled to type out her message.

Brainstorming: 

(Collaboration with Jae Lee)

  1. Hand warmer mats on desks, activated when they sense force
  2. Poll/attendance at entrance of lecture hall/precepts for classes that take attendance
  3. Poll/attendance at exit of lecture hall that discourages people from leaving early
  4. App that tells you where your friends are and if seats are occupied in a lecture hall
  5. App that has a map of the lecture hall that you can use to “reserve” seats for friends
  6. App that tells you outlet locations in lecture halls and if they’re currently being used
  7. App that lets bikers press the crosswalk button without getting off their bike
  8. App that wakes you when you doze off in lecture or even before the lecture starts
  9. A live chat app OIT that is accessible on all computers built into lecture halls
  10. An app that cancels odor when it detects that you fart or burp in a lecture hall
  11. A system that lets professors see what they’re writing from the back of the room
  12. A portable device that can project things clearly onto a blackboard
  13. A device built into a blackboard that erases it automatically from the previous class
  14. A system that allows for delivery from restaurants directly to your lecture hall
  15. A device that scrolls your phone by following the movement of your eyes
  16. A keyboard that condenses keys to whichever hand you hold the phone with

Favorite Ideas:

11. See what you write

I chose to prototype this application because it has the potential to benefit the overall learning experience of students, and because I wasn’t exactly sure how the system would work.

16. One handed keyboard

I chose to prototype this application because I wanted to get user feedback for it in hopes of both improving the details of its design and solving the problem that I observed in people walking to class while texting with one hand.

Prototypes:

Blackboard Visualization App:

Professors can use this app before and during lectures while they write on a blackboard using a camera from the back of the room perspective. The goal of the app is to allow for neater presentation of material and to make professors more conscious of how large they write on a board. Additionally, professors would no longer need to inquire, “can everybody see this in the back?”

Gravi-Keys:

The idea behind this app is that there is an external sensor that detects how many hands you are using to hold your device. If it senses that you are using one hand to type on your phone, the keys will automatically gravitate toward the hand. This decreases the area of each key and space between keys, but the idea is to allow for the reaching of far away keys, such as P and “Send” for the left hand and Q for the right hand. This makes texting while holding other things easier, especially for students going to class.

User Testing: 

I had users test Gravi-Keys. The feedback I received from the tests was tremendous and helped me improve upon many aspects of the design. Based on which hand the user was using to test out the design, I asked users to spell out a word on the screen using only one hand that would require them to stretch their thumbs.

Nora Chen:

Nora enjoyed all configurations of the application. Her small hands made it difficult for her to spell out words containing the letter ‘P’. She was the first to demonstrate that having the “Send” button on the right side of the screen greatly inconveniences left-hand phone users, and contributed to the initial design of just shifting keys by adding button shifts as well.

This user was able to text while taking a sip of her drink.

This user was able to text while taking a sip of her drink.

David Newell-Smith:

David was holding a drink while he tested. He had difficulty spelling out words containing the letter ‘Q’ on the regular configuration. He felt that the right hand vertical configuration made the keys too small, as his thumb was quite wide, but felt that the horizontal configuration was more promising.

This user realizes the difficulty of typing with one hand on the normal keyboard.

This user realizes the difficulty of typing with one hand on the normal keyboard.

Stephen Wang:

Stephen, like David, preferred to use the horizontal configuration over the vertical configuration. He said the smaller keys of the vertical configuration would have been an inconvenience, but the horizontal configuration suited him.

This user enjoys the benefits of the right hand horizontal configuration. He was satisfied with the results.

This user enjoys the benefits of the right hand horizontal configuration. He was satisfied with the results.

Oladoyin Phillips:

Oladoyin was able to successfully use the app while holding a book, which was something that many students did during my observations. She had difficulty typing out the word on the normal configuration, but benefitted from all shifted key configurations.

This user is able to text while holding a book.

This user is able to text while holding a book.

Nana Kwasi Boohene:

Nana’s long fingers made typing on the normally configured keyboard easy, but he agreed that the new configurations allowed for gripping the device more securely. He was the first to point out that the design should include key shifts for both right and left handed phone users.

This user is able to text while holding snacks and a drink.

This user is able to text while holding snacks and a drink.

Insights:

  • Users generally voiced concerns about how the device would actually detect how a user is holding it. This problem has yet to be worked out.
  • When testing the left-handed horizontal configuration, one user pointed out that the current message bar should not grow downward and change the position of the keys. Instead, they should grow upward on the right side of the screen. I made this change when making the right-hand horizontal configuration (see prototype photos).
  • For the Gravi-Key configurations, users had the easiest time reaching the furthest keys in the normal configurations, but the closer keys became harder to hit due to the inflexibility and large area of the thumb (i.e. ‘P’ became easier to hit than ‘Q’ for a left-hand user and vice-versa for a right-hand user). A correction was made to make the leftmost keys larger and the rightmost keys smaller for the left-hand configuration and the same for the right-hand configuration.
  • Most users preferred the horizontal configurations to the vertical configurations in terms of how useful or accurate it would be.
  • One user pointed out that other texting methods such as swipe could resolve the cramped setup in the vertical configurations.
  • Another user suggested that the space created when keys gravitate can be used for more display area, other buttons, or even ads
  • All users were pleased with the design and wanted to see more! They agreed that texting with one hand could be inconvenient at times, and that this product could potentially be of help to them.