1. 如何設(shè)計(jì)網(wǎng)站視頻播放器
使按鈕更加用戶友好。
另外，作者的改進(jìn)包括：
將較長(zhǎng)的視頻分成較小的章節(jié)。 用戶可以選擇播放他們想觀看的部分。 例如，由某個(gè)人呈現(xiàn)的視頻根據(jù)不同的主題被分成不同的部分，使得用戶可以容易地選擇他想要看的章節(jié)，而不必完全觀看視頻。
添加視頻標(biāo)題讓用戶知道他們正在觀看的內(nèi)容
2. 如何設(shè)計(jì)表單
使用單列布局時(shí)，左右兩列布局會(huì)降低用戶瀏覽的速度。
使“確定，取消”按鈕更加完美，將OK按鈕對(duì)齊頁(yè)面左側(cè)，首先對(duì)齊左側(cè)邊緣使所有元素落在左側(cè)，并從表單頂部形成一個(gè)漂亮的線條到底部，這是一個(gè)美觀的選擇。其次，將OK按鈕放在左邊的原因是那些使用Tab鍵來(lái)切換輸入?yún)^(qū)域的人先到達(dá)左邊的按鈕，如下所示：
按鈕上的文字“確定，取消”被替換為更加生動(dòng)和精確的文字。如下所示：
以上是作者所表達(dá)的觀點(diǎn)。我不同意按鈕的放置和對(duì)齊。在日常的交互設(shè)計(jì)中，我們經(jīng)常遇到這樣的問(wèn)題，比如左右兩邊的“確定”按鈕？如何對(duì)齊？禁用的按鈕是顯示還是隱藏？ “確定”按鈕的優(yōu)先級(jí)或“取消”按鈕的優(yōu)先級(jí)？按鈕的形狀被設(shè)計(jì)為一系列問(wèn)題，例如矩形矩形或圓角矩形或其他形狀。在今天的分享中，這部分不會(huì)討論得太多。
3. Wizard 向?qū)?/span>
有時(shí)候我們填寫(xiě)一張表格。 當(dāng)我們?cè)陧?yè)面上填寫(xiě)表單并點(diǎn)擊下一步時(shí)，下一步會(huì)加載一個(gè)新頁(yè)面，然后繼續(xù)填寫(xiě)，另一個(gè)表單會(huì)出現(xiàn)，這會(huì)讓用戶感到奇怪并喪失耐心，如下圖所示：
如何消除用戶的挫折感？ 我們需要讓他們事先知道總共有多少步驟。 我們也應(yīng)該告訴他們他們?nèi)ミ^(guò)哪里，他們現(xiàn)在在哪里，他們將去哪里。
首先，為每個(gè)步驟添加一個(gè)描述標(biāo)題欄，向用戶顯示所有步驟名稱(chēng)，并且正在進(jìn)行的步驟是可編輯的，并且隨后的步驟是不可點(diǎn)擊的狀態(tài)，因此用戶不能任意犯錯(cuò)并完成上一步驟。 下一步將執(zhí)行，作者的建議如下：
上述方案的局限性在于網(wǎng)頁(yè)的水平空間有限，如果步驟過(guò)多，會(huì)出現(xiàn)水平滾動(dòng)條。 對(duì)于用戶來(lái)說(shuō)，水平滾動(dòng)條的操作比較麻煩，但是網(wǎng)頁(yè)的垂直方向是無(wú)限的，所以改進(jìn)方案是：
4. 有字符數(shù)限制的輸入框的設(shè)計(jì)
首先，在用戶開(kāi)始輸入之前，會(huì)提示用戶限制可以輸入的字符數(shù)。 在用戶輸入過(guò)程中，為了防止用戶統(tǒng)計(jì)他可以輸入多少個(gè)單詞，應(yīng)設(shè)置一個(gè)隨單詞數(shù)而變化的計(jì)數(shù)器; 數(shù)字樣式（顏色，厚度，大小）提醒用戶可以輸入的字符數(shù)量已經(jīng)很少。 該計(jì)劃如下：
北京傳誠(chéng)信,行業(yè)領(lǐng)先網(wǎng)站建設(shè)公司,14年專(zhuān)注企業(yè)網(wǎng)站一站式服務(wù),已為眾多企業(yè)公司提供網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,手機(jī)網(wǎng)站開(kāi)發(fā),模板建站等服務(wù)。高端定制網(wǎng)站建設(shè)領(lǐng)軍品牌--傳誠(chéng)信值得信賴！
