分类存档：交互设计

人本设计沙龙会后随笔

说是随便，因为整个会议下来仅仅记得其中的一小部分，但却有让我学了些东西。

记录李东旻演讲的一些内容：

  • “产品设计的要素是：用户最主要的需求得到满足”
  • “设计师要知道什么使游戏有趣，更要知道什么使用户感觉很差”
  • “做产品的三要素：目的、手段、效果”
  • “这个流程体验不好，要改一下…….  这不是修改的目的”

    记录曹晓刚演讲的一些内容：

  • “所有互联网的创新，本质上都是信息边界的创新”

    记录熊平演讲的一些内容：

  • “通过对用户行为的追踪，来发现系统中的即将发生的问题或者信息交通拥堵，从而引导用户避开错误或信息拥堵”

    记录轻候演讲的一些内容：

  • “产品设计的几个层次：
    1.  how to choose ?
    2.  how to do it ?
    3.  what to do?
    4.  how to know?”
  • “用户研究的两个层次：
    1.为设计而研究
    2.因研究而设计”

    • 人本设计沙龙官网

    Axure 实现网站登录的交互

    原理：

    1. 通过变量来记住用户的状态，是处于登录前还是登录后

    2. 用master 的 onPageLoad 事件来判断是显示登录前的界面还是登录后的界面

    实例：

    1. 将设计好登录前和登录后两种界面效果做成dynamic panel的两种state，默认state为未登录的。pannl命名为login

    登录前的state命名为no:

    登录后的state命名为yes:

    2. 添加登录前“登录”按钮的交互事件

    2.1

    2.2 新建一个变量，“login”

    2.3 将该变量login赋值为“yes” 表示已经登录

    2.4 添加交互事件

    选择reload current page方式

    3. 添加登录后“退出”文字链的交互事件

    3.1

    将该变量login赋值为“no” 表示未登录

    4. 将这panel转化成master

    5. 为master添加onPageLoad事件

    5.1 为交互事件设置引发条件

    当变量 login 等于“yes”时，既用户已经登录

    5.2 设置交互事件

    切换到pannel面板的“yes”state

    5.3 同上面的设置

    当判断出用户没有登录（变量login等于“no”）切换到dynamic pannel 面板的“no”state

    原型图预览

    下载源文件

    Axure Design Pattern

    用了Axure 快一年，基本都是靠摸索和上一些国内使用axure的先驱的博客来学习这款软件。后来发现了Loren Baxter 的Axure Design Pattern，从中学到了不少交互的设计方式。
    Axure Design Pattern：

    1. Calendar 月曆
    2. Checkbox List 核取方塊列表
    3. Embedded Video 嵌入視訊檔
    4. Expand / Collapse Animation 動態展開/摺疊
    5. Inline Edit 直接編輯
    6. Lightbox 光箱特效
    7. Live Search 自動完成
    8. Photo Scroller 照片捲軸
    9. Post a Message 張貼訊息
    10. Rating 評分
    11. Tabs 頁籤
    12. ……

    更多内容自己下载吧

    Axure Design Pattern

    同时再附上西贝同学整理的Axure教程网络资料汇集

    Natal

    在E3 2009大展上，微软公布了“Natal”计划。透过一个集成了各种感应组件（包括摄像头、深度传感器、多点阵列麦克风以及一个可处理专用软件的处理器）的装置，用户可以用头、手、足、躯干来控制游戏中的角色，从而更酣畅地投身于虚拟世界。这样“人性化”的人机交互方式将带来又一次深刻的产业变革

    淘宝网商交易会

    淘宝第一届网商交易会今天在广州举办，我学习了《打造网店个性体验——成就“秒杀网或”》《网货拉内需——企业成功转型网络零售论坛》两个课程

    这次网商交易还是蛮务实的。其中我最大的感受就是淘宝大学真的可以帮助“掌柜”们更好的经营他们的店铺。淘宝不仅给“掌柜”们提供一个自己当老板的平台，还传授他们如何赚钱。课程的详细程度和实用程度都超出我的想想:

  • 如何让更多人来自己的店铺
  • 如何让来的人都买
  • 如何让来的人买得更多
  • 如何让买的人再来买

    • 在课程中给出了很多实用的技巧，比如如何在淘宝的搜索中提升排名；如何为“宝贝”的标题命名；如何写“宝贝”的详细介绍；各种促销方式的用法；如何选择客服人员等等。

    为用户提供完整的产品（c2c平台），可以解决用户的一些需求（能够在网上开店）。但仅仅提供产品，就够了吗？我们不光要把目光注视在用户的需求上，还要关注产生这个需求背后的动机（创业、赚钱）。了解用户的动机，帮助用户实现他们的愿望（帮助用户创业、教用户赚钱）才是用户的终极需求。

    垂直门户中的产品和资讯

    这两天都在谈论这个问题，关于垂直门户中的产品和资讯

    ·产品和资讯在这里的定义
    这里指的是产品是相对于资讯来说的提供给用户的其他服务。好比现在的太平洋电脑网，它可以给用户提供各种数码产品的最新动态、评测、行情，在这里我把这些定义为资讯。除此之外，还提供给用户数码产品的产品库和报价库，方便用户查找产品的参数和报价，这种在篇文章中我定义为产品。

    ·产品和资讯问题的产生
    资讯和产品之间的问题是由资讯类网站的发展所造成，那就是资讯类网站不再只做资讯服务，也开始根据用户和业务的需求，来设计一些产品，好比邮箱、博客、产品库等。这样以为资讯进行架构的垂直类门户就会与后诞生的产品产生矛盾。如果产品和现有的资讯的关联度不大，比如博客。那矛盾就很小。但如果产品和资讯有比较大的关联，比如产品库，那问题就出现了。

    ·问题的表现
    现有的以资讯为架构的网站组织形式难以适应产品的发展
    拿太平电脑网来举例，像这样的垂直类门户的导航往往是很庞大的，而且以资讯为基础的。我们看到电脑网首页的导航的主体是各种产品的资讯：

    后来才出现的产品往往会被庞大的导航系统淹没。比如用户想查某款手机的报价，来到太平洋电脑网首页，往往更容易被 引导进入手机频道，而不是“今日报价”。为了解决这个问题，我们就在手机的资讯页中也加入了产品报价的部分功能。

    但随着网站的发展，产品的增加，资讯页承载的任务将会越来越多。它不光要完成自己原有的使命，提供资讯。还要提供各种产品的功能。但用户却并不买账，看资讯的用户会被报价功能打扰。查报价的用户会发现这里的报价功能并不完整。

    ·对于问题的思考
    站在用户的角度来分析，浏览资讯的和查看报价的用户的需求肯定是不同的。查看报价的用户目的性更强，他们往往是带着问题来到我们的报价库，希望能够快速的解决问题的，如参看制定产品的型号、价格，了解这款产品的评测等。而浏览资讯的目的性就要弱一些，可能他们关心的是行业内发生了什么事，有什么新的产品上市等等信息。当然这两类需求也不是完全对立的，在一定情况下也会向对方移动。但梳理清楚这两种需求，为这两种需求分别提供一种解决方案，无疑 可以帮助用户更好的满足他们的需求。

    最后提供我们的老朋友 zol 最近首页改版的效果图：

     

    有幸参加了UCDChina广州的书友会

    借来广州出差的机会，有幸参加了广州的UCDChina书友会，一次春游书友会。

    个人感觉广州这边的氛围还是蛮8错，参加书友会的人蛮多的，组织者在“会前”也会把讨论的提纲准备好，发给大家，这样讨论起来也有的放矢。

    这次的话题是“分辨率和浏览器布局”，可惜会前没做功课，所以思考得还比较浅。这次讨论比较大的收获应该是了解了手持设备对于分辨率和浏览器的布局的要求，借用某个同学的话来说就是“目前考虑如何让内容正确显示更重要”，因为手持设计的分辨率差异化更大。参加这次书友会的网易、新浪、多玩的同学，做产品的、交互、用户体验、交互设计、视觉设计、前端的都有。

    后来和胡晓在会后交流了一下，他告诉我，广州这边的书友会话题讨论的深度还比较浅，有时可能更像扫盲。我想这可能是话题和大家的工作的方向有关，如果大家在某个方向有过工作经验或者项目经验，那在讨论与之相关的话题时就能更深入的谈下去。如果没有这方面的经验来参加书友会就有点像扫盲。这其中也暴露了我们的一个问题，做为一个UCDer，我们不能仅仅把我们的关注度集中在工作和项目中，我们要留意互联网的变化，观察我们身边的产品，了解我们的用户，只有站在更高的位置，以更广的角度来看问题，才能从一个比较宽泛的角度来认识基于互联网的产品和他们的用户。书友会中的探讨应该是对我们平时知识、经验积累的一个升华，而不是填补某一块空白。