位置:首页 » 教程 » 用户体验设计实例: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的工程师在介绍未来智能家庭产品时说:"这里所有的投影仪.触控板.灯光.相机.地板

最新文章
  • 一次纠结的应聘经历,我应该怎么办?(二)

    感谢大家的回复. HR 联系我了.让我明天过去详谈. 60 人方案没异议. 平台方案提出异议,不能全部上,希望渐进逐一上. 我的问题: 明天是否可以谈钱了? 我应该注意哪些问题? 约我详谈是否意味着我离达到目标进了一步? 原文: http://www.v2ex.com/t/272107#reply87 --cut-- julyclyde在2016-05-08 01:52:46回答到: 看你面试的经历,也是见过世面的人,居然害羞谈钱吗? microchang在2016-05-08 01:52:46

  • 见过这样的二维码生成器吗? 见过这样的二维码生成器吗?

    搞了个ASCII Art 二维码生成器,效果图如下: 简单来说就是选择图片中的一块区域和给定 URL ,将 URL 生成二维码,满足二维码的黑白色块构成的图形与所选区域的形状基本相似. 代码在这里: https://github.com/dieforfree/qart4j 欢迎试用和反馈问题! --cut-- jonechenug在2016-05-09 11:48:19回答到: 我是阿宝,为什么要把我打码,好东西 est在2016-05-09 11:48:19回答到: 网址后面一大串随机字符??

  • 施工安全责任书范文

    关于建设工程施工安全责任书范本 甲方(总包方): 乙方(劳务承包方): 经甲乙双方协商:甲方将XXXXXXXXXX承包给乙方施工,为使工程能够顺利进行和认真贯彻"安全第一,预防为主"的方针,做到施工安全管理工作的标准化与规范化,确保建设工程项目安全.优质.按期完成,同时为进一步明确有关各方的安全职责,进一步提高本项目建设工程施工安全管理的整体水平,杜绝重大伤亡事故的发生,保证国家与人民的财产与人生安全,根据<中华人民共和国建筑法>,<施工现场管理规定>等有关国家

  • 书画品种及其名称 书画品种及其名称

    书画家把写的字或画的画,经过装荣后,可分为手卷.册页.堂幅.条幅.屏条.横披,对联.扇面等. 本站阅读配图 1.手卷:就是把书画装裱成卷子,即书画横幅之长者,不适合悬挂,只可舒卷.卷子有大有小, 手卷不仅便于案头展阅和临摹,而且适于保管.延长书画的寿命. 2.册页:就是把书画分成页数装裱成册子,称为"册页".册页一般分为八开.十二开. 十六开最 多为二十四开,都是双数.发现有单数者即为残缺,俗称失群册页册页有大有小, 最小的册页称为袖珍册页. 3.堂幅:俗称"中堂"

  • 如何清除电冰箱产生的霉菌 如何清除电冰箱产生的霉菌

    本站生活常识配图 如何清除电冰箱产生的霉菌 如何防止电冰箱里面出现霉菌呢?下面几个方法可以借鉴一下: 1.无论是冷藏还是冷冻,热的食物都不要立即放到冰箱里,一定要等食物凉透了再放进去; 2.要尽可能地降低冰箱里的潮气,洗过的蔬菜和水果要装在封闭的储藏盒里; 3.一旦有菜汤等溢出,要马上擦干净; 4.要避免熟肉.熟食等直接接触冰箱内壁; 5.电冰箱停用后,最好用软布蘸消毒液将冰箱里面擦一遍,然后再用清水擦一遍. 那么,如何去除电冰箱里面滋生的霉菌呢? 推荐的方法是: 1.将冰箱里的物品全部取出来,

  • 福建一夫妻生四胞胎 无力抚养上街乞讨 福建一夫妻生四胞胎 无力抚养上街乞讨

    近日,在福建泉州市区霞淮菜市场,一对抱着四个婴幼儿站在街头乞讨的夫妻引来市民围观.他们有的捐款,有的送来婴幼儿的衣物,有的热切询问,一块钱,五块钱,十块钱--零零散散的捐款堆满了他们面前的塑料盆."泉州人真的很好,这个地方我们没来错."想起霞淮菜市场涌动的爱心,杨京起感慨不已. 杨京起夫妻家里条件不好,原本他们已经育有2个女儿,大的12岁已经读五年级,小的8岁读二年级.2014年,他们想再生一个男孩,可当怀孕4个月到医院产检的时候,却发现怀了4胞胎.考虑到家里的条件,当时李玉莲有了流产

  • 垂死恒星周围行星或将出现生命迹象 垂死恒星周围行星或将出现生命迹象

    据媒体报道,一项有关围绕白矮星运行的类地行星的理论研究发现,与围绕像我们的太阳一样的恒星运行的行星相比,我们更容易在围绕垂死恒星的行星的大气里发现氧气的迹象. 这张由哈勃太空望远镜拍摄的图片显示的是一颗恒星正在摆脱它的外层,这些物质在它周围形成一个茧状物.内核形成的白矮星是图片中间的一个白点 一颗遥远行星的大气含有大量氧气,则暗示着这里有可能存在生命.这种推测是根据以下事实得出的,即如果地球上的生命全部消失了,我们的大气将会变得不再含有氧气,因为这里的氧气是通过植物生命的光合作用进行补充的.哈佛

  • 淘宝开店月入万元经验分享:市场选择很重 淘宝开店月入万元经验分享:市场选择很重

    大家好,我是大家的老朋友:老客.我相信看到这篇文章的朋友跟我一样,也是一个希望在淘宝中干出自己的一番事业的人.如果你还没有在淘宝开店中月入万元,那么请大家花几分钟的时间,认真的看完这篇文章.必然对你在淘宝开店过程中有所帮助. 我虽然做网络有五六年了,但是开淘宝店,才有一年半时间.首先我现在通过淘宝开店的收入每月平均10000元上下.我相信这是很多淘宝开店新人的一个目标.当然实现了这个目标,我心里无比的高兴,至少自己在淘宝事业当中又更上了一个台阶.以下是最近一个月的收入截图: 那么我是如果做到的呢

  • 什么是人生的懂得 什么是人生的懂得

    人生该懂得的事很多,但有一种懂得就是彻悟;即悟得生命的真正意义和价值.当你真的懂得以后,不再有迷茫,不再会伤感,不再会畏惧,不再会退缩. 本站阅读配图 一份懂得,静静的行走,默默的感受,不喧哗,不落寞,它的眉间眼梢,都写满岁月朴素的歌;不用言语,你懂,我亦懂. 懂得,是一种欣赏,一种默契,一种幸福,让心灵静守淡然,一切在起起伏伏中行进,亦在平平淡淡中饱满,亦在深深浅浅中永恒,在渐行渐远的日子里,折叠所有纯美的时光,温婉无语的眷恋. 一任情愫缱绻,轻握一份懂得,不为暂时的绚烂,只为那份悠远.深情与

  • 比金钱更恒久的财富读书笔记

    "朋友是寂寞时的陪伴,是冬日里的一缕阳光,是久旱的田地上的一场甘霖--"今天,我读了一篇题为<比金钱更恒久的财富>的文章,更是让我真正明白了这句话的含义. <比金钱更恒久的财富>这篇文章主要讲述了一个重病缠身的富翁在去世前对他的十个儿子说:"我这一生有1000万的财产,你们每人可得100万,但有一个人必须独自拿出10万为我举行丧礼,还要拿出40万捐给福利院.作为补偿,我可以介绍十个朋友给他."富翁的小儿子选择了最后这种继承方法,于是富翁把他最

