search

ucsdscheduleplanner / UCSD-Schedule-Planner

A project to help UCSD students plan their schedules quickly and easily.
https://sdschedule.com/
MIT License
7 stars 2 forks source link

Redesign the website #40

Closed CTrando closed 5 years ago

CTrando commented 5 years ago

Make the website more easy to use and intuitive and make it scalable for future features such as CAPES integration and course catalog integration.

coraxyc commented 5 years ago

Prototype that only fits a MacBook pro screen right now, if you set it to full screen. If you're using Windows or any other screen size you might have to scroll around:

https://www.figma.com/proto/BojOckmBQm0d7V1zu6y9FEHB/UCSD-Schedule-Planner?node-id=0%3A1&scaling=min-zoom

Can I make a #design channel on Slack and post this for thoughts from everyone?

CTrando commented 5 years ago

Yeah, sure do whatever you need to do. You have pretty much full reign over design right now, if you need anything ask me, but basically take that as you have permission to do whatever you want (within reason of course).

CTrando commented 5 years ago

Also, I see you are somewhat trying to maintain the style of the previous - don't feel like you're restrained by that, I'm completely open to a full redesign so you don't need to maintain any elements of the previous design.

snowme34 commented 5 years ago

Good job! Hope I knew JS enough to contribute.

Some unexpected behavior

image

strange-cancel

tab-duplicated-request

tab-duplicated-request

uncompleted-highlight

Some modest proposals for functionality:

  1. Add undo functionality
  2. Hide "CAPE" if not planning to support yet
  3. Click on course in calendar will also enable highlight
  4. User can move the vertical bar between calendar and course list (like drag or a drawer)
  5. Clear all button
  6. Add warning if "TBA" (currently only shows a blank calendar)

It feels like this "Edit" button should be called like "Regenerate" since user does not need to click it to edit.

image

Some words about design

I don't quite understand the meaning of the light grey shadow behind the "course block". Is it representing some features?

image

Also the brown background of Instructor's name is a little bit of scary.

image

Conclusion

Sort of confused with the text in the top bar: do they represent some good wishes?

image

Look forward to the returning of the multiple-version calendar! With that feature available, current app will be impressive!

Update:

Even it might seem meaningless, a quarter indicator (or even change quarters) will make it crystal clear for the users to understand which quarter they are planning for.

CTrando commented 5 years ago

Closed with f38495b9c1d041ed40b34f33342bd084c1016293, I will make your suggestions into other issues.