引入情景设计的交互设计实例
上文中谈到了情景设计,可能大家对情景设计如何具体使用还是很迷惑,我们就举个交互设计中的实例来抛砖引玉一下。
我们之前在设计 白社会 中的个人主页时,经过产品需求分析,我们将个人主页的使用情景分成了4类,并情景的的重要度依次排列,排首位的是情景1:初次看陌生人的个人主页。
这里,我们模拟一下情景,编一个小故事来带出需求和解决问题:
人物:小宝
故事:
1、一天,小宝看到同事李伟的好友里有个叫小美的,特别活跃,看头像貌似还是个美女,于是特想知道小美的更多情况,多大了,有没有男朋友,在哪上班,喜欢什么,有没有更多的照片,想认识认识……
2、小宝收到好友邀请,但是通过看人名和头像,好像不认识这个人,于是他想知道跟自己有什么关系,是不是该接受好友邀请
需求:
1、可以看到对方的详细的档案信息。
2、可以看到对方的照片。
3、可以了解对方的经常干些什么,最近是个什么状态。
4、可以加对方为好友。
5、可以看到对方跟自己的关系。
主要成功场景:
1、很快的找到大头像以及部分照片
2、很快的看到年龄、工作、人生阶段等信息,并可以进一步了解对方的更多兴趣爱好
3、可以看到对方最近喜欢干些什么事,近期的状态更新
4、很方便的点击加她为好友,为了不那么冒昧,可以先打个招呼什么的
5、能通过双方的联系(共同好友),很快猜出对方是什么人
设计:
1、元素:大头像,名字,简略的档案,部分照片,加好友,打招呼,动态,状态,共同好友,更多档案信息
2、排列:大头像显示,简略的档案信息,部分照片的展示都属于人物个人属性,放在一列中体现,动态以及状态属于人物的行为属性,放在另一列中体现,双方的共同好友,属于人物的关系属性,放在第三列中体现,这样个人主页应该具备三列式的排布,依次个人-行为-关系,动态信息量比较大,放在中间列,更宽的位置展示。更多档案信息属于进一步了解对象,可以放到个人主页之外
3、顺序:头像,简略档案,照片符合从浅到深的理解顺序,自上到下排列,加好友、打招呼、状态暂不排列
这样,比较顺理成章的找到了主要需求,解决了主要问题,完成了主要情景下的设计。
然后,我们在按此方法把其他情景依次分析,最后综合一下,就可以完成个人主页的基本设计了。
情景2:看新好友的个人主页
……
情景3:看老好友的个人主页
……
情景4:看自己的个人主页
……
建议继续学习:
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:leeking001 来源: Leeking001
- 标签: 情景设计
- 发布时间:2011-03-27 23:39:55
- [41] 界面设计速成
- [36] Oracle MTS模式下 进程地址与会话信
- [33] IOS安全–浅谈关于IOS加固的几种方法
- [33] 如何拿下简短的域名
- [32] 视觉调整-设计师 vs. 逻辑
- [32] 程序员技术练级攻略
- [32] 图书馆的世界纪录
- [31] android 开发入门
- [31] 【社会化设计】自我(self)部分――欢迎区
- [28] 读书笔记-壹百度:百度十年千倍的29条法则