GDSC Select-Course
System Usability Exploration

Preface

This small article is written after a bit of poking around a supposed replacement for the Course Selection System of NCCU, the current university I’m in. The old system is a mixed bag of old IIS/ASP with a separate(!) course exploration system based on Javascript. Moreover, they have two completely different UIs and conventions, and needless to say, the whole experience is pretty confusing for freshmen like me last year.

So a team led by the Google Developer Student Club (GDSC) aspired to change this horrendous spaghetti-mix into a more streamlined experience. They tried to implement most parts of the system in a single website, and modernized the UI with Google elements. The frontend (and backend presumably) is written in Flutter. (UPDATE according to the PM they use React.) Good idea, isn’t it?

Nevertheless when they opened the system up for public beta-testing, I find some UI elements and paradigms either clunky to use, or doesn’t feel straightforward, so I decided to document my personal pain-points and make some mockups to better illustrate what I was looking for. Therefore these are all my personal opinions, and should not be viewed as advice.

The rest of the article is in Chinese. Grab a translator if you feel like it!

登入頁面

歡迎pop-up

+--------------+                  +---------+                    
| Introduction |_______________   | Symbols |____________________ 
|                              |  |                              |
|  ...                         |  |  ...                         |
|                              |  |                              |
|   [Start exploring] [ Next ] |  |            [Start Exploring] |
+------------------------------+  +------------------------------+

Carousel-esque display in the landing popup mockup

選課階段/任務百分比條

分頁概念

備選清單

備選清單與登記課表的互動

課程詳細資訊

說明

Last updated: 2022-10-06

標籤:隨想

如果想讓我知道您看過這個頁面,請點擊這個連結運作原理