Interaction Analysis - 1.1

安卓开发网页页面交互简析

http://developer.android.com/intl/zh-cn/design/index.html

截图尺寸：960x630

在14寸的笔记本上查看本网页，因为实际应用到一些浏览器的比例分辨率问题，网页采用了比较保守的控制在1000以内的横屏尺寸（截图已为最小文字显示，960px，左右稍做留白），并且在高度上也大大考虑到了显示问题，尽量为保证图片内容的完整性而刚刚好顶齐到浏览器底部。

 左侧导航栏采用的是经典的树状图的设计方式，总共有三级层级菜单，并且很好的在使用了父级菜单页，使其作为每一个父级菜单的引导，起到了概览的作用。在显示方式上采用的是一类展开，其他全部收起的方式；考虑到子级菜单过多，又为了避免整体网页无意义的往下滚动，所以采用了左栏原生滚动条的方式来显示，在这里也很好的避免了因菜单过长，做无端的网页整体向下拉伸的动作。如下图：  

网站的标题栏也是在用户体验上做了很好的提升，因为文章内容角度，很多页面都会一个很长很长的滚动条，此时是否再文章过长，在我们往下拖动之后就与我们的标题栏‘两两相望’了呢？当然我们的网站不会这么做！我们文章的内容开始往上翻下面的内容逐渐上来的时候，就开始触发了页面的‘变形’模式了。Android Design的标题栏采用了变形始终悬浮于浏览器窗口内的最顶端的方式。并且原来的大导航变成现在简洁的‘面包屑导航’的方式，这样的方式我想死因为不会因为文章的冗长复杂，而不知道自己身在何处！永远有一条最简洁的通道在我们能看到的最醒目的位置上。并且最左侧的Icon也变成了 这种简洁的图标来呈现，右侧的搜索和辅助就像一本身边的网站字典，随时可以翻起使用。如下图：

（常规状态，即打开子类菜单顶对齐）

（阅读状态，开始往下阅读，标题栏变换始终悬浮在最顶层，导航呈现‘面包屑导航’）

使用中，我感觉最让我觉得有些不妥的地方却恰恰是在左侧的Logo上。让我们回到这个页面：

在这个页面中，如果点击Icon和Developers，即会马上跳转到首页面，而下拉按钮是大类的导航。 而在页面往下延伸之后，标题栏被收起来以另一种方式呈现的时候，我们再点击同样熟悉的Icon，却发现仅仅是回到了页面顶部！

 所以作为网站的访问用户而言，我想说，这样的设计和逻辑是否稍微有些不妥之处和欠考虑呢？