开发文档体验提升指南

体验提升指南

产品细节的精雕细琢,良好的使用体验,是一个产品的成功关键,我们也一贯倡导“用户至上“的产品观,360产品线积累了很多“微创新”的成功经验,本指南旨在分享如何提高应用的使用体验,希望能给广大开发者在设计、开发产品时提供一些参考:

本指南将不断完善丰富,目前我们先将360Webapp一些基本的用户体验原则阐述如下:

1. Webapp顾名思义,主要指以web为载体的互联网应用。360桌面为webapp提供了窗体框架支持,让webapp可以脱离浏览器在桌面上独立运行,为用户提供更直接、更友好的用户体验

Webapp首先是一个App,因此它在界面与交互设计上应当不同于传统的网页:

1.1 应用的窗口大小应有限制,建议不宜超过800x600像素,以适应包括笔记本、上网本在内的各种电脑屏幕分辨率;

1.2 Webapp不应直接将某个网站的现有网页简单嵌套进来,而不顾用户的使用体验。开发者应当考虑根据这个应用的需求来调整原有网页的形式(包括页面大小、图片大小、导航元素等等),或设计全新的UI模板。

1.3 Webapp应避免过多的页面跳转和整体刷新,可利用包括ajax在内的方式实现内容或数据的动态加载;

1.4 因窗口大小有限,Webapp应避免在应用首页出现滚动条,在内页也应尽量避免出现过长的滚动;

2. Webapp应该将产品的核心功能及服务以最简洁、明了的方式呈现给用户

2.1 一般说来,Webapp应聚焦于一项核心功能或服务,在进行界面外观设计、内容排版、功能导航、交互操作设计时也应围绕这个目标来进行;

2.2 Webapp应避免在有限的界面上堆砌与本应用无直接关系的其它内容,包括无关的推广链接、导航、图片和无关的脚本、flash等内容;

3. Webapp应让用户在整个使用流程中尽可能在当前窗口完成,保持一致的体验

3.1 应用的整个使用流程应保持体验一致,因此应在应用窗口中完成整个产品功能流程,以及欣赏到全部内容。而不应在使用其中一项主要功能或查看内容详情时直接跳出应用打开浏览器访问。

4. 在应用中不应插入过多广告,尤其不能让广告喧宾夺主造成对用户体验的伤害

4.1 应用中如包含广告内容,须严格保证广告内容不影响、不干扰用户正常使用本应用;

4.2 禁止使用弹出窗口、浮层或漂浮icon等类型的干扰型广告;

4.3 禁止各类恶意诱导用户点击广告的行为;

5. 应用应持续更新改进,并通过适当的方式告知用户您的改进;

5.1 好的应用是运营出来的,收集用户的意见建议并不断改进和更新,才能让您的应用更受欢迎;

5.2 如果您的webapp已经通过网页实现了更新,建议及时在页面告知用户更新内容;

6. 制作一个美观实用的封面,让您的应用看起来更快、更酷

6.1 360桌面提供了封面机制,让您可以为自己的应用加一个封面。封面用于在应用启动加载页面前显示,它能使用户在等待页面完整出现前感觉不那么枯燥;

6.2 显然,一个生动有趣的封面能让您的应用看起来更好玩、更酷,封面最好与应用界面保持较为一致的风格;

6.3 当然,您也可以选择将应用首页的截图作为封面,这样的好处是用户打开应用时的心理感觉会更快一些;

7. 提供应用的图标,让您的应用看起来更吸引人,更好辨认

7.1 为了让用户在360桌面上更容易找到您的应用,您需要提供64x64与48x48像素的png格式图标。(点击此处下载图标PSD模板);

主程序面板图标示例:(如图1)

7.2 您还需要提供一个ico图标文件,用于显示在应用窗口以及任务栏最小化标题处,ico中应含有16x16,32x32,48x48三种尺寸的图标;

WebApp窗口图标示例:(如图2)

WebApp任务栏图标示例:(如图3)

8. 优化webapp,让它使用起来更流畅、自然

8.1 保持webapp快速、稳定的访问非常重要,这将决定用户是否能长期使用您的应用,如果您的web服务需要临时停机维护,应当提前通过webapp通知您的用户;

8.2 用户在使用一款应用时的预期与网页不同,他们需要更为流畅、自然的体验,建议在webapp的页面切换以及数据加载尽量保持平滑的体验,可以使用360webapp框架所提供的各种切换特效方法(详见开发文档),也可以自己通过网页脚本做处理;

8.3 在UI设计上,应用内各页面也应保持风格一致,并具有清晰的导航,让用户清晰地知道自己所处的位置;避免前后反差过大,使用户无所适从。

8.4 在交互设计上,用户的任何一个操作都应当获得清晰的反馈,比如点击播放一首歌曲(或者播放一段视频、打开一张较大的图片)时,缓冲加载过程中应该给用户展示清晰的反馈信息(如动态进度条或转轮动画等),让用户明确知道自己需要稍作等待和值得等待,而不是毫无反应,让用户误以为应用已经卡住了或点击无效。

9. 在webapp中留下用户反馈的入口,倾听用户的意见和建议

9.1 悉心听取用户的意见和建议至关重要,建议您在webapp内设立用户反馈的入口,使用户能将自己遇到的问题及时反馈给您,作为您改进应用功能和体验的参考依据;

Copyright © 2005-2011 360.CN All Rights Reserved.

360安全中心 版权所有