首頁?>?知識?資訊?>?如何設(shè)計(jì)網(wǎng)站視頻播放器?>?正文

如何設(shè)計(jì)網(wǎng)站視頻播放器

2018/3/14 0:00:00 · 稿源:傳誠信

1. 如何設(shè)計(jì)網(wǎng)站視頻播放器

使按鈕更加用戶友好。

另外,作者的改進(jìn)包括:

將較長的視頻分成較小的章節(jié)。 用戶可以選擇播放他們想觀看的部分。 例如,由某個(gè)人呈現(xiàn)的視頻根據(jù)不同的主題被分成不同的部分,使得用戶可以容易地選擇他想要看的章節(jié),而不必完全觀看視頻。

添加視頻標(biāo)題讓用戶知道他們正在觀看的內(nèi)容

2. 如何設(shè)計(jì)表單

使用單列布局時(shí),左右兩列布局會(huì)降低用戶瀏覽的速度。

使“確定,取消”按鈕更加完美,將OK按鈕對齊頁面左側(cè),首先對齊左側(cè)邊緣使所有元素落在左側(cè),并從表單頂部形成一個(gè)漂亮的線條到底部,這是一個(gè)美觀的選擇。其次,將OK按鈕放在左邊的原因是那些使用Tab鍵來切換輸入?yún)^(qū)域的人先到達(dá)左邊的按鈕,如下所示:

按鈕上的文字“確定,取消”被替換為更加生動(dòng)和精確的文字。如下所示:

以上是作者所表達(dá)的觀點(diǎn)。我不同意按鈕的放置和對齊。在日常的交互設(shè)計(jì)中,我們經(jīng)常遇到這樣的問題,比如左右兩邊的“確定”按鈕?如何對齊?禁用的按鈕是顯示還是隱藏? “確定”按鈕的優(yōu)先級或“取消”按鈕的優(yōu)先級?按鈕的形狀被設(shè)計(jì)為一系列問題,例如矩形矩形或圓角矩形或其他形狀。在今天的分享中,這部分不會(huì)討論得太多。

3. Wizard 向?qū)?/span>

有時(shí)候我們填寫一張表格。 當(dāng)我們在頁面上填寫表單并點(diǎn)擊下一步時(shí),下一步會(huì)加載一個(gè)新頁面,然后繼續(xù)填寫,另一個(gè)表單會(huì)出現(xiàn),這會(huì)讓用戶感到奇怪并喪失耐心,如下圖所示:

如何消除用戶的挫折感? 我們需要讓他們事先知道總共有多少步驟。 我們也應(yīng)該告訴他們他們?nèi)ミ^哪里,他們現(xiàn)在在哪里,他們將去哪里。


首先,為每個(gè)步驟添加一個(gè)描述標(biāo)題欄,向用戶顯示所有步驟名稱,并且正在進(jìn)行的步驟是可編輯的,并且隨后的步驟是不可點(diǎn)擊的狀態(tài),因此用戶不能任意犯錯(cuò)并完成上一步驟。 下一步將執(zhí)行,作者的建議如下:

上述方案的局限性在于網(wǎng)頁的水平空間有限,如果步驟過多,會(huì)出現(xiàn)水平滾動(dòng)條。 對于用戶來說,水平滾動(dòng)條的操作比較麻煩,但是網(wǎng)頁的垂直方向是無限的,所以改進(jìn)方案是:

4. 有字符數(shù)限制的輸入框的設(shè)計(jì)

首先,在用戶開始輸入之前,會(huì)提示用戶限制可以輸入的字符數(shù)。 在用戶輸入過程中,為了防止用戶統(tǒng)計(jì)他可以輸入多少個(gè)單詞,應(yīng)設(shè)置一個(gè)隨單詞數(shù)而變化的計(jì)數(shù)器; 數(shù)字樣式(顏色,厚度,大?。┨嵝延脩艨梢暂斎氲淖址麛?shù)量已經(jīng)很少。 該計(jì)劃如下:

北京傳誠信,行業(yè)領(lǐng)先網(wǎng)站建設(shè)公司,14年專注企業(yè)網(wǎng)站一站式服務(wù),已為眾多企業(yè)公司提供網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,手機(jī)網(wǎng)站開發(fā),模板建站等服務(wù)。高端定制網(wǎng)站建設(shè)領(lǐng)軍品牌--傳誠信值得信賴!

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354