1. 如何設計網站視頻播放器
使按鈕更加用戶友好。
另外,作者的改進包括:
將較長的視頻分成較小的章節。 用戶可以選擇播放他們想觀看的部分。 例如,由某個人呈現的視頻根據不同的主題被分成不同的部分,使得用戶可以容易地選擇他想要看的章節,而不必完全觀看視頻。
添加視頻標題讓用戶知道他們正在觀看的內容
2. 如何設計表單
使用單列布局時,左右兩列布局會降低用戶瀏覽的速度。
使“確定,取消”按鈕更加完美,將OK按鈕對齊頁面左側,首先對齊左側邊緣使所有元素落在左側,并從表單頂部形成一個漂亮的線條到底部,這是一個美觀的選擇。其次,將OK按鈕放在左邊的原因是那些使用Tab鍵來切換輸入區域的人先到達左邊的按鈕,如下所示:
按鈕上的文字“確定,取消”被替換為更加生動和精確的文字。如下所示:
以上是作者所表達的觀點。我不同意按鈕的放置和對齊。在日常的交互設計中,我們經常遇到這樣的問題,比如左右兩邊的“確定”按鈕?如何對齊?禁用的按鈕是顯示還是隱藏? “確定”按鈕的優先級或“取消”按鈕的優先級?按鈕的形狀被設計為一系列問題,例如矩形矩形或圓角矩形或其他形狀。在今天的分享中,這部分不會討論得太多。
3. Wizard 向導
有時候我們填寫一張表格。 當我們在頁面上填寫表單并點擊下一步時,下一步會加載一個新頁面,然后繼續填寫,另一個表單會出現,這會讓用戶感到奇怪并喪失耐心,如下圖所示:
如何消除用戶的挫折感? 我們需要讓他們事先知道總共有多少步驟。 我們也應該告訴他們他們去過哪里,他們現在在哪里,他們將去哪里。
首先,為每個步驟添加一個描述標題欄,向用戶顯示所有步驟名稱,并且正在進行的步驟是可編輯的,并且隨后的步驟是不可點擊的狀態,因此用戶不能任意犯錯并完成上一步驟。 下一步將執行,作者的建議如下:
上述方案的局限性在于網頁的水平空間有限,如果步驟過多,會出現水平滾動條。 對于用戶來說,水平滾動條的操作比較麻煩,但是網頁的垂直方向是無限的,所以改進方案是:
4. 有字符數限制的輸入框的設計
首先,在用戶開始輸入之前,會提示用戶限制可以輸入的字符數。 在用戶輸入過程中,為了防止用戶統計他可以輸入多少個單詞,應設置一個隨單詞數而變化的計數器; 數字樣式(顏色,厚度,大?。┨嵝延脩艨梢暂斎氲淖址麛盗恳呀浐苌?。 該計劃如下:
北京傳誠信,行業領先網站建設公司,14年專注企業網站一站式服務,已為眾多企業公司提供網站建設,網站設計,網站制作,手機網站開發,模板建站等服務。高端定制網站建設領軍品牌--傳誠信值得信賴!