WAP2.0网页设计中的交互细节（3）
作者：fuziyue 来源：腾讯wsd 发布时间：2010-08-12 20:50:00
手机端WAP页，由于手机硬件上没有内建功能（个别浏览器除外，qq浏览器支持快捷键返回顶部），焦点跳转的体验非常艰辛，门户等产品单页的大信息量导致页面过长。所以“返回顶部”的设计有其必要性。然而，将其放在哪里，怎么用都需要斟酌再三。很多WAP网站做了相关尝试，例如手机腾讯网旧版WAP2.0，手机新浪网炫彩版等。
前一版手机腾讯网WAP2.0版页面，在标题栏左端有模块间快速跳转的控件，页面最下面的标题左端则是跳转到顶部的控件。跳转按钮带来的不良体验是，控件表现传达不出预期，点击率较低。五向键定位困难，尤其在鼠标形或轨迹球焦点切换方式下；跳转后，由于没有动画转场，初次体验模块跳转的用户会对跳转失去方位感（但回顶部可以明确认知）。
手机新浪网的“↑TOP”穿插在页面上中下部，分布较随机。视觉上，生硬嵌入了几行跳转链接，破坏界面的整体性，容易影响阅读的顺畅体验。
手机QQ空间 WAP2.0页底的回顶部，设计的很到位。左边的小图标和文字处理在同一个panel里，焦点切换时只会得到一次焦点。
仔细分析一下浏览行为模式和使用情境，什么原因驱动用户希望快捷地返回顶部。一般可推测出两种情形：当网页顶部有导航栏时，用户会希望浏览完整页面内容后，借由导航去往别的频道；另一种情形是页面顶部会有动态更新，需要用户关注（比如，手机QQ微博）。所以手机新浪网各频道页的设计，底部都会复现头部的导航，“↑TOP”的存在就显累赘了。
手机腾讯网WAP2.0交互设计中，规范了“返回顶部”的使用场合——仅在频道页的底部foot之上出现“返回顶部”。基于一个假设，用户返回顶部利用页面头部的导航切入其他频道。触屏版的手机腾讯网，因为触屏设备滚屏操作的压力很小，会谨慎用之。
返回顶部后，焦点应该到哪里
返回顶部后，焦点位置应该落在哪里？手机新浪网的处理方式是，跳转到页面第一个链接。手机腾讯网的处理方式是回到页面浏览的初始状态，即按两次向下键，页面才出现焦点。这个细节，个人认为手机新浪网的设计更到位。
0
投稿猜你喜欢
本文介绍一个exe打包工具pyinstaller，使用非常简单、方便，而且还跨平台。软硬件环境Windows 10 64bitPyQt5An- 详解Python 模拟实现生产者消费者模式的实例散仙使用python3.4模拟实现的一个生产者与消费者的例子，用到的知识有线程，队列，循环等
- struts2.3.24 + spring4.1.6 + hibernate4.3.11+ mysql5.5.25开发环境搭建及相关说明。
- 函数名称:ReplaceHTML参数:@Textstr作用:去掉 @Textstr 内的HTML代码备注:需要给数据库访问者master.s
- 2021年7月1日，官方正式发布了1.0Datatable版本。1.0版本支持windows和linux,以及Macos。 具体文档可以见：
- 这篇文章主要介绍了python with (as)语句实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,
- 1、遇到的问题：numpy版本im_data = dataset.ReadAsArray(0,0,im_width,im_height)#获
- 转自微信公众号：机器学习社区，经作者授权转载时间序列分析是数据科学中一个非常重要的领域，它主要包含统计分析、检测变化点、异常检测和预测未来趋
- 一般情况下会有几种情况需要你把数据库设为只读： 1. Insert,Update,Delete 触发器 2. Check 约束 和 Dele
- import socketimport Queueimport threadingdef worker(): &nbs
- Javascript 两个窗体之间传值实现代码javascript中还有一个函数window.showModalDialog也可以打开一个新
- Python转json时出现中文乱码设置报文头# -*- coding:gbk -*- 连接数据库设置编码mysql = MyS
- 有框计算器这个计算器我们用到了Python自带的Tkinter库# 导入tkinter库import tkinter我们要对窗口进行一些基本
- 显示图像是 Opencv最基本的操作之一， imshow()函数可以实现该操作。如果使用过其他GUI框架背景，就会很自然地调用 imshow
- (一)CSV格式文件1.说明CSV是一种以逗号分隔数值的文件类型，在数据库或电子表格中，常见的导入导出文件格式就是CSV格式，CSV格式存储
- 从百度查到在django中，使用post方法时，需要先生成随机码，以防止CSRF（Cross-site request forgery）跨站
- Git 标签如果你达到一个重要的阶段，并希望永远记住那个特别的提交快照，你可以使用 git tag 给它打上标签。比如说，我们想为我们的 w
- Python中，列表是可以进行修改的：赋值、删除元素、分片等等。在给列表添加元素时，有两个常见的方法：append和extend。appen
- 前言近期在工作中遇到某表某字段是可扩展数据内容，信息以逗号分隔生成的，现需求要根据此字段数据在其它表查询相关的内容展现出来，第一想法是切割数
- 随着JS与XHTML的应用普及，越来越多的web界面应用技术出现在网站上，比如我们常见的日历控件，搜索下拉框等，这些web界面应用技术大大的
