位置:首页 » 教程 » 用户体验设计实例:B2C搜索LIST页面设计

用户体验设计实例:B2C搜索LIST页面设计

日期:2010-05-02 阅读:0num
Advertisement
破洛洛文章简介:用户体验设计实例:B2C搜索LIST页面设计.

改版背景

创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作。 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角、多纬度的分析。力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴。

功能需求取舍

用户体验设计实例:B2C搜索LIST页面设计

在项目中,我们从市场运营那里采集了大量需求,那怎么把这些需求归类整理,挑选出我们目标用户迫切需要的功能点呢?总体来说:以娱乐的心态取舍功能需求,只给最需要的不给最强悍的。

来自运营的需求,来自用户的需求,往往多种多样,可以用千奇百怪来形容,那么如何配合产品规划师、产品经理找到用户最迫切的需求呢?

头脑风暴可以让产品设计团队成员产生很多创意。当收集到大量需求时,其中可能有主要需求与次要需求,客观判断哪些是首先要完成的,哪些是可以放到2期来做的,并制定标准需求优先级与对应时间节点,这样可以保证项目按期完成。

最让人头疼的往往是取舍功能需求,我们应该以什么标准,什么心态来应对呢?最好通过创建一个纸上原型或观察用户的操作,来制定取舍标准,并确保标准里涵盖以下基础点:

  • 用户档案-描述用户的具体特点。特别注意用户在使用网站时的任何问题,如物理限制。(抛弃与用户的特点不匹配的需求)
  • 文本环境分析-研究用户的日常任务、工作流程模式、工作环境和概念框架。这有助于你理解为什么用户对正在测试的网站做出如此反应。(抛弃与用户操作环境不匹配的需求)
  • 可用性目标设定-需要制订质量具体化的目标,它能体现从用户档案中搜集到的需求。测试在某个阶段用户能否完成任务,如果用户受到限制,那就应该重新设定用户的目标。(抛弃与用户目标不匹配的需求)
  • 平台功能和约束-必须确定界面或产品的功能和限制,以界定可用性需求的范畴。这一信息会受用户可用性需求的影响。(抛弃与平台技术能力不匹配的需求)
  • 通用设计指南-必须使用公认的设计准则来设计你的界面。参照网页设计指南制作出来的网页才能在网页浏览器上表现正常。(抛弃与用户体验设计指南不匹配的需求)

产品(交互)体验设计师在做互动设计之前,除了要对需求把关外还要消除项目关系人之间的分歧,满足用户的期望、工程师的期望、销售与市场人员的期望、经理的期望。最后寻找一个各方都能够接受的平衡点,具体阐述请参看:交互设计师怎样和产品团队合作

交互设计优化

用户体验设计实例:B2C搜索LIST页面设计

从设计图到原型的诞生,是一个复杂而又有趣的过程。首先我们怎么完成复杂的设计图呢?前期的市场调研与需求分析为我们提供了第一手好资料,接下来我们要把这些资料逐条分析并提炼需求要点。在头脑风暴讨论中,交互设计师要与产品设计师、需求分析师等一起参加设计图创建的讨论。在讨论中确定商业需求范围、产品需求逻辑、产品规范等,最后总结出一份过程文档。它可能是BRD或FRD,它将是纸上原型的设计指导书。

当交互设计师拿到这个过程文档后,就可以创建设计图中的逻辑架构图和任务操作流程图了。在创建逻辑架构图时,可以选择Camp Tools或Illustrator制作,当然也有人选择Mind Manage制作。不管选用哪一种制作工具只要能把逻辑架构表达清晰即可,这里就不再赘述每种工具的使用方法和优缺点了。同时,交互设计师要始终以信息架构的原则来创建逻辑架构图,确保逻辑信息的完整性、表达信息的一致性、架构信息的简洁性等。在创建任务操作流程图时,通常选择Visio制作。在用Visio制作过程中,重在表达功能点之间的交互,我们可以用Visio中提供的流程图形与流程符号,来表达设计中的关键功能与关键节点。

在经过纸上原型设计之后,交互设计师要与产品规划师、可用性工程师迅速沟通,优化纸上原型。交互设计师会根据纸上原型确定的功能点与信息框架,通过Axure制作出低保真的交互设计原型DEMO。在制作Axure交互设计原型DEMO时候,应该注意的以下几点原则:

  1. 用Axure页面导航结构去构建信息架构。
  2. 页面的命名要有统一的规范标准。例如:一级页面,二级页面,过程页面(状态页、结果页)等都要有统一的标准。
  3. 避免纠结复杂的交互控件实现。要记得Axure是快速原型实现工具,并且网上已经有很多成型的Axure交互设计模板可以直接调用。
  4. 少一点色彩与布局,多一点标注与说明。把色彩与布局的问题留给视觉思考吧,多些减少沟通成本并可消除歧义的注释吧。
  5. Axure交付物也要注意可读性、可及性。把你的交互产出物移交给视觉和前端的时候,记得让他们能很容易看懂你想传达的东西。
  6. 交互设计原型不是必须生成HTML文件并能动态交互。不一定要能动态展示,但必须要能完整清楚传达出你的交互过程。

最后,请交互设计师们把自己当成真正的产品设计师,你们对产品与项目的责任不低于项目(产品)经理。

