一、基于頁面的交互
1.1導航和尋路
網頁的導航量大于軟件,信息架構師解決邏輯結構和內容劉等非視覺的設計工作。
1、一級導航--分類較多時使用左側導航,大部分使用頂部導航。頂部導航始終置頂,向下滾動時,頁眉縮小。考慮手機上頁面的顯示
2、二級導航和更深層級的導航--使用一級導航下拉的方式放置二層導航,減少層級。在導航上提供視覺反饋,或者面包渣。
3、內容導航--把內容條目組織成列表。
4、搜索--自動填充、自動推薦。分面搜索-讓用戶制定搜索條目的屬性。分類推薦。
1.2滾動
可以適當的將常用的關鍵功能固定在某個位置。
考慮自適應屏幕和視差效果。增加滾動時的可掃描性。長滾動頁。
1、頁眉頁腳--頁眉:logo,一級導航,注冊入口,搜索框等。頁腳:用戶下一步去哪的建議。
2、分頁vs無限滾動--社交流媒體和搜索結果通常是無限滾動。無限滾動與頁腳互斥。
二、移動網頁
自適應設計,不同設備間輸入方式的不同。
三、未來
瀏覽器在將來仍然是重要的平臺。本地軟件和網頁應用的差別減小。