一、基于页面的交互
1.1导航和寻路
网页的导航量大于软件,信息架构师解决逻辑结构和内容刘等非视觉的设计工作。
1、一级导航--分类较多时使用左侧导航,大部分使用顶部导航。顶部导航始终置顶,向下滚动时,页眉缩小。考虑手机上页面的显示
2、二级导航和更深层级的导航--使用一级导航下拉的方式放置二层导航,减少层级。在导航上提供视觉反馈,或者面包渣。
3、内容导航--把内容条目组织成列表。
4、搜索--自动填充、自动推荐。分面搜索-让用户制定搜索条目的属性。分类推荐。
1.2滚动
可以适当的将常用的关键功能固定在某个位置。
考虑自适应屏幕和视差效果。增加滚动时的可扫描性。长滚动页。
1、页眉页脚--页眉:logo,一级导航,注册入口,搜索框等。页脚:用户下一步去哪的建议。
2、分页vs无限滚动--社交流媒体和搜索结果通常是无限滚动。无限滚动与页脚互斥。
二、移动网页
自适应设计,不同设备间输入方式的不同。
三、未来
浏览器在将来仍然是重要的平台。本地软件和网页应用的差别减小。