视觉色彩优化

用户体验设计实例:B2C搜索LIST页面设计

IBM一直被人们称蓝色巨人(Big Blue):信任、可靠。可口可乐是红色:活力、热情。颜色不仅仅作为这些公司的标识,还把它们加以理想化了。

不可否认,色彩改变了我们对于所见事物的反应“颜色”。不同的配色方案,给人以不同的感受,或顽皮、或深沉;或冷淡、或热情;或别致、或邋遢;或充满活力、或安静;或阴郁、或活泼;或端庄、或幼稚;或朴实、或浪漫;或专业、或业余;或炽热、或阴森。色彩选择,决定了人们在第一眼看到网站时的感觉。因此,色彩是Web设计者手中最普遍,也是最强大的工具。我们说“设计=解决问题”,而视觉设计,就是“用视觉语言去解决逻辑问题”。

在2002年,一个研究小组得到了一些有趣的发现。斯坦福Web可信性项目开始了解是什么因素让人们对网站产生信任或者不信任,而很多因素在他们的发现中都很明显:公司声誉、客户服务、出资人,还有广告,这些都会让用户决定该网站是否值得信任。但是最重要的因素——在他们列表中排在第一位的——却是网站的视觉风格和美感。

交互设计领域著名的大师,Donald Norman,总结说:“积极的情感增强了创造性和广度优先的思考,而负面的情感集中在认知上,增强深度优先处理并把干扰降到最少;积极的情感让人们更能容忍一些困难,在寻找解决方案的时候变得更灵活而有创造性。”当人们开始喜欢某些界面的时候,它们事实上会变得更可用。

电子商务垂直搜索LIST页面的视觉优化,风格上我们通常会支持品牌。目标上传达出一种强烈的品牌信息,如“阿里巴巴的橙色系列,“1688的Logo”。但是品牌识别不止是图标和广告词。它遍布在阿里巴巴项目产品设计、阿里巴巴的网站,以及阿里巴巴的材料中——事实上,品牌对配色方案的选择、字体、图形、词汇表,体现在各个方向。

视觉设计师制作了内容相同而风格不同的上百个界面,然后产品规划与设计团队成员集体投票,选择一个最合适的风格定位。在设计与选择的过程中,如果我们很了解目标用户,那么他们的内在反应和情感反应是可以预见的,并且可以预见的程度还相当惊人。答案就在于实际情况下很多因素的结合:

  • 颜色-让色彩更具有可读性,少一点颜色,多一点价值。
  • 排版-根据字体的选择,文字颜色的选择,再看内在的、情感上的因素来布局。
  • 规模-避免空间过度拥挤。
  • 角度和形状-尖锐的角度、线交叉点或多个线条汇聚的地方,使用这些焦点把用户的眼光引导到你希望的地方去。
  • 重复出现的视觉主题-角落处理模式可以给用户带来视觉旋律。
  • 文本-选择形散,神不散的字体与文本颜色。
  • 图片-节制性的使用装饰性图片,在功能性GUI里谨慎使用,因为会分散用户注意力。
  • 文化因素-如果要表达明显的文化含义,考虑下将要面对的受重。

针对电子商务搜索LIST页面用户体验设计,视觉优化不是万能的,但是没有视觉优化阶段是万万不能的。

前端代码优化

用户体验设计实例:B2C搜索LIST页面设计

文件越大,用来下载和显示页面的时间就越长。请记住:文件总体积,指的是构成Web页面的所有文件,包括:HTML、外部CSS、外部JavaScript、图像、声音以及视频在内的文件的大小。在这些文件中,HTML、CSS、以及JavaScript文件只是文本文件,因此,常常相当紧凑。而图像、声音,以及视频文件通常都很大,存在下载问题。

公共网站的页面大小,从每页小于20K到每页大于100K(包括页面的所有图形文件)。究竟应该有多大,即使是所谓的专家在这个问题上,也普遍存在着分歧。如果你的网站需要专业品质的图形,那么就不可能遵守“20K定律”。但是,如果目标受众的Internet连接速度慢,或者目标受众的耐性有限,你就不得不放弃那令人难以抗拒的漂亮图像,转而遵守关于“20K定律”的限制。怎么样为有限的文件体积做事先的规划呢?

  • 把大部分的CSS和JavaScript文件放入外部文件。只在网站第一次引用这些文件时,才进行下载。之后,网站上任何页面都可以重复使用这些文件,而无需再次下载。
  • 重复使用不同页面的图形、音频和视频。因为这些文件也是在第一次时,才进行下载。
  • 不要使用不必要的图形、动画或声音。无论是出于实用性的考虑,还是为了增强网站的吸引力,每个文件都应该有清楚的存在于网站上的理由。一个用于导航,大尺寸、具有吸引力的图像映射,同时具备了实用和美观两种用途,就像待售产品的照片一样。另一方面,应该去掉那些只起到填充空白作用的图形。
  • 在可能的情况下,使用小尺寸图像,而不是大尺寸图像。因为在其他因素相同的条件下,与大尺寸图像相比,小尺寸图像的下载速度更快。例如:你可能使用一个平铺(重复)显示在背景上的小尺寸图像,代替单个的大尺寸背景图像。
  • 尽量减少特殊导航按钮,每个按钮都具有独特的措辞和翻转效果,则需要下载100个不同的图像。相反地,50个文本链接(具有CSS提供的翻转效果),只需很小的下载代价。

