menu
toptvseries

Tutors on Campus Website UX/UI

Connecting college students to the tutors that can help them best.

The Challenge

wer kann mir berichten à“јber bd schwiss The practice of tutors working to help students improve their grasp on subjects has been going on for a very long time. Traditionally, students find tutors by looking for subject matter experts who’s college background best fits the subject in which they are struggling. Unfortunately, while industry accolades and impressive diplomas make for robust tutor resumes, they do not always guarantee academic success for the student.

Köpa Inderal på nätet Tutors on Campus was aiming to change this by developing a system than not only connected tutors and students based on academic needs, but also on softer topics like preferred teaching/learning modalities and outside personal interests.

What I Did

http://www.nc-mentor.com/?deltabank=bin%C3%A4re-optionen-broker-mit-mt4&8fe=95 binäre optionen broker mit mt4 I was asked by my client, Unison, to come in and take on the UX for this project. Some initial work had been done, but things were stalled at the “what if…” point in the discovery phase.

live currency exchange rate I started by getting into the details of what was feasible and weeding out what wasn’t. From there I worked to flesh out the reality of the different agreed upon features with the development team. Many rounds of wireframes ensued and I delivered approximately 45 different wires.

dicas para opções binárias After the UX phase was complete, I then started on the design phase where I established the overall creative direction or the site before handing off the design of all the pages to Unison staff designers.


DISCOVERY

sono valide le opzioni binarie The first step for me was to get my head around the scale and scope of the project. The main aspect of the site that quickly became evident was the fact that there needed to be three sides that supported distinctly different user needs.
[thmlv_one_third]toc_chart_tutor_v1a

opzioni binarie 350 a giornata fincar tablets 5 mg no prescription australia Tutors

erfahrungen mit binäre optionen They’re super-busy and need to manage scheduling and communications with several students at once plus their own timesheets and payment collection.[/thmlv_one_third]

online Requip [thmlv_one_third]toc_chart_student_v1a

http://steinbierkeller.com/?veselo=optionrally-login&391=cb optionrally login مهام مكتب الولايات المتحدة الامريكية Students

http://peppermintenergy.com/?nuf=day-trading-demokonto&6d3=a0 day trading demokonto Over-stressed and with varying attention spans, students might have multiple tutors for different subjects. They’re also looking to see how they compare with their peers. [/thmlv_one_third]

trading binary [thmlv_one_third_last]toc_chart_admin_v1a

handla binära optioner 330 Köp Tadalafil TOC Administrators

Kamagra oral jelly Billig Tutors on Campus staff members need to add/remove tutors and students, run reports, handle questions and even watch for cheaters.[/thmlv_one_third_last]

binäre optionen pairs There were no clear best practices or similar sites to help guide what should or shouldn’t be in the initial launch. To work this out, we conducted a series of meetings where we brainstormed everything we could possibly want. From there, I worked with the development team to prioritize what we could get done within the client’s timeline.

projects_toc_ux_01

 


STUDENT SITE WIREFRAMES

After we nailed the features and functionality list, I began on the wireframes for the student view. This side of the site held all of the core functionality like the calendaring tool, the ability to make a schedule and the processes for booking a tutor. Focusing on these foundational features first allowed the dev team to start building them out while I worked on refining how they were all integrated.

[thmlv_one_half]my_dashboard_initial[/thmlv_one_half]

[thmlv_one_half_last]my_dashboard_day_detail
[/thmlv_one_half_last]

[thmlv_one_half]my_dashboard_student_2_panels[/thmlv_one_half]

[thmlv_one_half_last]my_profile_shedule_delete[/thmlv_one_half_last]

[thmlv_one_half]my_calendar_apt_mang_initial[/thmlv_one_half]

[thmlv_one_half_last]my_calendar_apt_mang_booked[/thmlv_one_half_last]

[thmlv_one_half]my_calendar_apt_mang_add[/thmlv_one_half]

[thmlv_one_half_last]my_calendar_apt_mang_day_no_student[/thmlv_one_half_last]

[thmlv_one_half]my_students_intial[/thmlv_one_half]

[thmlv_one_half_last]my_timesheets_initial[/thmlv_one_half_last]

 


TUTOR SITE WIREFRAMES

The tutor side of the site was more complex and took far more time than the student. There were communication and note taking tools, timesheets and payment tracking features to work out. Most tutors were also managing several students at once so we needed to address the issue of multiple account connections.

[thmlv_one_half]s_book_tutor_1_initial[/thmlv_one_half]

[thmlv_one_half_last]s_book_tutor_2_initial[/thmlv_one_half_last]

[thmlv_one_half]s_book_tutor_3_initial[/thmlv_one_half]

[thmlv_one_half_last]s_book_tutor_4_initial[/thmlv_one_half_last]

[thmlv_one_half]s_my_dashboard_firsttime[/thmlv_one_half]

[thmlv_one_half_last]s_my_dashboard_academics[/thmlv_one_half_last]

[thmlv_one_half]s_my_dashboard_booked[/thmlv_one_half]

[thmlv_one_half_last]my_dashboard[/thmlv_one_half_last]

 


SITE SCREEN DESIGNS

Once all of the wireframes were approved, I moved onto the UI design phase. The client already had a brand look and feel that they liked so I had to work within the confines of that. They wanted to initially only use black and blue, but that really limited the ways in which I could indicate the clickability of things or the status of items in the calendar. After several rounds of experimentation we ended up adding a small secondary palette to make the pages easier to use.

projects_toc_ui_01

[thmlv_one_half]projects_toc_ui_08[/thmlv_one_half]

[thmlv_one_half_last]projects_toc_ui_07[/thmlv_one_half_last]

[thmlv_one_half]projects_toc_ui_06[/thmlv_one_half]

[thmlv_one_half_last]projects_toc_ui_05[/thmlv_one_half_last]

[thmlv_one_half]projects_toc_ui_04[/thmlv_one_half]

[thmlv_one_half_last]projects_toc_ui_03[/thmlv_one_half_last]

projects_toc_ui_02