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

尹广磊 · 发表于 2010-7-5 14:34:44

1. 同类型内容表达形式要一致，不同类内容不能在相近区域一致。
2. 合理使用页面的主体与次要位置。
最常见的页面结构时：
2010-7-5 14-32-58.jpg

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

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

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

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

2010-6-2 23-21-58.gif

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

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

2010-5-23 14-27-34.png

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

2010-5-23 14-39-15.png