美文网首页交互设计About Face 4
第20章--网页的设计-About Face 4 读书笔记

第20章--网页的设计-About Face 4 读书笔记

作者: 友交互 | 来源:发表于2016-08-29 21:18 被阅读49次

    一、基于页面的交互

    1.1导航和寻路

    网页的导航量大于软件,信息架构师解决逻辑结构和内容刘等非视觉的设计工作。

    1、一级导航--分类较多时使用左侧导航,大部分使用顶部导航。顶部导航始终置顶,向下滚动时,页眉缩小。考虑手机上页面的显示

    2、二级导航和更深层级的导航--使用一级导航下拉的方式放置二层导航,减少层级。在导航上提供视觉反馈,或者面包渣。

    3、内容导航--把内容条目组织成列表。

    4、搜索--自动填充、自动推荐。分面搜索-让用户制定搜索条目的属性。分类推荐。

    1.2滚动

    可以适当的将常用的关键功能固定在某个位置。

    考虑自适应屏幕和视差效果。增加滚动时的可扫描性。长滚动页。

    1、页眉页脚--页眉:logo,一级导航,注册入口,搜索框等。页脚:用户下一步去哪的建议。

    2、分页vs无限滚动--社交流媒体和搜索结果通常是无限滚动。无限滚动与页脚互斥。

    二、移动网页

    自适应设计,不同设备间输入方式的不同。

    三、未来

    浏览器在将来仍然是重要的平台。本地软件和网页应用的差别减小。

    相关文章

      网友评论

        本文标题:第20章--网页的设计-About Face 4 读书笔记

        本文链接:https://www.haomeiwen.com/subject/svyydttx.html