【笔记】交互设计进阶必备

uxren-offline-bj-201504-records-01

主题:交互设计进阶必备
时间:2015年4月19日(周日)下午 14:00——16:30
地点:北京市朝阳区,北苑路甲13号院,北辰泰岳大厦,1塔,19层
主办:UXRen北京分舵
分享嘉宾:
  • 江楚
    交互设计经理,用户体验交流会主持人;曾在网易、迅雷等一线互联网公司任职交互设计师。7年从业经验,设计过iphone、Android、TV、PC、Web等多平台的产品。
活动链接:http://13tech.com.cn/?p=9182
以下为活动笔记内容:

一、提纲

  1. 如何运用设计法则
    推荐书籍《Don’t make me think》
  2. 可用性十准则
    推荐书籍《认知与设计——理解UI设计准则》
  3. 为自己而沟通
    推荐书籍《男人来自火星女人来自金星》、《沟通的艺术》

 

二、具体内容

2.1、如何运用设计法则

现状:知识太多,思考太少。——抓核心法则,举一反三。

交互设计理论是方法,不是公理。

方法是发展的,无权威可自创,需考量适用范围。

结论:做设计不是套公式。应该换个角度看待理论,这些方法中哪些可以帮到你?

现在虽有越来越丰富的平台,但理念不变。

2.1.1、基础理论一:以用户为中心的设计user center design UCD

具体适用:问答设计法


  • 用户有什么特征和习惯?用户为什么要使用这个产品或功能?
  • 场景
    用户使用的场景(时间,地点,事件);场景是什么?有哪些特点?(三四个典型场景)
  • 设备
    手机?电视机?多设备同时?有什么特点?

围绕三个方面尽可能多地提问题。

目标:推导出方法帮助用户快速实现他们的目的。

例,设计一个路口

  • 用户目的:
    快速安全过马路。
  • 人:
    世界各地人,习惯交规不同,本地人走路快——双语,大明确提示
  • 场景:
    香港,人流车流少,道路窄——不设信号灯,手动灯
  • 设备:
    徒步,轮椅。
注意:以用户为中心而不是唯一。设计需要平衡公司与用户需求。
2.1.2、 基础理论二:别让我思考
  • 网站,不用思考就知道提供的是什么服务。
  • 功能,不用思考就知道怎么用。
  • 提示信息,不用思考就明白准确含义。反例windows提示弹窗。要注意防止歧义。

如果用户需要花费很多时间研究怎么用,就不会用了。

推荐:《don’t make me think》这本书。

 

2.2、可用性十准则
用途:帮助判断交互方案是否合适,检查交互稿,达到60分及格线。
特点:有时候适用有时候不适用。

尼尔森十准则

  1. 一致性

    反例,闹闹的女巫店,简体繁体英文混杂。
    正例,USA TODAY图标样式一致,导航样式一致
    qq阅读版式格局一致
    阿里去啊提示信息语气的一致
    ——考虑产品风格,用户学习成本

  2. 系统状态可见性

    正例,loading…,刷新了50条微博,调焦失败提示。
    类比生活中女生缺乏安全感对男友进行查岗。
    qq电话拨号时会显示:正在呼叫,图像,名字,网络状况。——信息带来安全感!!!
    网易公开课正在下载26,等待。
    注意:整体性,整体考虑可见性。

  3. 使用方便快捷

    例,签到产品,把签到图标放在全部主页面的右上角。——重复
    苹果app菜谱创建——多选择少输入,标签形式显示出现频率高的词汇并可选
    path——常用多功能收入到一个加号里面
    qq表情,悬停输入最近使用表情——少步骤

  4. 预防出错——需预计出错点

    ipad app注册灰色按钮不能点,直到输入正确。
    去哪儿,联想给出可选项。
    163邮箱注册,给建议,提前告知。
    反例,星巴克注册?

  5. 帮助用户识别,分析,改正错误

    163邮箱,告知登陆不成功原因,分析可能原因,如何进行下一步。
    google无法显示此网页

  6. 识别而不是回忆

    反例,重要信息放在提示信息中,会消失。图标让人产生疑虑。
    假如必须回忆,如神庙逃亡,对操作方式的说明采取学习的方式。

  7. 符合真实世界

    儿童产品
    苹果播放器
    符合真实世界的逻辑。

  8. 用户自由控制权

    微博,loading,您可以去其他页面逛逛,不要将用户控制在当前页面中。
    正在发表,可以点取消。

  9. 精简的设计

    一目了然

  10. 提供在线文档和帮助

    正例,知乎帮助,提问方式的指南,符合知乎特色。
    《认知与设计——理解ui设计准则》

 

2.3、为自己而沟通
2.3.1、 沟通心理模型

一般心理模型:证明我是对的,你是错的—使别人用我的方案—争执或心里不服而非达成一致高效合作
建议心理模型:理解别人—使别人理解我—协商出更好方案—达成一致高效合作
不要证明他人的观念是不和逻辑的等等,那只会导致他人信念根深蒂固。

  • 问一,如何理解别人?
  • 尽量设身处地去思考他们为什么这么做。
  • 问二,为什么要先去理解他人?
  • 只要对方不是疯子,他就一定有他的理由。
  • 我们看待问题就如同盲人摸象,为了让自己看到更多事实,接近问题全貌,为了让产品更好。
2.3.2、 推荐书籍
  • 《男人来自火星女人来自金星》
  1. 有目的地沟通
  2. 正确地理解
  3. 放弃指责
  4. 承担责任
  • 《沟通的艺术》

 

三、问答环节:

  1. 话语权的问题——话语权来自对产品的了解度。谁想得更深入更全面就更能获得话语权。
  2. 技术不实现——自我评估,集体协商。在沟通的时候一定要让别人觉得他们自己很重要!
  3. 版本迭代中的作用——站在更高的角度,为产品迭代的同一目标而思考和沟通。想法放在哪个版本中合适?
    例,恭喜发财掉红包?首先要想清楚意义价值,考虑每个版本的侧重点不同,去协商。
  4. 建立私交关系。多理解他人。获取认可。

 

备注:

  • 由于人数有限,工作经验有限,本次讨论的问题也有一定局限性,
  • 如有大神想发表相关问题的意见,欢迎邮件:370254953@qq.com

 

感谢@BJ-BPO-Omei (QQ号:370254953)笔录整理!

 

 

2 条回复

  1. 头像 林波UED说道:

    试试回复效果

  2. 头像 歪妖内涵网说道:

    不错不错,来看看。。

发表评论

您的电子邮箱地址不会被公开。