精選作品

2024國立陽明交通大學附設醫院網站及 APP - 網路掛號系統

軟體專案 2023年12月28日點擊數: 3302

為了讓國立陽明交通大學附設醫院網站及 APP 的網路掛號系統更易於使用、視覺上更吸引人，同時提供更好的操作體驗，在2023年進行UI和UX設計改版，以滿足用戶的期望和需求。
網址：https://www.hosp.nycu.edu.tw/regist/articles/regist1.html

網路掛號系統的UI/UX設計改版帶來多方面的優點，包括但不限於以下幾點：

提升使用者滿意度： 透過改進使用者介面和體驗，系統可以讓使用者更輕鬆地理解和操作，進而提升使用者滿意度。
增加使用者參與度： 一個設計良好、吸引人的界面有助於提高使用者的參與度。使用者更有可能繼續使用系統，完成相關的操作和任務。
降低使用者學習曲線： 簡化流程、清晰的指示和直覺的設計有助於減少使用者學習新系統的時間，提高系統的易用性。
提高效能： 重新設計流程和優化介面可以加速用戶完成任務的速度，提高系統的效能和效率。
提高品牌形象： 優秀的UI/UX設計反映了組織對品質和用戶體驗的關注，進而提高品牌形象。這有助於建立正面的品牌聲譽，吸引更多用戶。
多設備兼容性： 針對不同的設備進行優化，確保系統在各種平台上都能提供一致的使用者體驗，增加了系統的多設備兼容性。
提高系統的競爭力： 隨著科技和使用者期望的不斷變化，持續改進系統的UI/UX設計有助於保持競爭力。這也能夠吸引新用戶並留住現有用戶。
遵循標準和法規： 更新UI/UX設計可以確保系統符合當前的標準和法規，包括無障礙設計和數據隱私規範。

2023 年介面設計如下：

專案內容：

1. 桌機版-網路掛號

2. 桌機版-依科別資料掛號

3. 桌機版-依醫師資料掛號

4. 桌機版-選擇看診醫師(依科別資料掛號)

5. 桌機版-選擇看診醫師(依醫師資料掛號)

6. 桌機版-填寫個人資料

7. 桌機版-網路掛號完成

8. 桌機版-掛號查詢

9. 桌機版-看診進度查詢

10. APP-網路掛號(科別掛號)

11. APP-選擇看診(科別掛號)

12. APP-填寫基本資料

13. APP-完成掛號

14. APP-看診進度

15. 更新本專案修改範圍系統Step by Step 之掛號說明(操作手冊)，並放置於網站相關服務連結

16. 正式上線前須完成通過無障礙網頁第一優先等級(AA)機器檢測。

17. 本專案網站資訊安全設計與資訊安全掃描須無高度與中度風險（須符合OWASP TOP 10 資訊安全要求的相關規定）。

18. Web api 查詢 -> 新增 web api 診間叫號查詢。

網路掛號-桌機頁面

網路掛號-以科別資料掛號 - 桌機

網路掛號-以醫師資料掛號 - 桌機

網路掛號-以科別資料掛號新民院區- 桌機

網路掛號系統app

2022年網路掛號系統建置

220728

專案介紹

1. 軟體需求：

(一) 提供應用服務軟體 APP 的測試環境，效力與正式環境相同。
(二) 軟體應用程式需具備結構化、模組化並有擴充性，因應大環境與趨勢快速變化，軟體應用程式能快速彈性調整與易於維護。
(三) 如APP須開啟網頁時，一律使用安全通訊協定 SSL(Secure Socket Layer)，以保障網站伺服器及瀏覽器之間的數據資料傳輸的安全性。
(四) 軟體設計符合 NCC 無障礙規範之要求並通過相關檢測程式之測試。

２. 介面設計需求
(一) 充分發揮智慧型行動裝置觸控手勢之操控特性，如按、拖拉、撇、點等等。提供使用者更方便多樣的功能選單的同時也不佔用畫面空間，使核心內容的視覺表達獲得最佳效果。
(二) 需考量使用的流暢度；版面空間的美感度；查詢檢索的便利度；感應器的好用度；風格表現的共感度；觸控手勢的互動度；資訊呈現的親和度。
(三) 為使系統易於整合，設計之頁面若是需要整合的頁面則提供樣版佈局範例檔作為輔助說明，方便第三方開發者了解整合之步驟。

3. 視覺設計需求
(一) 視覺設計經過國立陽明交通大學附設醫院審查通過後，使得實施。
(二) APP之按鈕需圖形化，並與功能相符，簡單易懂。
(三) 文字大小以適中、清楚為原則。