实名虚拟币观察员自荐女生 | 公告导航 | 新手指南 →发邮件注册

WebPPD产品原型设计

社区增值平台

Axure RP中文社区

itFeed博客聚合

产品经理微博群

Home

WebPPD产品原型设计 » 交互设计 » 交互设计细节中的常见问题

12 3 4 下一页

返回列表回复发帖免费斗地主赢30元充值卡

管理员

Rank: 9 Rank: 9 Rank: 9

贡献值: 11796
虚拟币: 13005
来自: 北京

实名认证

楼主

字体大小: tT

发表于 2010-7-5 14:34 | 只看该作者

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

产品经理薪水

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

2010-5-23 14-04-43.png

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

-2010-6-15 13-11-04[9].jpg-.jpg

2010-6-12 17-50-15.png

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

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

2010-5-24 22-37-09.png

2010-5-24 22-26-35.png

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

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

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

2010-5-23 14-52-20.png

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

2010-5-23 15-04-47.png

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

2010-5-24 21-43-08.png

2010-5-24 22-29-53.png

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

2010-5-24 22-02-27.png

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

2010-5-24 22-10-36.png

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

2010-6-12 16-57-39.png

2010-6-21 14-44-55.jpg

3 评分次数

虚拟币 + 1

sping
虚拟币 + 1

一穷二白
虚拟币 + 1

裴肖龙

收藏分享评分

我的微博更多推荐：APP:尹广磊说产品，如何获得虚拟币？，尹广磊企业内训，招聘信息

分享到： QQ空间腾讯微博腾讯朋友

回复引用

会员

Rank: 5 Rank: 5

贡献值: 7
虚拟币: 3
来自: 浙江

二楼

发表于 2010-12-16 10:32 | 只看该作者

我是女生

学习了。

回复引用

会员

Rank: 5 Rank: 5

贡献值: 201
虚拟币: 534
来自: 北京

实名认证

三楼

发表于 2010-12-28 13:07 | 只看该作者

回复引用

会员

Rank: 5 Rank: 5

贡献值: 108
虚拟币: 167
来自: 北京

四楼

发表于 2010-12-30 14:03 | 只看该作者

学习学习

回复引用

会员

Rank: 5 Rank: 5

贡献值: 10
虚拟币: 1

五楼

发表于 2011-1-5 15:43 | 只看该作者

我去好强啊`

回复引用

会员

Rank: 5 Rank: 5

贡献值: 10
虚拟币: 0

六楼

发表于 2011-1-17 19:37 | 只看该作者

牛！

回复引用

会员

Rank: 5 Rank: 5

贡献值: 10
虚拟币: 0

7^#

发表于 2011-1-23 21:04 | 只看该作者

学习，学习。。。。。。。。

回复引用

会员

Rank: 5 Rank: 5

贡献值: 101
虚拟币: 116

实名认证

8^#

发表于 2011-1-27 17:41 | 只看该作者

先标记一下

回复引用

会员

Rank: 5 Rank: 5

贡献值: 10
虚拟币: 215
来自: 江苏南通

实名认证

9^#

发表于 2011-2-4 16:33 | 只看该作者

细节的注意，很棒，学习了

回复引用

会员

Rank: 5 Rank: 5

贡献值: 11
虚拟币: 30
来自: 深圳

实名认证

10^#

发表于 2011-2-14 11:13 | 只看该作者

写的太好了！！！

回复引用

会员

Rank: 5 Rank: 5

贡献值: 11
虚拟币: 50

11^#

发表于 2011-2-15 09:33 | 只看该作者

太好了。。学习了很多细节方面的东西

经不住似水年华，逃不过此间少年

回复引用

会员

Rank: 5 Rank: 5

贡献值: 11
虚拟币: 55

12^#

发表于 2011-2-15 16:26 | 只看该作者

学习学习了。。了解不少好东东

回复引用

会员

Rank: 5 Rank: 5

贡献值: 101
虚拟币: 98

实名认证

13^#

发表于 2011-2-18 11:18 | 只看该作者

回复引用

会员

Rank: 5 Rank: 5

贡献值: 108
虚拟币: 83

14^#

发表于 2011-2-22 14:52 | 只看该作者

图文并茂说得好细致，学习了~

回复引用

会员

Rank: 5 Rank: 5

贡献值: 100
虚拟币: 101

15^#

发表于 2011-2-23 11:09 | 只看该作者

收藏，楼主辛苦了
大部分认可

回复引用

会员

Rank: 5 Rank: 5

贡献值: 11
虚拟币: 30

实名认证

16^#

发表于 2011-3-11 14:04 | 只看该作者

太牛了

回复引用

ia

会员

Rank: 5 Rank: 5

贡献值: 10
虚拟币: 0

17^#

发表于 2011-3-14 11:21 | 只看该作者

好强大..给你发现了这么多问题..看来我技术还是差很多啊!!!努力

回复引用

会员

Rank: 5 Rank: 5

贡献值: 10
虚拟币: 0

18^#

发表于 2011-3-16 13:07 | 只看该作者

学习了，原来自己身边的常用网站这么多的疏漏。

回复引用

会员

Rank: 5 Rank: 5

贡献值: 10
虚拟币: 0

19^#

发表于 2011-3-16 14:24 | 只看该作者

学习学习

回复引用

会员

Rank: 5 Rank: 5

贡献值: 10
虚拟币: 0

20^#

发表于 2011-4-4 12:58 | 只看该作者

好好学习

回复引用

12 3 4 下一页