做为技术出身的交互设计师,可以不断探索新的技术带来的变革(例如:html5)。无论何时,页面打开速度是给用户的第一印象,也是提升用户对网站满意度的重要因素,并且前端代码的优化将会给用户带来舒适地操作体验!

用户体验原则制定

用户体验设计实例:B2C搜索LIST页面设计

在设计前我们要遵从一种通用性的用户体验设计原则,在设计后我们要能总结归纳出只适合此产品的用户体验规则。

设计前设计思路:

  1. 以用户为中心的设计:设计必须是满足用户需求的、可行的,其次才是可产生商业价值的。
  2. 操作入口明确:任何一个产品都要有明确、合理的入口。
  3. 不歧视特殊人群:色盲、肢体残疾人士可以完成基本操作。
  4. 任务可被完成:任务在无外界影响下可以被完成。
  5. 问题可被解决:用户在任务中出现的问题,在无外界影响下可以被解决。
  6. 简洁自然,清晰易懂:用简洁、自然、用户可理解的形式表达信息。
  7. 突出重点,一目了然:用户的第一关注,将是设计中要表达的重点信息。
  8. 导航明晰、有效:导航明确清晰、有效,分类彼此独立、完全穷尽。
  9. 避免迷路:任何位置都能明确“我在那里?这里有什么?从这里能去哪里?”。
  10. 深广度平衡:单个页面上可见菜单项的数目与层级结构中级别的数目平衡。
  11. 习惯延续,必要延伸:用户的操作习惯必须延续,在用户可接受的范围之内适当延伸与引导。
  12. 符合用户心智模型:用户对功能的预期与实际操作的结果保持一致。
  13. 操作一致性:相同类型的命令或操作产生同样的效果。
  14. 及时、有效、友好:第一时间针对用户的操作作出有效、友好的反应。
  15. 避免出错:针对用户可能出现的错误,通过系统来避免错误的发生。
  16. 一次点击:尽可能减少完成任务所需要的操作次数。
  17. 别让我思考:用户的第一反应所产生的操作正确、有效。
  18. 最小记忆负担:避免用户需要记忆5条以上的数据。
  19. 最简化:帮助信息精简,准确描述,段落不超过3段,句子不超过30字。
  20. 适时帮助:当用户需要帮助的时候才提供帮助。
  21. 二倍、一个:方案设计数量增加两倍或减少到单位数量时,仍可适用该设计方案。
  22. 以简化繁:尽量使用简单、原生的交互方式解决复杂的用户交互行为。
  23. 符合栅格:页面布局符合栅格系统标准。
  24. 符合标准设计模式:交互控件符合DPL设计模式标准。

设计后体验原则:

  1. 启发式交互:让创新的界面具有教学功能。
  2. 速度第一:页面打开速度的重要意义已经超过了某些页面的普通功能。
  3. 即时有效:控件的反馈应该是即时的,而不是让用户去无限等待。
  4. 少即是多:操作起来足够的简单快速,页面功能也很强大。
  5. 个性化操作:满足交易型用户的口味,也可以同时满足浏览型用户的操作习惯。
  6. 可发现性:让一切应该在那时间看到的元素,一目了然吧。
  7. 简洁性:应用程序足够的干净,什么时候该出现,什么时候该消失,不给用户带来困扰。
  8. 差异化:这里的差异化指的是让用户能很容易辩识相同纬度的元素之间的差异,例如相关搜索的展示方式。

其实,在设计前,我们会参考大量的通用性设计原则;在设计后,我们才会发现:对于项目有针对意义的原则也就很少的几条。这个时候需要靠设计师自己的逻辑归纳能力,把最重要最迫切的用户体验设计原则抽象出来。

快速迭代与可用性测试

用户体验设计实例:B2C搜索LIST页面设计

