`
liudaoru
  • 浏览: 1575694 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用户体验设计tips[z]

阅读更多

2009年已经结束了,用户体验已成为上至领导老大下至我等平民百姓挂在嘴边的口头禅。究竟体验是什么?体验好,但又好在哪里?以下列出国外Frank Spillers 作的2010年用户体验挂历,加上笔者对09年各产品用户体验的理解加以点评,不到之处欢迎指正。

  一月份 Intuitive 让产品具有让人产生直觉的)

  直觉意思就是不需要理解。对一个产品来说,一个让人有直觉的产品是通过设计来满足用户期望的;对用户产品说直觉就是产品就如、自己期望的那样运行操作,而且她们也没必要过问自己为什么那样。

  如QQ2009面板中个人信息面板中,空间、邮箱、钱包、邮箱上的数字消息提醒,一看就让人明白有新的、多少消息提醒,点击进去后直觉告诉用户回去哪里。

  二月份 Sociability(让产品具有社交性的)

  社交性给予了用户扩展社交交互和社交行为的方法.一个产品越具有高度的社交性,那么它也就越能够更好的将用户和社区联系在一起.社交界面可以促进用户状态、用户的归属感及群体解决问题的能力,而这些可以使得用户参与贡献、分享及共同进步。

  如Slideshare是一家做SlidePPT稿件上传分享的网站,里面有象twitter那样follow和发送短消息那样的社交功能。

  三月份 Explicitness(让产品直截了当的吧)

  条条框框是直截了当的死敌。产品给使用过程中的条条框框和逻辑能力要求会导致用户挫败感。“dumbing it down”的意思就是产品设计过程中要注意避免用户不知道你所知道的。

  淘宝的站内搜索在之前阿石日志《站内搜索的演化——淘宝篇》中提到过,新版淘宝站内搜索给用户最大的观感就是直截了当的一搜就看到搜索结果,不像现在正式版中搜索到的还有一大堆筛选分类,搜索结果在类目多时第一眼看上去更像是分类器。不过这种直截了当的做法也可能引起老用户的反弹,如最近《万店签名!共同抵制淘宝的按人气排名》的帖子引起很大反响,其实淘宝站内搜索还是在A/B test,但A Test中已然在改动实际触犯了老用户的真金白银实际利益。

  四月份 Context of Use(注意产品使用过程中的情境)

  任何一款产品或者一组用户行为都生存在在一个独特的情境当中,这个情境是由产品所在的环境、企业文化、工作流程、产品设计情感、社会现象等各种因素塑造的。拥抱产品使用情境的设计吧,这样就能更加懂得什么样的用户什么时候需要她(产品)。

  如豆瓣9点的根据用户上网时间情境的白天、黑夜模式自动切换

  五月份 Personas(请关注产品的用户身份)

  用户身份本意是拉丁语的面具。一个用户身份就是一个用户档案,抑或是一个具体用户、用户行为、用户期望和用户需求的快照。好的用户身份,植根于用户行为的深度观察和了解,用以帮助优化产品设计并对其追踪跟进,以及使产品设计更加体现真实的生活。

  如新浪微薄的对名人推出的新浪认证小徽章,因为有真实,才会有用户努力追求真实。对比与139说客的真实互联,新浪的认证更容易形成用户层级,也富于可操作性。

  六月份 Task-Oriented Design(面向任务的产品设计)

  一个面向任务的产品设计可以给予用户有益的产品功能点和特点,使得她们可以更加容易地完成任务(或一组动作流程)、更快的达到她们的目标和释放产品学习和使用过程中造成的阻滞感。

  如京东的购物车流程设计,随着用户购买的进度区分购买流程的步骤,到了订单核对页,还可以点击进度导航往前一级回退,这个细节设计让人佩服,值得学习。

  七月份 Progressive Disclosure(进度显示)

  进度显示是一项连续界面过程中展示信息和动作交互设计技艺,用以避免用户感到不知所措。通过显示信息的进度,你可以向用户展示每一步的产品信息主要部分,这样可以帮助用户在使用过程中的发现她们平时不易发现的产品强大特点和功能。

  如QQ软件安装进度展示,不仅显示安装进度, 还可以在安装过程中以简单、清晰图文展示新版推出的功能,在QQ版本屡创新高09年这一招无疑是个很好的熨贴。

  八月份 Pleasurability(令人心情舒畅的)

  令人心情舒畅的产品会让人产生一种深度情感体验的满足感。越是让人心情舒畅的产品,它也就越能够从社交、生理及认知上满足用户,甚至是她们的价值观。用户会对一个高度令人舒畅的产品产生积极反应,甚至会爱上这款产品。

  如身边的苹果控们热爱力推的iphone 3Gs,谁也不能否认信乔布斯哥的威力,谁说产品不能让人产生信仰?

  九月份 Cognitive Overload(信息设计中关于认知的过度加载)

  认知的过度加载描述了这样的一个情境:用户在海量信息中感到不知所措,以至于达到认知的极限。困惑、沮丧、神奇、甚至无助等用户使用产品过程中产生的阻滞感都是常常都是来自于认知过度加载。当用户抱怨道:太多了时,这其实就是用户对产品发出认知过度加载的信号!

  信息设计的认知过度加载实在是太常见了,一本《don‘t make me think》道尽了信息设计过程出现的种种现象,著名的Krug三大定律也是解决这个问题的良方

  十月份 ContainershipUI设计中的集装箱理论)

  集装箱讲的是相关类信息的视觉组合。只要有联系的信息都可以被组合或是在界面的同一区域看上去是组合的,或包含的。提供好的集装箱意味着提供可以将各种控制走到一起清晰的边界。例如,在产品设计过程中,一个表现为局域性的动作不能表现为和全局性动作。

  如江苏移动首页优惠与活动中全球通、动感地带、神州行三个Tab切换,全球通的品牌色是蓝色,区块背景是全球通的logo,当切换到动感地带时,Tab标题的颜色也随之切换为动感地带的品牌色橙色,背景换位动感地带的logo.局域性有封装的集装箱,也有清晰的边界。

  十一月份 Synch (让用户与产品一起同步心跳)

  同步即在用户和产品之间存在的一种直觉合并的状态或者是。产品和谐的运行在用户的工作韵律当中,例如产品以更少的错误、和用户在一起、以及和用户一起心跳。带有 同步感的产品设计会让用户产生一种情感孽债,而这种情感会帮助用户完成任务、强化用户的满足感以及提高产品的舒适感。

  如豆瓣电台,用户期盼豆瓣算法可以向其推送好的歌曲,豆瓣算法也需要吸收统计用户的偏好(我喜欢、不在播放、跳过曲目)等动作,用户和产品各取所需,两者之间自然有一条一起心跳的

  十二月份 Desirability (让用户对产品产生令人向往性)

  令人向往性是指用户实际想要和需要的一个特点或一些功能点,这里不仅指的是她们需要这些,更是期望这些都在产品用户体验里面。可用性将目光聚焦于使产品使用变得更加容易,令人向往性呢这是和用户在一起想要、需要、以至一起向往。不管是可用性还是令人向往性,都是一个好的用户体验的必须,而令人向往性则须优先考虑。

  令人向往性的产品今年非Google wave莫属,社交娱乐、即时通讯、团队协作集成到一个平台下无疑是一个平台级产品的梦想,也十分令人向往的。不过Frank Spillers本人在可用性与令人向往性的优先上,阿石认为值得商榷,给用户画饼想像的理念当然很好,如果基本的可用性不能达到要求,令人向往性则成了无本之末。

分享到:
评论

相关推荐

    jQuery实现实用的动态信息提示框tips效果可用在超级链接或图片上.zip

    本教程将聚焦于一个实用的jQuery功能——动态信息提示框(Tips)效果,它常用于增强用户体验,提供即时反馈,特别是在超级链接和图片上。 提示框(Tips)通常是一个小型的弹出窗口,显示与用户交互元素相关的额外...

    JS实现简单实用的自动动态tips提示信息框(小的气泡框)效果.zip

    这种效果可以增强用户体验,尤其是在需要指导用户操作或显示重要提示时。本文将详细介绍如何使用JavaScript实现这种功能。 首先,我们需要理解Tips提示框的基本结构。它通常包含一个容器元素,用于放置提示文本,...

    ISPF Design Coding Hints and Tips

    - **弹出式面板**:用于提供额外的信息或提示用户输入特定的数据,增强用户体验。 2. **ISPF特性** - **LMDLIST**:此功能允许用户从一系列数据集中选择,同时提供过滤选项。 - **ISPF表格**:支持多种表格形式...

    纯CSS实现tips帮助提示框特效代码

    这种效果可以提高用户体验,因为它允许用户在不离开当前页面的情况下获取相关信息。 提示框有三种形式:纯文字、HTML代码和图片。纯文字是最基础的形式,直接展示文本信息。HTML代码形式则更灵活,可以包含格式化的...

    So Quem Tem Raiz_Raiz联合开发网_Creating_vert_

    3. **响应式设计**:根据设备的屏幕尺寸和方向自动调整布局,确保在手机、平板和桌面电脑上都有良好的用户体验。 4. **CSS Flexbox或Grid布局**:在前端开发中,这两种技术用于创建灵活的、响应式的垂直布局。 5. **...

    桌面提示-源码

    1. **自定义背景图片**:这个功能允许用户根据个人喜好或需求设置提示窗口的背景,提供了个性化和定制化的用户体验。在编程实现上,可能涉及到图像处理库如GDI+或OpenCV,以及用户界面(UI)的设计和交互。 2. **使用...

    JavaScript Title、alt提示(Tips)实现源码解读

    JavaScript Title和alt提示是网页开发中的...总的来说,通过JavaScript实现的自定义提示框能够提供更丰富、更个性化的用户体验,而不仅仅是简单的文本提示。结合CSS样式,你可以创建各种符合网站设计风格的提示效果。

    jQuery实现图片提示功能

    这个功能在网站中广泛应用于图像预览,提高了用户体验。 首先,我们需要在HTML文件中设置基础结构。创建一个包含小图片的容器,每个小图片都有一个对应的data属性来存储大图片的URL。例如: ```html ...

    鼠标触发提示消息,弹出消息窗口,用jquery 实现的,相当的绚丽

    这里我们选择`mouseover`事件来触发消息显示,同时使用`fadeIn`动画增强用户体验。 ```javascript $(document).ready(function() { $('#element-to-hover').mouseover(function() { $('#message-box').fadeIn...

    javascripit实现密码强度检测代码分享

    8. 用户体验:虽然代码提供了一定的用户体验,如通过边框颜色和提示文本告知用户密码强度,但还可以进一步改进。例如,在用户输入密码时动态显示密码强度条,或者在用户完成密码输入后给出安全建议等。 综上所述,...

    html信息提交提示框

    在网页设计和开发中,HTML信息提交提示框是用户体验中的重要组成部分。它们为用户提供了一种交互方式,以明确地了解其操作的结果或等待状态。在本主题中,我们将深入探讨如何利用HTML、CSS以及JavaScript(这里特别...

    2021-2022计算机二级等级考试试题及答案No.14613.docx

    字段的选择直接影响到页面的功能性和用户体验。 ### 9. 域名管理系统 - **知识点**: DNS(Domain Name System)是互联网上的一项服务,用于将域名转换成IP地址。 - **描述**: DNS是实现域名解析的基础,使得用户...

    让div层随鼠标移动的实现代码 ie ff

    这个效果可以用于提示信息、加载指示器等,提高用户体验。本文将详细介绍如何在Internet Explorer(IE)和Firefox浏览器中实现一个div层随鼠标移动的功能,并讨论兼容性问题。 首先,我们需要为div层设置样式。在...

    详解小程序之简单登录注册表单验证

    前端验证主要是为了给用户即时的反馈,提高用户体验。而后端验证则主要确保数据的安全性。这里重点介绍的是前端验证部分。 前端验证通过在小程序的JavaScript文件中编写验证逻辑实现。例如,在util.js文件中,可以...

Global site tag (gtag.js) - Google Analytics