热门推荐
  • 有关爱情的经典语句 有关爱情的经典语句 1.不要试图用另一段感情来掩盖自己的痛.如果你真的爱对方,因为这样只会让你自己更加的痛,同时还伤害了另一个人. 2.能够慢慢培养的不是爱情,而是习惯.能够随着时间得到的,不是感情而是感动.所以爱是一瞬间的礼物,有就有,没有就没有.但反过来说,爱和婚姻实际并不是一回事情,并不是所有的爱情都要结婚的,也不是所有婚姻都有爱情的. 3.如果真的有一天,某个回不来的人消失了,某个离不开的人离开了,也没关系.间会把最正确的人带到你的身边,在此之前,你所要做的,是好好的照顾自己. 4.假如你想要一件东西,就放
  • NASA拍摄到“太空巨蛇” 可以吞噬几十个太阳系 NASA拍摄到“太空巨蛇” 可以吞噬几十个太阳系 美国宇航局的斯皮策太空望远镜最近拍摄到了一幅被天文学家称之为"蛇"的太空天体的红外线图像,这个蛇形天体距离射手座约11000光年的距离. 实际上它是一个厚厚的.漆黑的云团核心部分,它十分的巨大,几乎可以吞噬掉几十个太阳系.事实上,天文学家说可能在这条"蛇的腹部"许多巨大的星球正在形成当中. 而在这条巨蛇右边的那个黑色星系"爬行怪兽"则是另外一个厚厚的云核.天文学家认为,在这个星系爬行怪兽里面可能躲藏着许多正在迅速增大的巨大星球. 在这两个云核下面
  • 红米手机快速截图截屏的图文教程 红米手机快速截图截屏的图文教程 手机截屏是我们使用手机过程中一个常用使用到的功能,像有时想发微信我想把和朋友聊天的QQ信息截图发到微信朋友分享圈了我们就需要先截屏之后再到微信朋友圈发布了,下面我来给大家介绍红米手机快速截图的方法,有兴趣的同学可进入参考. 1.在手机待机桌面我们用手机下拉手机顶部的通知栏区域. 2.然后就会看到有一些功能了,我们不管这里点击右下角的"开关" 3.然后就会看到有一个"截屏"图标了,我们点击它. 4.我们可以在任意的应用程序界面上或系统界面上点击通知栏里的"截
  • 小学生六一儿童节黑板报图片 小学生六一儿童节黑板报图片 小学生六一儿童节黑板报图片: 六一儿童节作文 又是一年儿童节,儿童节是我们的节日,我也有个愿望,那就是玩. 俗话说"玩是儿童的本性".我小时候就喜欢到处走走玩玩,到电影院玩,到游乐园玩,到小区玩,到大街上玩--只要是能玩的地方,我都玩了个遍,甚至在家里也要抱个娃娃玩上半天.小时候的我多天真啊,觉得"玩"真是世界上最有趣的事情了,去看看新鲜的事物,采几朵鲜艳的小花,遇到小朋友还可以一起捉捉迷藏.追逐嬉戏,直到天黑才依依不舍地跟着家长回家.小时候的我无忧无虑,觉得&qu