• <bdo id="1ftk3"></bdo>
      <bdo id="1ftk3"></bdo>

      1. 歡迎來到合肥浪訊網絡科技有限公司官網
          咨詢服務熱線:400-099-8848

        輕規劃,讓網站活絡簡便的6個技巧

        發布時間:2019-11-09 文章來源:本站  瀏覽次數:2390

        在網站或軟件的策劃和規劃過程中,咱們常常聽到這樣的評論:“這個功用規劃得太重了”又或“咱們期望可以處理得輕一些”。本文首要從實踐和總結的視點出發,提出了讓規劃變得更輕的6個技巧。

        何為輕規劃:

        在開端之前先需要明確下何為輕規劃。這里并不想給輕規劃下一個專業的定義,只是概括了咱們對輕規劃所應具有的特性的理解。

        • 具有活絡的可交互元素:頁面上的鏈接、文本框、按鈕等可交互元素能活絡地呼應操作并即時反應。
        • 簡便的流程和提示,不打斷用戶的當前使命:一項使命盡量用少而清楚的過程去完結,提示和暫時使命盡量不中斷用戶主使命,不要讓用戶做不必要的承認和操作。
        • 不攪擾用戶的注意力:用戶是來運用產品和服務的,而不是來賞識精美的規劃,假如運用過程中會因為規劃元素分散注意力那么可能是規劃太重了。試著少用些無用的裝修和細節。

        輕規劃的6個技巧:

        1. 活絡的logo呼應區

        點擊網站的logo一般能將咱們帶回到主頁。從這個視點看,Logo不只起著品牌標識的作用,還承擔了重要的導航功用。就連一般的鏈接當在鼠標劃過時都有下劃線或者變色提示,那么logo作為一個更為重要的可交互元素,是否也應該在鼠標劃過時供給適當的反應呢?

        下面列舉了幾個logo區活絡呼應鼠標例子,在運用過程中發現,小小的變化不只提升了可用性,還讓網站顯得活絡而有生氣。

        輕規劃,讓網站活絡簡便的6個技巧(圖二)

        2. 活絡的可交互元素

        導航對于網站的重要性不言而喻,導航元素要即時呼應鼠標操作。

        輕規劃,讓網站活絡簡便的6個技巧(圖三)

        重要的操作和引導按鈕應該規劃得愈加細致些,包含按鈕的三態(常態,hover,active)乃至四態(添加一個禁用態)。這么做也是為了使重要的可交互元素對不同的操作及時給出反應,使其顯得活絡高效。

        輕規劃,讓網站活絡簡便的6個技巧(圖四)

        文本框的狀態也是一個容易被疏忽的細節,首要是獲取焦點后無提示或者提示不行顯著。

        輕規劃,讓網站活絡簡便的6個技巧(圖五)

        另外對于一些呼應時刻稍長的操作,應該給出進展反應。似乎是顯而易見的道理,但是規劃中往往也容易忽視。

        3. 清楚且溫文的提示

        提示一般都是供給輔助性信息的,既然是輔助性的,就不宜喧賓奪主過分強化。除非必要,也最好不要給用戶帶來額外的操作(比如需要用戶主動關閉,承認等)。提示的內容也是為了帶來協助或者供給反應,因而要言不煩最重要。

        twitter中更換個性化主題時的提示,從頁面頂部柔軟出現,停留片刻后自動消失。

        輕規劃,讓網站活絡簡便的6個技巧(圖六)

        meme中的follow提示,在操作處出現。

        輕規劃,讓網站活絡簡便的6個技巧(圖七)

          4. 躲藏或弱化不常用的操作

          不常用的操作可以弱化,或者躲藏起來,當鼠標經過的時分再出現。這個是基于上文說到的不攪擾用戶注意力視點出發的。

          Twitter中將每條微博條目的操作躲藏了起來,減小了對閱覽的攪擾。而且在鼠標經過條目呼應區和操作時,都有相應的變化以作為反應。

          輕規劃,讓網站活絡簡便的6個技巧(圖八)

          flickr中針對相片的操作也運用淡灰色,盡可能弱化和減少對相片瀏覽的攪擾。

          輕規劃,讓網站活絡簡便的6個技巧(圖九)

          5. 引導和強化引薦操作

          強而清楚的引導是十分必要的,研究標明用戶在瀏覽頁面的時分是跳躍性、非線性的,用戶并不喜愛在諸多的操作中選擇和尋找最佳選項。所以清楚的引導就顯得愈加重要了。重要和常用操作還可以特異處理,以便于尋找和點擊。

          大而易用的表單和注冊按鈕

          輕規劃,讓網站活絡簡便的6個技巧(圖十)

          箭頭和赤色的按鈕一同供給了清楚的視覺途徑指引。

          輕規劃,讓網站活絡簡便的6個技巧(圖十一)

          常用操作的特異處理。某些瀏覽器的撤退操作也有類似處理。

          輕規劃,讓網站活絡簡便的6個技巧(圖十二)

          6. 簡便處理暫時使命

          假如在看一部精彩電影的時分想喝水了,是期望走到廚房間倒水呢還是期望手邊就有一個杯子和水壺?顯然人們都不太樂意中斷主使命和注意力去處理暫時使命,頁面規劃也是如此,能在當前頁面完結果盡量在當前頁面完結。模態窗口、跳轉頁面、付出層等都不是讓用戶覺得舒服的做法。除非的確必要,少運用這樣的做法。

          flickr中對相片名字的即時修改,當頁完結,十分輕盈。

          輕規劃,讓網站活絡簡便的6個技巧(圖十三)

          Delicious中對保藏條目的刪去承認,同樣在當頁完結,輕盈且很好地降低了騷擾。

          輕規劃,讓網站活絡簡便的6個技巧(圖十四)

          小結:

          本文從可用性視點提出了輕規劃的幾個技巧:

          1. 活絡的logo呼應區;
          2. 活絡的可交互元素;
          3. 清楚且溫文的提示;
          4. 躲藏或弱化不常用的操作;
          5. 引導和強化引薦操作;
          6. 簡便處理暫時使命

          上一條:圖標規劃作品鱗爪...

          下一條:音樂與規劃——了解色彩運...

        • <bdo id="1ftk3"></bdo>
            <bdo id="1ftk3"></bdo>

            1. {关键词}