2021 年 8 月 23 日，星期一
新專欄：微設計(試營運版)
有鑑於之前的《UI Design》練到後面幾乎只剩訓練排版和熟練軟體的功能，於是在今天把這個練習和《吸收新知》結合在一起，每次針對一個主題(目前是來自於 Daily UI 的題目)，進行比較偏向 UX 的思考練習。
001：Sign up page
今天的主題是註冊頁面，在不同的產品和服務裡，註冊往往是面向使用者的第一扇門，而開門的順利與否就決定了他會不會進到我們打造的環境裡，誘或是掉頭離開。
上面的文章談到如何優化登入及註冊介面，那接下來會依據上面的一些技巧來改善BEAMS的註冊頁面。
從上面的三個畫面中，我總結了以下幾個問題：
- 註冊頁面中，input的顏色對於辯色力異常的我本人來說，和底色太過相近，雖然還是可以依靠前面的文字訊息和經驗來點選方框，但讓人無法一眼看出來要在哪裡填寫資料顯然不是一個好設計。
- 無法看到密碼，卻有提供自動生成的高強度密碼，這樣只能依靠記住密碼來進行登入，如果使用其他的裝置就必須更改密碼應該蠻不合理的吧？
- 關於錯誤提示，會遮蓋上方的畫面，或許也是這個考量，所以出現一段時間就會消失，但這樣如果使用者剛好忽略了提示，最後只會看到一個紅框，而無法得知關於錯誤的訊息。
綜上所述，以下是 Redesign版本：
- 把註冊頁面的 input顏色調整成和登入一樣的白色，在增強易讀性的同時保持頁面的一致性。
- 增加可以打開密碼可視性的 icon，讓使用者更方便確認自己輸入的密碼。
- 錯誤提示由浮動物件改為顯示在旁邊，避免遮罩以及消失的問題。
在做redesign的同時也可以發現他們設計的想法，像是一開始我會覺得左邊好空、左右不協調，後來發現是在註冊頁面時右側資訊量比較大，也許是為了維持登入和註冊的容器相同大小，所以做出這種設計。
以上就是這次的微設計，有任何想法歡迎互相交流討論~
發現最近禮拜一中午都吃健康無負擔的自製蔬食料理，原因大概是來自於周末的放縱，大吃大喝不忌口後強烈的罪惡感，讓充滿儀式感的禮拜一中午往往選擇健康飲食來贖罪。
今天改變練習模式，發現動腦的時光過得特別快，也代表耍廢的時間變少，只能說雖然很累但是有種充實的感覺，人還是要動腦才有益身心健康。
今天就到這邊，且看是明天見還是明天不見。