在项目执行过程中,难免会有一些突发事件或需求变更,这时候我们需要一个严格的项目质量管理控制体系,来保证项目的质量的同时还要保证项目的进度。我们要通过快速迭代的方式来把之前的疏漏或错误进行修复,不要怕犯错误,应该勇于快速修正错误。一般快速迭代的开发机制是配合可用性测试(简约版启发式评估同步进行的。

针对现有启发式评估流程上复杂,实现成本比较高的特点,进行的改进与精简,立足于机动性强,实现简单方便,灵活性更高的特点。我创新了一种简约版启发式评估的方法,适用于重要度和紧急度都高的项目。

根据who-how-what策略来快速开展简约版启发式评估,其中who-how-what为贯穿整个过程的主线,并且评估过程也分who-how-what三个部分,三个部分概括为6个字:准备-评估-报告。

具体可用性测试操作方法请参考:如何快速开展简约版启发式评估

定性与定量结合的数据分析

用户体验设计实例:B2C搜索LIST页面设计

可用性测试会产生大量的需要你检查的数据。测试完成后,你可能会得到下面一些数据:

  • 测试中的问题列表。
  • 测试中关于时间、错误和其他性能测试数据,还包括调查问卷中的主观评分。
  • 日志、笔记和调查问卷中测试者的评论。
  • 测试团队的笔记记录。
  • 测试参与者的背景资料数据。
  • 测试过程的录像,可以从测试房间的多个角度获得。

当将所有获得的数据都输入Excel完成后,就可以分析这些数据来发现一些趋势和问题。但是,问题也来了,正如马克.吐温所说,总存在着“谎言,可憎的谎言和数据”的问题,特别是对于一些推论性的数据而言,很容易造成数据误读。

一个有用的处理数据的技术是对其进行三角形化。这种方法可以清楚地看出整个数据中每组数据是如何影响其他各组数据的。三角形的每个顶点对应一种不同类型的数据:

  • 问题列表。
  • 日志和调查问卷中的数值(定量)数据。
  • 测试者的评论和测试团队的观察。

根据可用性目标和测试前确定的数值标准来对数据进行检验,从而确定哪些问题位于三角形内部。

排除数据误读的方式,还有很多这里谈到的只是众多方式的冰山一角。对于电子商务搜索LIST页面用户体验优化,未来我们也不将止于此,好了接下来听听大家怎么说吧?

相关文章
  • 用户体验设计实例:B2C搜索LIST页面设计 用户体验设计实例:B2C搜索LIST页面设计

    破洛洛文章简介:用户体验设计实例:B2C搜索LIST页面设计. 改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴. 功能

  • 用户体验:从app加载页面道开去 用户体验:从app加载页面道开去

    用户体验:从app加载页面说开去 好的交互设计的评判标准之一是"别让我等",但互联网产品总是受制于实际的网络问题.移动端产品则更为明显,2G.3G环境下加载不够给力,wifi环境也未必每次都是那么顺利.因此"别让我等"更像是种奢望,我们倒应该思考的是"如何优雅而不令人烦躁的等".与之最直接关联的就是app加载页面的设计. 一个app加载页面,大致分为3类: 一.启动加载页 启动加载是我们打开app的第一眼所看到界面.会给用户留下该产品的第一印象.

  • 用户体验:从app加载页面聊开去 用户体验:从app加载页面聊开去

    用户体验:从app加载页面说开去 好的交互设计的评判标准之一是"别让我等",但互联网产品总是受制于实际的网络问题.移动端产品则更为明显,2G.3G环境下加载不够给力,wifi环境也未必每次都是那么顺利.因此"别让我等"更像是种奢望,我们倒应该思考的是"如何优雅而不令人烦躁的等".与之最直接关联的就是app加载页面的设计. 一个app加载页面,大致分为3类: 一.启动加载页 启动加载是我们打开app的第一眼所看到界面.会给用户留下该产品的第一印象.

  • 新漫笔(二)用户体验:用户注册表单中的“年份”设计乱象 新漫笔(二)用户体验:用户注册表单中的“年份”设计乱象

    新随笔(二)用户体验:用户注册表单中的"年份"设计乱象 新随笔(二)用户体验:用户注册表单中的"年份"设计乱象 上午,我因为一些原因,想再注册一个新QQ号,当我注册时,我发现一个有趣的事儿,在用户注册页的表单选项"年份"选择中居然有"1895年", 有意思,难道QQ觉得4亿用户还是太少,希望古人在那边也使用上QQ. (哈,谁能告诉我上图中显示的验证码是什么?看来QQ不光是防止机器人注册,连人类都挡在门外了.) 我停下了注册,看

  • 新漫笔(二)用户体验:用户注册表中的“年份”设计乱象 新漫笔(二)用户体验:用户注册表中的“年份”设计乱象

    新随笔(二)用户体验:用户注册表中的"年份"设计乱象 新随笔(二)用户体验:用户注册表单中的"年份"设计乱象 上午,我因为一些原因,想再注册一个新QQ号,当我注册时,我发现一个有趣的事儿,在用户注册页的表单选项"年份"选择中居然有"1895年", 有意思,难道QQ觉得4亿用户还是太少,希望古人在那边也使用上QQ. (哈,谁能告诉我上图中显示的验证码是什么?看来QQ不光是防止机器人注册,连人类都挡在门外了.) 我停下了注册,看看

  • 交互设计实例分析:自然用户界面大胆设计 交互设计实例分析:自然用户界面大胆设计

    破洛洛文章简介:交互设计实例分析:自然用户界面大胆设计. 今天ifanr上有一篇<手势操作(自然用户界面)再探讨>,观点保守,论据不足. Android的菜单确实难用,难以记住界面是否有菜单.Plam将菜单放置在状态栏的左边,保证了触摸屏也能使用菜单,但也有弊端.菜单放在界面左上角,宽28像素,难以点击.请拿出你的手机,右手去点击大屏幕的左上角.要么大拇指伸过去,要么其余四指抬起才能点到左上角,甚为别扭. 弹出的菜单通常要么是无关紧要的功能,要么重要.如果功能无关紧要,那不如将菜单放置在启动程

  • CSS网页设计实例:15个用CSS设计的网页表单实例 CSS网页设计实例:15个用CSS设计的网页表单实例

    网页制作Poluoluo文章简介:CSS网页设计实例:15个用CSS设计的网页表单实例. 我们都知道,表单是网页的重要组成部分,它是网站与用户进行交互的窗口.然而表单中固定的诸如说明文字.输入框.提交按钮等元素,使得表单设计略显乏味,难有创新,这一点不少Web设计师深有体会.好的Web设计师就是可以在平凡处挖亮点,让表单设计或耳目一新,或整洁素雅.下面就来看这样的15个基于CSS的优秀表单设计. 以下译自:Coolest 15 css based html forms rarely seen 中

  • 用户体验设计实例:阿里搜索框优化建议 用户体验设计实例:阿里搜索框优化建议

    网页制作poluoluo文章简介:阿里输入框交互尝试.启发式评估及优化建议. ·设计目的: 1) 在不影响现有用户使用习惯的前提下,提升搜索输入流程的便利性: 2) 在有限的空间内,增强首页搜索操作的历史回溯能力,减少老用户的搜索操作成本,提高他们的搜索效率: 3) 对新用户的搜索引导更丰富,增加搜索的趣味性: ·设计方案草稿: ·主要流程 1) 进入页面,光标默认放置在输入框内,支持用户直接输入操作.同时,光标后跟随当前搜索维度下的输入提示信息:(如图1.1) 图1.1 2) 在图1.1页面状

  • 用户体验设计实例:网站搜索的设计 用户体验设计实例:网站搜索的设计

    破洛洛文章简介:交互设计细节--搜索. 一 推荐字 关于推荐关键词放置位置的问题: 推荐字在框下:普遍认为放在下面好一些,从版面美观度考虑,从给用户的冲击力和干扰程度考虑: 推荐字在框上:有时搜索框上面会放分类等tab,推荐关键字易被认为作分类:但具体放在上面给用户带来的干扰程度,是否会让很多用户很讨厌,笔者认为来搜索的用户普遍目的性较强,会下意识自动过滤掉自己不需要的内容,此时的用户是很难被干扰到的,可放心放到搜索框之上:但可能喜欢清爽一些或有洁癖的用户比较希望什么都不要放. (图为 迅雷看看

  • 注重用户体验:电子商务网站空搜索设计

    网页制作poluoluo文章简介:空搜索指的是:不在搜索框里输入任何内容,直接点击搜索按钮. 下午的时候群里一个童鞋列出了一些电子商务网站对于空搜索的处理结果,然后引发了一个关于空搜索处理的讨论.这里,空搜索指的是:不在搜索框里输入任何内容,直接点击搜索按钮. 可以肯定的是,造成空搜索的用户的比例应该不大,主要是误操作,当然也不排除向我这样的探索者.但是作为电子商务网站用户体验的一部分,这个地方必须要考虑到. 我们先来看看主流电子商务网站的处理结果(这里不需要讨论搜索引擎的返回结果,因为它就是做

  • 用户体验设计实例:系统分析iPhone通知的设计 用户体验设计实例:系统分析iPhone通知的设计

    破洛洛文章简介:分析设计优秀的iPhone通知. 当应用需要提醒用户关注某件事情的时候,希望1.引起用户的关注;2.不使用户感到烦躁不安:3.不希望中断用户的操作:4.引领用户到达该去的地方:5.当用户需要的时候可以再次找到该提醒.这些要求看似简单,实则需要耗费一番的设计功夫.本篇文章,就要系统的分析一下iPhone上通知的设计. 一.通知的样式 (一).视觉界面 iPhone系统自带的消息通知形式有两种,分别是Badge Notification和Alert Notification.IOS5

  • 用户体验设计实例分析:网页表单设计 用户体验设计实例分析:网页表单设计

    网页制作poluoluo文章简介:随着网络的发展,人们通过各种方式使用它.今天,网络购物,跟朋友或者不认识的人聊天,管理银行账户,以及一些日常应用,共享照片或视频,等等.事实上,只要能在线使用的应用基本上都已经有了. 原文:http://visitmix.com/Articles/Web-Forms-for-People 作者:Luke Wroblewski 译者:江力 随着网络的发展,人们通过各种方式使用它.今天,网络购物,跟朋友或者不认识的人聊天,管理银行账户,以及一些日常应用,共享照片或视

  • 用户体验:10条有用的网站可用性设计参考 用户体验:10条有用的网站可用性设计参考

    网页制作poluoluo文章简介:这里是能够帮助你提高你的网站的用户体验的10条有用的可用性结论和指南. 每个人都会赞同可用性是网站的一个很重要的方面的说法.无论你是在做一个作品集网站.网上商店还是网络应用,让你的页面对用户来说可以容易和快乐的使用是一个关键.这些年,很多人在网站和界面设计的很多方面完成了很多的研究,这些结论在帮助我们提高我们的工作方面很有价值.这里是能够帮助你提高你的网站的用户体验的10条有用的可用性结论和指南. Form标签最好放到字段的上面 UX Matters的一份研究发

  • 浅谈网站的用户体验(一)搜索体验

    网站的用户体验有很多方面的体现,比如,网页的设计是否符合人机工学原理,网站的设计是否美观大方等等,这篇文章主要说说网站的搜索体验,其他方面的用户体验将陆续推出. 这里说的网站搜索体验指的是网站在搜索引擎中体现所涉及的用户体验,网站被搜索引擎收录后,会出现在搜索结果页,很多的SEO也都很注意这个结果的展示,那么怎样的设计才是比较好的搜索体验设计呢?大体从以下几个方面来分析: 1.搜索结果页收录条目的标题设计 搜索结果页收录条目的标题设计反映在我们的网站上也就是网页标题的设计,对于一个网页的标题标签

  • 设计实例分析:搜索SNS视觉设计全过程 设计实例分析:搜索SNS视觉设计全过程

    网页制作poluoluo文章简介:白社会视觉设计诞生记. 说实话,我还真没在公共场合真正好好说说白社会诞生的过程,她的样子是如何被我们一步一步勾勒出来的.这次,借助UED Blog的即将开张,算是正式的公布出来吧. 在接到白社会设计任务的时候,当时的SNS漫天飞舞的设计样式都是facebook.开心.校内的样式,那时,我们就想,如何突破?如何脱离那随处可见的信息架构.页面布局模式以及视觉元素,让人起码在第一感受上不觉得这是一个市面上千篇一律的SNS的皮. 这其中,我们尝试了很多的创新,情境故事般

  • GOOGLE用户体验设计师谈Google的十大设计原则 GOOGLE用户体验设计师谈Google的十大设计原则

    破洛洛文章简介:在一次讲座上,Jon Wiley--Google的"用户体验设计师"(User Experience Designer)--提到了Google的十大设计原则. 在一次讲座上,Jon Wiley--Google的"用户体验设计师"(User Experience Designer)--提到了Google的十大设计原则. 1. 有用(Useful):以用户为焦点,关注他们的生活.工作和梦想. 2. 快速(Fast):争取节省每一个毫秒. 3. 简单(Si

  • 网站用户体验:意见反馈—小功能大设计 网站用户体验:意见反馈—小功能大设计

    意见反馈的功能,大家都已经熟悉的不能再熟悉了,却往往在设计的时候忽略掉这个功能,使产品在上线之后没有渠道供用户去反馈,造成初始产品信息收集出现障碍.或者是这个功能设计的太过随意,让用户在使用的时候非常不顺畅,用户体验很差,这样就造成用户反馈问题积极性的下降,也降低了用户的参与度.一个线上产品,没有用户热心的来反馈问题,这是比较可怕的,因为这就等于关闭了与用户交流的一扇窗,不得不靠闭门造车来解决问题,虽然说的有点夸张,但也说明了这个小功能的重要性. 意见反馈的主要功能就是在产品里提供一个入口让用户

  • 网站用户体验分析:小议国民性和Web设计 网站用户体验分析:小议国民性和Web设计

    本文意在通过对当代中国民众的共性和心态上的思考,从更加人性化的角度考量和设计web产品的用户体验.之所以称作"小议",一是因为"国民性"这个题目很大,也很敏感, 几篇文章无法说尽;再者本人阅历有限,个人观点的bias难以避免;同时,也希望引发大家的一些反思.而"Web设计"则指网络上的用户体验设计的各个方面(图1). 阅读全文 图1:用户体验的4个元素 前言 国民性这个议题,自然没有那么简单,泱泱大国.数千年历史.十亿以上的人口,追述到漫长的封建

  • 来看这25个用户体验极佳的网站动效设计 来看这25个用户体验极佳的网站动效设计

    不为用户体验而做的动效都是炫技.经常有同学问小编有木有能运用到实战中的动效设计 ,来看今天这组网站就对了!第一个网站就是那个输密码时会捂眼睛的猫头鹰官网,连注册的动效都特别有趣,来体验一把真正的动效吧. ReadMe.io 尽管用不上这服务,点击 Get Start Now 按钮后,小编还是被那只萌萌的猫头鹰吸引去注册了. Paranoid Android Italio Underbelly Interactive Infographic Babel Anonymous Zurb Manifes

  • 日本没有用户体验——从日本的生活品质看设计 日本没有用户体验——从日本的生活品质看设计

    国内近些年开始流行用户体验,从互联网到传统行业,都开始讲究用户体验.这也是时代发展的产物,国人已经不能满足于早期的"有就行",在竞争激烈的市场环境中开始追求品质,谁家的东西好用才选谁. 用户体验不是单独的个体,它是系统中所有环节必不可少的部分. 小日本没有把用户名体验单独拿出来的说法,他们所有的建筑设计.工业设计.包装设计.服务业.制造业等领域,过程中是必须处理好和人的关系.一位Panasonic的工程师在介绍未来智能家庭产品时说:"这里所有的投影仪.触控板.灯光.相机.地板

最新文章
  • 你买得起的Apple Watch表带来了 这次是COACH 你买得起的Apple Watch表带来了 这次是COACH

    腾讯数码讯(肖恩)继前些日子推出了Apple Watch Hermes表带之后,苹果预计很快就将发布另一家时尚品牌Coach所设计的一批Apple Watch表带.另一个好消息是,这些Coach表带不会像限量版的Hermes那么贵. 这些Apple Watch Coach表带在上周才刚刚曝光,而如今又有更多的信息流出.从最新曝光的图片中可以看出,该系列共有9种不同的款式,色彩选择依然是常规的黑.白.红.棕,当中的一些设计非常普通,不过也有的带有一定的装饰,比如带有花朵图案的款式. 在售价方面,这

  • 打造漂亮的橙蓝色树林婚片 打造漂亮的橙蓝色树林婚片

    打造漂亮的橙蓝色树林婚片 图片背景色较为单一,比较适合做一些双色图片.处理的适合只需要把背景绿色转为暖色,暗调部分转为蓝色,再适当美化一下人物部分即可. 原图 <点小图查看大图> 最终效果 1.打开原图素材,创建色相/饱和度调整图层,选择黄色,用吸管吸取背景树叶颜色再调整,参数设置如图1,效果如图2.这一步快速把背景颜色转为暖色. <图1> <图2> 2.创建可选颜色调整图层,对黄.白.中性.黑色进行调整,参数设置如图3 - 6,效果如图7.这一步给背景部分暗部增加一些

  • 最新光棍节表白祝福短信

    光棍节快到了,瞧,这天气多么美好!来,我的朋友,咱两去逛逛,看看能不能碰上两个单身的异性朋友,顺便搭个话,再来先斩后奏,保证你今天过的愉快! 光棍节到啦,请把霉运病毒杀掉,把孤单插件清理,把寂寞痕迹消除,把颓废漏洞修复,把快乐全歼升级,把喜悦程序重启.祝你光棍节快乐! 编辑我的祝福万语千言,转发我的问候到你的心田,删除你的痛苦到天边,回收我的回忆保存到永远,爱你不用蜜语甜言!光棍节快乐. 光棍节即将来临,大家都行动起来为光棍们做点什么!有钱出钱,安排Party;有力出力,多牵红线.我决定贡献我这

  • NASA科学家怀疑月球背面藏外星人 揭秘惊天秘密 NASA科学家怀疑月球背面藏外星人 揭秘惊天秘密

    据外国媒体报道,科学家们怀疑在月球背面,隐藏着很多不为人知的惊天秘密,这其中不仅包括有可能存在的外星人基地,更有在这里坠毁的外星人飞船.甚至还有的科学家猜测,月球背面实际上是外星人的栖居地. 迄今为止月球上存在火山活动的最著名例子,位于这颗卫星正面一个被称作风暴洋克里普地带的地方.华盛顿圣路易斯分校的布拉德利-乔利夫博士领导的一个科研组,利用美国宇航局的月球勘测轨道飞行器(LRO)获得的图像和其他数据,判断出月球背面一处被称作康普顿-贝尔库维奇钍异常的地方的化学成分. 他们主要着眼于一处有很多圆

  • 初三作文:我的网络世界 七篇

    [篇一:我的网络世界] 啊!终于可以玩我梦寐以求的电脑了.今天真是我的"解放日"!因为平时爸爸妈妈都管得n严. 兴奋地打开电脑,我早就向往多姿多彩的网络世界了!妈妈走了过来神秘兮兮地对我说:"想玩吗?让我来教你吧"!妈妈教了我一些基本操作,比如:怎样玩游戏.怎样打字.怎样"百度"搜索--不用说,我最喜欢的还是玩游戏了.网络上的游戏可以说是应有尽有啊!刚开始玩,我手足无措地像只"小菜鸟","开心网"里的&qu

  • Photoshop给照片添加个性边框 Photoshop给照片添加个性边框

    最终效果 素材图片

  • 宇宙独一无二绝美星系:哈氏天体闻名全球 宇宙独一无二绝美星系:哈氏天体闻名全球

    宇宙中,每一颗星球都是独一无二,当这些特别的星球们汇集在一起便形成了更加神奇的星系.星系是宇宙中最大的,同时也是最美丽的天体.下面这也让人惊艳的星系,是否也令你动容了呢? 1.哈氏天体 哈氏天体(Hoag's Object)是一个非常著名的环星系.它外围是由明亮的蓝色恒星组成的环状物,而中心处的圆球则主要是由许多可能较老的红色恒星构成.介于两者之间的是一道几乎完全黑暗的裂缝.但是哈氏天体(Hoag's Object)是如何形成的,目前仍不为人知.哈氏天体跨越大约10万光年,位于北天的巨蛇座星系内

  • AVC 的弗雷德·威尔逊 在Vine 上学到的四节课 AVC 的弗雷德·威尔逊 在Vine 上学到的四节课

    尽管手握 10 亿用户,尽管将视频的长度延长为 15 秒(据称,刚好是一则精彩的短广告的长度),尽管背后有 Facebook 撑腰,Instagram 似乎并未能如愿般地把 Vine 完全打趴下. AVC 的弗雷德·威尔逊(Fred Wilson)观察到,在美国的 App Store,Vine 仍然高居免费应用排行榜的前 10 名,而在 Google Play 中则排在免费应用排行榜的前 25 名. 为了了解 Vine 的魅力,威尔逊问了自己的孩子和孩子的朋友,结果他学习到四点: 因为 Inst

  • QQ2011将支持多账户登录,QQ2011多账号功能如何使用 QQ2011将支持多账户登录,QQ2011多账号功能如何使用

    QQ2011 Beta2优先体验发布_QQ2011 Beta2下载地址发布,详情如下 QQ产品团队通过持续努力,不断推出新的功能,此次我们小范围邀请部分活跃用户参与到QQ2011新功能抢先体验的活动中来,同时欢迎您将体验感受及时反馈给我们,您反馈的每个问题都会有专人跟进.让我们一同把属于你我的QQ打造成一款优秀的即时通信软件. 新功能抢先体验版what's new: 1.支持添加多个QQ帐号同时登录:www.poluoluo.com 2.智能合并同一个人的聊天消息,展现方式更加合理: 3.新增安

  • Hola桌面换主题换肤方法 Hola桌面换主题换肤方法

    1.在Hola桌面下找到[美化手机]图标进入 2.进入后即可看到[焦点]推荐的几款美化 3.也可切换到[主题]里选择更多的主题 4.此外还有丰富的壁纸可以选择 5.以主题为例进入,滑动可预览主题效果 6.如果喜欢就下载吧,下载后点击[应用]就好了

热门推荐
  • windows phone开发-Webbrowser使用技巧 - msp的昌伟哥哥 windows phone开发-Webbrowser使用技巧 - msp的昌伟哥哥 5月份开发了脸萌WP版,其中需要使用web技术来绘制图像,于是就使用了原生webbrowser控件.在使用webbrowser control的过程中,发现了一些坑,也总结的几个小技巧,分享给大家. 首先我们需要了解下webbrowser control,与桌面windows平台上的webbrowser一样,都是基于IE内核封装的web展示控件,用法与wpf基本一致,同时也是非托管资源,但wp平台上没有实现IDispose接口,带了了内存控制的挑战.此外,webbrowser本身支持有限的js
  • 手机CPU怎么看几核 手机CPU怎么看几核 最近有网友"分享时间"问了小编这样一个问题:手机CPU怎么看几核,如何知道自己手机处理器到底是什么型号?对是很多手机小白朋友常问到的一个问题,今天小编为您扫盲科普一下. 要查看手机CPU是几核其实非常简单,目前主流手机CPU型号并不算多,如高通410是四核处理器.高通801也是四核.高通615是八核,高通810是高端八核处理器等,这些如果了解一些主流CPU型号也很容易知道. 如果对手机CPU不太了解也没关系,大家可以进入手机设置,然后在里面查看CPU型号与核心数量等详细信息. 如果上面
  • 立定跳远的小窍门 立定跳远的小窍门 立定跳远 不用助跑从立定姿势开始的跳远.比赛时运动员双脚站立的位置不限定.跳时,只准离地一次,如双脚离地后不起跳,落下后再起跳,即为连续离地两次,作一次试跳失败论.在田径训练中经常采用. 立定跳远是"达标"项目之一,是体育考试.会考的必测项目或选测项目.北京地区规定立定跳远为初中升学考试体育的必测项目.高中毕业会考体育的选测项目. 立定跳远技术方法 跳时两腿稍分,膝微屈,身体前倾,然后两臂自然前后预摆两次,两腿随着屈伸,当两臂从后向前上方做有力摆动时,两脚用前脚掌迅速蹬地,膝关节充分蹬
  • 为双十一现货预热魅族MX4银翼版全球首发 为双十一现货预热魅族MX4银翼版全球首发 今日,魅族MX4银翼版在魅族官网在线商店全球限量首发,迅速被一抢而空,再次印证了市场对于魅族MX4的需求量依旧非常大.明日(28日)将在魅族天猫官方旗舰店再次限量发售,这次更像是为今年双十一的一次预热. 魅族MX4银翼版上市 21日魅族联合阿里巴巴在京举行发布会,发布了新版MX4--MX4(Flyme powered by YunOS ), MX4金色版及银翼版的亮相,双十一现货发售,所有信息告诉我们,魅族今年将发力双十一,与小米分得一杯美羹.在小米不停暗示双十一有降价.新品发售时,魅族双十一的
  • win7自带功能让U盘充当系统缓存 win7自带功能让U盘充当系统缓存 在电脑系统中,硬件运行速度的快慢基本由缓存决定,缓存的容量越大,相应的硬件运行速度也就越快.对于很多老电脑的用户,又不想花钱提速的朋友不妨试试让你的U盘成为系统缓存吧.只要你手中有闲置的U盘,我们就可以利用Windows 7自带的ReadyBoost功能,将U盘作为系统缓存盘,尽管U盘的速度远不如内存,甚至顺序读取速度不如硬盘,但是U盘有一个特性,就是拥有很强的随机读取性能,这是缓存的优良载体. ReadyBoost由一个在%SystemRoot%System32Emdmgmt.dll中实现的运
  • 《东方故事》宠物形象属性大全 《东方故事》宠物形象属性大全 野外宠: 形象 名称 出没地点 携带等级 天赋技能 公共技能 满资质 擅长方向 气血成长 法力成长 物攻成长 法攻成长 防御成长 速度成长 蘑菇娃娃 北郊 1 1级加血 1级耐力 1级以血换血 1级物理防御 1级驱鬼 1级迟钝 1600 纯血 1240 430 620 310 620 490 大闸蟹 北郊 1 1级追击 1级再生 1级耐力 1级鬼魂 1级强力 1级命中 1600 纯物攻 620 310 1240 370 560 620 小珊瑚 定海石 5 1级加血 1级加攻 1级冥思 1级魔心