爱评测-移动互联网评测

标题: 交互设计细节中的常见问题 [打印本页]

作者: 叶仁誉    时间: 2014-8-9 01:23
标题: 交互设计细节中的常见问题
[attach]1941[/attach]

交互设计细节中的常见问题


1. 同类型内容表达形式要一致,不同类内容不能在相近区域一致。
2. 合理使用页面的主体与次要位置。
    最常见的页面结构时:
  [attach]1942[/attach][attach]1944[/attach]下载 (16.92 KB)
2010-7-5 14:34


    保证主体位置的核心功能,不在主体位置强推推荐功能。
    一般意义上左下方和页面右侧为次要推荐位。
   参考:广告的相关性和广告数量对阅读体验的影响

3. 关联内容间的功能,在页面中的鼠标移动跨度不宜太大。(如:浏览中的回到顶端)
4. 同一功能模块,不宜有太多的功能入口,至少保证用户通过主导航深入的路径通顺。
5. 同一功能模块,不宜有过多的不同表现形式,甚至有得地方功能多,有的地方功能少。
6. 保证主导航在各个页面功能入口的完整性,不能在某些页面出现主导航入口缺失。
7. 不轻易改变互联网上普遍遵循的几近标准的用户习惯。
8. 功能的入口层级不宜过深,一般控制在3级以内。
9. 不增加过程中无必要的点击,状态更新提示在页面中完成,不增加额外的确认点击。
10. 选择内容最适合的表达方式,不盲目占用不必要的空间,跳转不必要的页面。同时注意到留白、隔断等,不在狭小区域密集太多非必需功能。
11. 注重文字部分的表达修炼,力求文字简明、扼要、无歧义,合理的表达顺序,必要时配合图标,帮助诠释含义。

-----------------------------------------------------
以下是对应上边编号的错误实例:

1. 同类型内容表达形式要一致,不同类内容不能在相近区域一致。

[attach]1942[/attach][attach]1946[/attach]下载 (19.36 KB)
2010-7-5 14:43



[attach]1942[/attach][attach]1947[/attach]下载 (12.11 KB)
2010-7-5 14:43



-----------------------------------------------------
2. 合理使用页面的主体与次要位置。

[attach]1942[/attach][attach]1949[/attach]下载 (238.7 KB)
2010-7-5 14:45



[attach]1942[/attach][attach]1952[/attach]下载 (216.36 KB)
2010-7-5 14:45



[attach]1942[/attach][attach]1955[/attach]下载 (58 KB)
2010-7-5 15:10



-----------------------------------------------------
3. 关联内容间的功能,在页面中的鼠标移动跨度不宜太大。

[attach]1942[/attach][attach]1957[/attach]下载 (84.88 KB)
2010-7-5 14:51



[attach]1942[/attach][attach]1960[/attach]下载 (53.77 KB)
2010-7-5 14:51



[attach]1942[/attach][attach]1961[/attach]下载 (75.72 KB)
2010-7-5 14:51



-----------------------------------------------------
4. 同一功能模块,不宜有太多的功能入口,至少保证用户通过主导航深入的路径通顺。
5. 同一功能模块,不宜有过多的不同表现形式,甚至有得地方功能多,有的地方功能少。

[attach]1942[/attach][attach]1964[/attach]下载 (85.49 KB)
2010-7-5 14:53



-----------------------------------------------------
6. 保证主导航在各个页面功能入口的完整性,不能在某些页面出现主导航入口缺失。

[attach]1942[/attach][attach]1976[/attach]下载 (460.22 KB)
2010-7-5 14:58



-----------------------------------------------------
7. 不轻易改变互联网上普遍遵循的几近标准的用户习惯。

[attach]1942[/attach][attach]1978[/attach]下载 (31.23 KB)
2010-7-5 15:00



-----------------------------------------------------
8. 功能的入口层级不宜过深,一般控制在3级以内。

[attach]1942[/attach][attach]1981[/attach]下载 (140.2 KB)
2010-7-5 15:02



[attach]1942[/attach][attach]1983[/attach]下载 (24.42 KB)
2010-7-5 15:02



-----------------------------------------------------
9. 不增加过程中无必要的点击,状态更新提示在页面中完成,不增加额外的确认点击。

[attach]1942[/attach][attach]1985[/attach]下载 (35.56 KB)
2010-7-5 15:02



-----------------------------------------------------
10. 选择内容最适合的表达方式,不盲目占用不必要的空间,跳转不必要的页面。

[attach]1942[/attach][attach]1988[/attach]下载 (88.48 KB)
2010-7-5 14:56



-----------------------------------------------------
11. 注重文字部分的表达修炼,力求文字简明、扼要、无歧义,合理的表达顺序,必要时配合图标,帮助诠释含义。

[attach]1942[/attach][attach]1991[/attach]下载 (218.24 KB)
2010-7-5 15:09



[attach]1942[/attach][attach]1995[/attach]下载 (202.91 KB)
2010-7-5 15:09


6评分次数
收藏分享评分




欢迎光临 爱评测-移动互联网评测 (http://www.aipingce.com/) Powered by Discuz! X3.2