所有发布在 ‘UI & UE’ 下的日志

UXD-P需要考察用户的观点,行为和交互过程,需要找到我们提供的产品和用户之间的情感联系。大多数情况下这些用户和他们的经验都是未知的,需要深度地探讨他们的人生旅程,个人历史和经验。

经验是一个集合体,它包含了线上、线下和任何微小的事情所带来的影响。这关系到去体察用户未满足的需求,能力和欲望,而这些又是相互关联的。

Peter Morville的UX 蜂巢

UX honeycomb

我们需要问用户下述的问题:

  • Is the application useful for the individual user and his specific task?
  • Is the application usable for the individual user and his specific task?
  • Is the application desirable for the individual user and his specific task?
  • Is the application valuable for the individual user and his specific task?
  • Is the application accessible? Available to every individual user, regardless of disability?
  • Is the target findable for the individual user and his specific task?
  • Is the application credible for the individual user and his specific task?
  • 在UXD-P中,我们需要从用户对GUI的观点和交互过程出发,寻找产品和潜在用户之间的情感联系,这就不只是要看用户对该产品和同类产品的经验了,而是要考察用户的所有类似经验。

    日志类别:UI & UE
    标签:

    UXD-P(Person)——每一个人都是独特的

    每一个人都是独特的,每个人在不同的环境下又扮演着不同的角色。有些时候单个的人扮演的唯一的角色,但大多数时候,大多数的人都同时扮演着不同的角色。

    Individual Person

    UXD-P——期望、经验和已有知识的网络

    每个用户都是多面的,而且往往比他们自己认为的还要复杂。所以我们不能只是询问他们的需求,而要看他们是怎么做的,在聆听他们时发掘出他们所做出的判断和决策。同时通过观察我们需要评估和理解他们为什么这样做,不那样做;用户喜欢和理解哪种视觉元素,为什么;用户对何种心智模型、导航和功能有反应?

    只有当“行为,说法,目标达成”这三者放在一起进行调查,才能得到“标准”用户的完整经验图谱。

    “User experience is not about how a product works on the inside. User experience is about how it works on the outside, where a person comes into contact with it and has to work with it” (J.J.Garrett – The Elements of User Experience) .

    不同的经验区域会影响到用户交流的质量

    area of experience

    UXD-P 个人和个体

    当我们谈论经验时,会把个体考虑进去。这就包含了用户在接触产品的一瞬间所产生的主观感受。经验是瞬间的,短暂的,有时它是多层次过程中的一部分,有时候它又是独立存在的。

    通常情况下这样的知识是在学习其他东西的时候被学到,在用同样的东西的时候被唤起,但实际情况往往不是这样,换了一种环境后,用户或许就会用另外的方式去面对。如果把用户经验当作连续统一体,用户把过去的经验带到当下的活动中,同时灌注了对于未来的希望,这种未来可能是:用安全保险的方式来操作银行业务。

    用户总是在当下的活动中沿用过去的经验,并抱着当下对于未来的期望

    flow of experience

    日志类别:UI & UE
    标签:

     

    Among the minor tweaks we introduced with the new Basecamp project switcher are some larger link targets at the top of the screen. Since then I’ve been paying extra attention to link target size. Here are a couple examples of generous link targets for inspiration.

    Threadless has featured large link targets on its main navigation for a long time. Here’s what the nav looks like:

    40-threadless-links

    As a user, when you glance at this nav, you might imagine the specific pixel areas that you need to target like this:

    41-threadless-links-imagined

    But when you move your mouse toward the nav, you’ll be pleased to discover the actual link targets are much larger:

    42-threadless-links-actual

    The end result is a feeling of comfort. It’s just really easy to click the links. It feels like the links are working with you instead of against you.

    Flor does the same thing with their links. Here’s the navigation:

    43-flor-links

    Here are the targets you might aim for:

    44-flor-links-imagined

    And here are the actual targets:

    45-flor-links-actual

    You might have noticed both of these sites use images for their navigation links. The same effect is easy to achieve with HTML links. Just use padding where you might have had whitespace.

    Normally you might have white space between your links like this:

    <div class="nav">
      <a href="">First link</a> <a href="">Second link</a>
    </div>

    Instead, use clickable padding on the anchors to create space between them:

    <style>
      div.nav a { padding: 5px; }
    </style>
    
    <div class="nav">
      <a href="">First link</a><a href="">Second link</a>
    </div>

    Note how the anchors touch each other with no white space in the second example.

    We do this in quite a few places in our apps and think it’s one of those small things that makes a big difference.

    日志类别:UI & UE
    标签:
    日志类别:UI & UE
    标签:
    昨天简单翻译了Luke Wroblewski("Web Form Design: Filling in the Blanks一书的作者")的“Sign Up Form Must Die”,今天又看到一篇文章提到了他文中所说的“Gradual Engagement”。
     
    文中举出一些例子来证明“Gradual Engagement”和“Emotional Feedback”已然成为web UI设计的两大趋势。
    所谓Gradual Engagement,是指用户从进入网站到有兴趣试用这个网站是一个渐进的过程,web UI设计应该充分尊重用户的这一过程,而不应该像传统网站那样在用户刚有兴趣试用网站时突然转到繁琐的注册表页面,从而打断了用户良好的Gradual Engagement体验过程。昨天《注册表必须消失》一文中所列的几个网站都是这方面做得比较好的例子。
    而所谓Emotional Feedback,则是指网站在不显眼不影响用户体验的地方提供用户情感表达的简单模块,方便用户提供情感反馈,是一种关注用户的体现。
     

    毫无疑问,Gradual Engagement是应该大力提倡的,但Emotional Feedback,还是值得更多的思考,怎样才能让这样一个新鲜贴心的小玩意不会被用户当成烦人的Pop-Up而影响了用户体验。

     
    wufoo1
    WuFoo’s Support Form
    are_you_happy_nEO_IMG
    Xobni’s Emotional Feedback Pop-Up
    faces_001_nEO_IMG
    GetSatisfaction’s Emotional Feedback
    日志类别:UI & UE
    标签: