close

觸屏網頁設計初探(二) -網上推廣


 

觸屏版網頁應用,實現移動場景用戶需求、體現少即是多的設計精髓并表現主流的觸屏界面氣質,可算初步達標。在設計過程中需不斷打磨細節,提升體驗,令設計日臻完美。下篇將結合案例講述其中的故事。

>>提升體驗的細節

讓消息更隨手

翻頁大討論

重要數字了然于胸

關于軟鍵盤

大話橫豎屏切換

讓界面更“可觸模”

對話框設計

鏈接下劃線的討論

節省之道

不把網頁設計成客戶端

————————————————————————————————

讓消息更隨手,操作門檻更低

費茨法則(Fitts’ Law,1954)是一則人機交互法則。它闡述了:快速移動到目標的時間是離目標距離與目標大小的函數。目標距離愈遠,目標面積愈小,則移動到目標的耗時愈久。費茨法則適用于手或手指進行實體觸摸或顯示器上用指針虛擬指向。

微軟 Office 2007(Word2007、Power Point2007、Excel2007)有一處改良設計很好地應用了費茨法則。選中文本的右上角會浮出相應最常用的富文本編輯工具面板,且工具面板透明度隨鼠標離目標的距離的增大而增大。

 

在觸屏版網頁設計中,利用Ajax動態異步請求與局部刷新的特性,可實現費茨法則。依據情景分析,隨“手”響應用戶最迫切的需求。例如:手機QQ空間觸屏版好友動態列表的設計。展示每條feed的好友評論并留出“評論”和“回復”的操作入口,以引導用戶參與。便利的操作、明確的反饋會刺激好友間產生互動。對比Wap形態產品的交互,無須每個步驟逐頁跳轉,體驗如行云流水般順暢。

 


arrow
arrow
    創作者介紹
    創作者 ddlfc 的頭像
    ddlfc

    ddlfc的部落格

    ddlfc 發表在 痞客邦 留言(0) 人氣()