一个好的界面设计应该注意的75个原则

合集下载

人机界面-人机界面的相关知识

人机界面-人机界面的相关知识

人机界面-人机界面的相关知识导语:人机界面(Human Machine Interaction,简称HMI),又称用户界面或使用者界面,是人与计算机之间传递、交换信息的媒介和对话接口,是计算机系统的重要组成部分。

人机界面(Human Machine Interaction,简称HMI),又称用户界面或使用者界面,是人与计算机之间传递、交换信息的媒介和对话接口,是计算机系统的重要组成部分。

是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。

凡参与人机信息交流的领域都存在着人机界面。

人机界面是指人和机器在信息交换和功能上接触或互相影响的领域或称界面所说人机结合面。

信息交换,功能接触或互相影响,指人和机器的硬接触和软触,此结合面不仅包括点线面的直接接触,还包括远距离的信息传递与控制的作用空间。

人机结合面是人机系统中的中心一环节,主要由安全工程学的分支学科安全人机工程学去研究和提出解决的依据,并过安全工程设备工程学,安全管理工程学以及安全系统工程学去研究具体的解决方法手段措施安全人机学。

它实现信息的内部形式与人类可以接受形式之间的转换。

凡参与人机信息交流的领域都存在着人机界面。

大量运用在工业与商业上,简单的区分为“输入”(Input)与“输出”(Output)两种,输入指的是由人来进行机械或设备的操作,如把手、开关、门、指令(命令)的下达或保养维护等,而输出指的是由机械或设备发出来的通知,如故障、警告、操作说明提示等,好的人机接口会帮助使用者更简单、更正确、更迅速的操作机械,也能使机械发挥最大的效能并延长使用寿命,而市面上所指的人机接口则多界狭义的指在软件人性化的操作接口上。

由于受传统观念的影响,很长一段时间里,人机界面一直不为软件开发人员所重视,认为这纯粹是为了取悦用户而进行的低级活动,没有任何实用价值。

评价一个应用软件质量高低的唯一标准,就是看它是否具有强大的功能,能否顺利帮助用户完成他们的任务。

软件工程中的用户界面设计原则(八)

软件工程中的用户界面设计原则(八)

软件工程中的用户界面设计原则随着科技的迅猛发展和智能手机的广泛应用,软件工程中的用户界面设计变得愈发重要。

一个优秀的用户界面设计可以提高用户体验,降低学习成本,并且能够更好地满足用户的需求。

本文将探讨软件工程中的用户界面设计原则,以帮助开发者构建出更好的用户界面。

1. 简洁与清晰用户界面应该尽量简洁,避免过多的噪音和冗余信息。

简洁的用户界面可以减少用户的认知负担,提高界面的可读性和易用性。

同时,清晰的界面布局可以帮助用户快速定位所需功能,并且减少误操作的可能性。

2. 一致性和预估性用户界面应该具有一致的设计和行为模式。

一致的用户界面可以减少用户学习新功能和交互方式的时间,提高用户的操作效率。

另外,预估性也是一个重要的设计原则,用户在使用软件时应该能够预测到某个操作的结果,这样可以避免用户的疑惑和焦虑。

3. 可访问性一个良好的用户界面设计应该能够满足不同用户的需求和能力。

无障碍设计可以帮助老年人、残障人士和其他特殊群体更好地使用软件。

例如,提供大字体和高对比度选项可以帮助视力有障碍的用户更好地阅读界面内容。

4. 反馈与引导用户界面应该及时给出反馈,以便用户了解他们的操作是否成功或失败。

反馈可以采用文字、图标、声音等多种形式,以适应不同用户的感知方式。

此外,在界面中添加适当的引导和提示信息,可以帮助用户更好地理解界面功能和使用方式。

5. 可控制性用户界面应该给予用户足够的控制权。

用户应该可以通过设置来调整界面布局、字体大小、颜色模式等,以适应他们的个人喜好和特殊需求。

同时,应该提供充分的撤销和恢复操作,以便用户可以随时撤销错误的操作或回到之前的状态。

6. 导航和布局良好的导航和布局可以帮助用户快速找到所需功能,并且减少搜索时间。

导航应该是简单明了的,避免层级太深,同时提供搜索功能可以帮助用户快速定位目标。

布局应该合理,将相关功能和信息组织在一起,以提高用户的操作效率和理解性。

7. 响应速度与性能用户界面的响应速度和性能也是一个重要的原则。

四块内容版面设计

四块内容版面设计

四块内容版面设计以下就是网页版面设计技巧等等的介绍,希望为您带来帮助。

1.页面尺寸:页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围就变得越来越小。

一般,分辨率在×的情况下,页面的显示尺寸为×;分辨率在×的情况下,页面的显示尺寸为×个象素;分辨率在×的情况下,页面的显示尺寸则为×个象素。

从以上数据可以看出,分辨率越高页面尺寸越大。

浏览器的工具栏也就是影响页面尺寸的原因,目前的浏览器的工具栏都可以中止或者减少,那么当你表明全部的工具栏和停用全部工具栏时,页面的尺寸就是不一样的。

在网页设计过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。

但我想提醒大家,除非你能肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。

如果需要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,以方便访问者浏览。

2.整体造型:什么就是造型,造型就是缔造出的物体形象。

页面的整体形象,必须就是一个整体,图形与文本的切割必须层叠有序,有机统一。

虽然,显示器和浏览器都就是矩形,但对于页面的造型,你可以充分运用自然界中的其它形状以及它们的女团:矩形,圆形,三角形,菱形等。

对于不同的形状,它们所代表的意义是不同的。

比如矩形代表着正式,规则,你注意到很多icp和政府网页都是以矩形为整体造型;圆形代表着柔和,团结,温暖,安全等,许多时尚站点喜欢以圆形为页面整体造型;三角形代表着力量,权威,牢固,侵略等,许多大型的商业站点为显示它的权威性常以三角形为页面整体造型;菱形则代表着平衡,协调,公平,一些交友站点常运用菱形作为页面整体造型。

虽然不同形状带表着不同意义,但目前的网页制作多数是结合多个形状加以设计,其中又以某种形状为主。

3.页头:页头又可以称作页眉,页眉的促进作用就是定义页面的主题。

界面设计练习题库含答案

界面设计练习题库含答案

界面设计练习题库含答案1、在移动应用程序UI界面中,我们常见到( )等设计都广泛应用到进度条,它的呈现形式多种多样,让人眼花缭乱。

A、购买页B、Loading页C、音乐进度条D、游戏进程杆答案:A2、下列不属于Sketch 菜单栏的是( )A、文件B、编辑C、组合D、插件答案:C3、UGC 是指( )A、用户设计内容B、用户生产内容C、用户创造内容D、用户分享内容答案:B4、下列不属于页面设计的步骤的是( )A、框架搭建B、添加状态栏和菜单栏C、设计运营D、用户研究答案:D5、在网页中若要播放名为 demo.avi的动画,以下用法中,正确的是( )A、<EmbedB、<EmbedC、<EmbedD、<Embed答案:D6、下列不属于可以添加在全局交互中的内容的是( )A、通用模块B、通用策略C、通用流程D、通用方案答案:B7、下列不属于社交类App的是( )A、instagramB、twitterC、领英D、百度答案:D8、产品经理的职责在于( )A、提出需求并跟进开发、测试、上线整个过程B、提出需求即可C、提出需求,只跟进开发D、提出需求,只跟进测试答案:A9、下列属于视觉规范的是( )A、视觉标注稿B、交互设计说明C、产品文档D、产品架构图答案:A10、产品需求文档中不包括( )A、项目评估B、实现技术C、原型图D、项目方案答案:C11、常用的网页图像格式有( )和().A、gif,B、tiff,C、gif,D、tiff,png答案:C12、下列哪一项表示的不是按钮。

( )A%、type="submit"B、type="reset"C、type="image"D、type="button""答案:C13、按钮根据其使用目的不同,可以从功能上分为: ( )A、行为引导按钮B、标签按钮C、命令按钮D、悬浮按钮E、直角F、圆角G、圆形H、五边形答案:A14、PRD 是指( )A、产品交互文档B、产品文档C、产品需求文档D、交互说明文档答案:C15、下列属于 To B 产品的是( )A、滴滴B、高德C、1688D、Airbnb答案:C16、色彩三要素是指明度、饱和度和( )A、色环B、色调C、透明度D、色彩风格答案:B17、下列网站没有过微博的是( )A、雅虎B、新浪C、腾讯D、网易答案:A18、大部分微博黄V、橙V都是微博( )的创造者A、IGB、BUGC、CPGD、DOGC答案:C19、以下UI说法正确的是( )A、我们要学习的UI,英文全称为UserB、UI设计是指对互联网、移动互联网、软件等产品的人机交互、操作逻辑、界面美观等整体设计C、UI设计师就是做程序开发的人D、UI设计师不用了解和研究用户群体及群体使用习惯,只需要按自己的喜好设计答案:B20、一个优秀的系统应该具备( )A、低内聚高耦合B、高内聚低耦合C、高内聚高耦合D、低内聚低耦合答案:B21、用于设置表格背景颜色的属性的是( )A、backgroundB、bgcolorC、BorderColorD、backgroundColor答案:B22、下列不属于界面设计应该注意的是( )A、明确原型需要达到什么样的目标B、原型需要注意视觉层次的丰富C、原型一定要足够真实D、原型不要埋没设计师的创意答案:B23、在 HTML 中,( )不是链接的目标属性。

用户界面设计流程图

用户界面设计流程图

用户界面设计流程图用户界面设计是现代软件开发中非常重要的一环。

一个好的用户界面设计可以提升用户的体验,增加软件的易用性和吸引力。

然而,要设计出一个优秀的用户界面并不是一件容易的事情。

它需要经过一系列的步骤和流程来完成。

本文将介绍用户界面设计的流程图,帮助读者了解如何正确地进行用户界面设计。

第一步:需求分析在用户界面设计的流程图中,需求分析是最关键的一步。

在这一步中,设计师需要与相关的利益方进行沟通,了解他们的需求和期望。

通过面对面的交流或者会议讨论,设计师可以获取到对应用户群体的需求信息和目标。

例如,如果设计一个手机应用程序,设计师需要了解用户的年龄段、职业和使用场景等信息。

这些信息将为后续的设计工作提供指导和依据。

第二步:用户研究用户研究是用户界面设计流程中不可或缺的一步。

设计师需要通过各种方式来了解目标用户,包括问卷调查、用户访谈和用户观察等方法。

通过用户研究,设计师可以深入了解用户的行为习惯、喜好和痛点。

这些信息对于设计一个符合用户期望的界面非常重要。

第三步:界面原型设计在界面原型设计这一步中,设计师利用各种工具来创建一个简化的用户界面原型。

这个原型可以是静态的图片或者是可交互的界面演示。

设计师需要根据前两步的需求分析和用户研究结果来设计出原型界面。

原型设计可以用于验证设计的可行性和收集用户的反馈意见。

第四步:界面设计在界面设计阶段,设计师需要根据原型设计和用户需求来完成最终的用户界面设计。

设计师需要考虑布局、色彩、字体、图标和交互等方面的设计。

一个好的界面设计应该符合用户的期望,易于操作和理解。

第五步:界面评估和测试完成界面设计后,设计师需要进行界面评估和测试。

设计师可以邀请一些用户参与测试,通过用户的反馈来改善和优化界面设计。

同时,设计师也需要自己对界面进行评估,检查是否存在设计缺陷或者不符合用户期望的地方。

第六步:界面实现在界面实现阶段,设计师需要将设计好的界面转化为真正的可用界面。

界面设计模拟题库与答案

界面设计模拟题库与答案

界面设计模拟题库与答案1、"若要以标题2、居中、红色显示"我的网站",以下用法中,正确的是( )""A、<h2 align="center"><color color="#ff0000">我的网站</h2></color>B、<h2 align="center">我的网站</h2>C、<h2 align="center"><color color="#ff000">我的网站</color></h2>D、<h2 align="center'>我的网站</h2>"答案:D2、下列不属于交互规范的是( )A、场景故事B、设计原则C、信息提示D、加载规范答案:A3、下列不属于Sketch 线条工具的是( )A、直线工具B、曲线工具C、钢笔工具D、铅笔工具答案:B4、"若要在当前网页中定义一个独立类的样式 myText,使具有该类样式的正文字体为"Arial"字体大小为9pt,行间距为 13.5pt,以下定义方法中,正确的是( )"A、<Style>.myText{Font-Familiy:ArialFont-size:9ptLine-Height:13.5pt}B、</style>myText{Font-Family:ArialFont-size:9ptLine-Height:13.5pt}C、<Style>.myText{FontName:ArialFontSize:9ptLineHeight:13.5pt}</style>D、<Style>..myText{FontName:ArialFont-ize:9ptLine-eight:13.5pt}/style答案:B5、要使表格的边框不显示,应设置B.order 的值是( )。

中级界面设计试题与参考答案

中级界面设计试题与参考答案

中级界面设计试题与参考答案一、单选题(共100题,每题1分,共100分)1、()为位图图像的高度和宽度的像素数量。

A、色彩模式B、像素大小C、图像大小D、分辨率正确答案:D2、以下哪项为常用于产品线框图的工具。

A、Adobe XD、Axure、Sketch、PPTB、Mockplus、Axure、Unity、SketchC、Adobe XD、Axure、Sketch、CADD、墨刀、After Effect、Sketch、PPT正确答案:A3、NTSC制的影片的帧速率是()。

A、30fpsB、25fpsC、72fpsD、24fps正确答案:A4、那些不属于用户研究的定性研究方法?()A、用户访谈B、A/B测试C、情境访谈D、卡片分类正确答案:B5、网站的()是引导用户进入不同区域的一个“目录”。

A、图像B、图标C、导航D、标志正确答案:C6、()是最为常用的动效形式。

A、内容更替C、颜色变换D、图形旋转正确答案:B7、产品设计前期阶段需求验证的通用方法包括(),卡片分类. A/B测试,面对面测试,手绘草图测试。

A、调研分析B、产品研究C、营销策略D、用户问卷正确答案:D8、()报告包括产品业务逻辑. 用户画像. 竞品分析. 用户体验旅程地图绘制. 用户行为数据分. 场景分析. 故事板。

A、质量分析B、需求分析C、策略分析D、定位分析正确答案:B9、Web产品交互设计优化列表不包括()A、信息负担B、视觉负担C、记忆负担D、认知负担正确答案:A10、在Window操作系统上,向下移动图层用的快捷键是 () 。

A、Command+[B、Command+]C、Ctrl+]D、Ctrl+[正确答案:D11、下面内容中可以制作成为母版的是()。

A、导航B、宝贝图C、广告正确答案:A12、()模型将设计过程分为发现. 定义. 开发. 交付四个阶段。

A、竞品分析B、交互设计C、双钻设计D、需求分析正确答案:C13、一般来说,哪个选项不属于网站的设计规范()。

100条设计知识点总结

100条设计知识点总结

100条设计知识点总结设计是一门复杂而精巧的艺术,它涵盖了许多领域,包括平面设计、产品设计、建筑设计等。

在设计过程中,掌握一些关键的知识点是非常重要的。

本文将为您总结100个设计知识点,帮助您更好地理解和应用设计原理。

1. 色彩搭配:选择适宜的颜色组合,以实现视觉上的美感和和谐感。

2. 空间规划:合理布置和分配空间,以达到最佳使用效果。

3. 排版原则:了解文字排列、字体选择和行距调整等基本排版原则。

4. 图形元素:掌握各类图形元素的应用,如点、线、面等。

5. 反差效果:用对比明暗、颜色和大小等来产生视觉冲击力。

6. 图标设计:设计简洁、易于理解的图标,以便快速传达信息。

7. 比例与尺度:掌握如何使用合适的比例和尺寸来保持设计的平衡。

8. 人机交互:了解用户行为和需求,设计易于操作和使用的界面。

9. 线条运用:利用线条的方向、形态和宽度等来达到特定的设计效果。

10. 渐变效果:通过色彩或明暗的渐变,创造出丰富多样的效果。

11. 可读性:保持文字的清晰可读,避免使用难以辨认的字体和颜色。

12. 强调重点:运用不同的设计手法,将重要信息凸显出来。

13. 三维效果:通过透视、阴影和高光等技巧,给设计添加立体感。

14. 图案设计:利用重复、对称和平衡等原则,创造出独特的图案。

15. 创新与创意:不断寻找新的灵感和想法,以创造出与众不同的设计。

16. 情感共鸣:通过设计传达特定的情感和感受,引起观众共鸣。

17. 平面设计:掌握平面设计的基本原则,如饱和度、层次和形状等。

18. 印刷知识:了解印刷过程和要点,以便设计适合印刷的作品。

19. 品牌识别:设计符合品牌形象和价值观的标志和视觉元素。

20. 网页设计:设计直观、易于导航的网页,提供良好的用户体验。

21. 照片处理:掌握照片编辑和处理软件的基本使用技巧。

22. 图像修饰:运用滤镜、调色和修饰等技术,改善图像质量。

23. 白板绘画:利用白板和马克笔等工具,创造出有趣和吸引人的插图。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

一个好的界面设计应该注意的75个原则时间 2015-12-24 11:41:32 PMCAFF产品经理社区原文.pmcaff./article?id=07855主题用户界面设计一个好的界面设计应该拥有高转化率且方便用户使用,换句话说:既能达到商业目的又能满足方便易用的要求。

有一个设计咨询公司根据自己的客户案例,总结了75个经过实践证明的原则:之前国流传这篇文章的前40个规则,后35个是我熬夜翻译的,这个会不断的更新添加新规则,建议收藏。

1. 使用单栏布局代替多栏布局单栏布局能够让用户对全局有更好的掌控,对容一目了然。

而多栏布局可能会分散用户注意力。

最好的做法是用一个有逻辑的叙述来引导用户并在末尾放上你的行动按钮。

2. 使用礼品诱惑代替生硬的推销例如可以给用户提供礼物来表达你的友善姿态。

更深层的讲,送礼是一种基于互惠原则的有效说服策略。

显而易见的好处是让你在往后的活动进展中更加顺利。

3. 合并重复的功能避免分散随着时间的推移,不可避免的你增加了很多模块、元素,而且功能相同。

碎片化的界面会增加用户的学习曲线,所以需要合并重复的功能,重构你的界面。

4. 用户的评价好过自卖自夸用户好评是另一个可以提高转化率的说服策略。

当潜在客户看到其他人对你的服务给予好评时,项目机会会大增。

所以试着提供一些含金量高的证据证明这些好评是真实可信的。

5. 重复你的主行动按钮多次重复主行动按钮的方法适用于界面很长或者分页的情况。

6. 区分开可点击和已选择的样式视觉风格,如颜色、深度和对比度都可以当做可靠的线索以帮助人们了解你的导航界面:我在哪里,我能去哪里。

为了让用户清晰,可点击元素(,按钮)、已选择元素(选择的菜单)、以及纯文本的样式应该是彼此明显不同,而且在界面上要保持一致性原则。

在视觉上,我们一般认为蓝色表示可被点击,黑色表示已被选择或是什么。

7. 给出推荐而不是让用户来选择当列出许多选项时,给出一个重点推荐项是个不错的做法,尽管推荐的设置无法满足所有用户,但这么做是有理论依据的:当面临的选择越多时,用户就越难做出决定(决策瘫痪)。

所以你可以高亮某个选项来帮助用户做出选择。

8. 使用恢复功能代替弹出对话框假设你刚点击了一个或者按钮,撤销操作可以让操作流畅自然,也更符合人类的本能。

而每次操作都弹一个确定框则好像是在质问用户你明白不明白这个操作会产生什么后果。

其实只有极少数情况下才会发生误操作。

所以,为了防止误操作而设计的确认窗口其实是不人性化的,用户每次操作都需要进行毫无意义的确定。

所以请考虑在你的产品里实现撤销操作来提升用户的操作友好度吧。

9. 明确产品适用人群而不是面向所有人你是想把产品做成大众化的还是有精确的适用人群呢?答案是:在产品定位上你需要更精确些。

把产品定位得精确的风险就是可能缩小了目标潜在用户的围,但这种更专业的精神却反过来会赢得信任、权威。

10. 直接果断而不是犹犹豫豫你可以通过不确定而颤抖的声音来表达传递自己的意思,也可以通过很自信的方式表达。

如果你在界面中的表述多以问号结束,比如”也许”,”可能”,”感兴趣?” 或者”想要试试么?”,那么你完全可以把语气变得更坚定一些。

不过万事无绝对,适当放松措词让用户有自行思考的余地也是可以的。

11. 界面要对比鲜明让人容易区分把主要功能区从界面中突出显示出来效果会好很多。

使你的主要口号醒目有很多种方法。

通过明暗色调的对比来突显。

通过为元素添加阴影、渐变等效果让界面富有层次感来显主题。

最后,你甚至可以在色相环上专门选择互补色(比如黄色与紫色)来设计你的界面,以达到突出重心的目的。

综合所有这些,最后得到的界面会使你的主要意图与界面其他元素有明显的区分,得到完美的呈现。

12. 个性鲜明胜过普通介绍你自己或产品时附带上名称、图片或原产地可以让与用户的交流沟通更加的个人化,当你在界面设计中实现这点时,让人觉得非常友好。

同时指明区域也会隐形提高产品的声誉,好上加好。

13. 精简表单填写容人本性懒惰,没人愿意填写一大堆表单字段。

表单中每个字段都会有失去用户的风险。

多想想是不是每个字段都是必须的。

如果你确实需要一大堆信息让用户填写,试着将它们分散在不同页面,在表单提交后还可以继续补充。

14. 暴露选项而不是隐藏你使用的任何一个下拉框都会对用户造成信息的隐藏,需要额外的操作才能显示。

如果这些信息是贯穿整个操作所必需的,那你最好把它展示出来做得更显而易见一点。

下拉框最好用在选择日期,省份等约定俗成的地方。

对于程序中重要的选项最好还是不要做成下拉形式。

15. 把界面做得环环相扣要好过直白的排版一个平淡无奇行文无疑会让用户失去兴趣而放弃继续阅读。

单列滚动的长页面是不错的,但是我们应该适当地设置一些小节,并且环环相扣,来提高用户的兴趣使其继续阅读。

但需要注意的是节与节之间的留白不要太大。

16. 不要放太多分散用户注意力为了满足各式用户的需求,在页面上放些链到这里、链到那里是常见的做法。

如果你的主要目的是想让用户点击页面最后那个下载按扭什么的话,就需要三思了。

因为用户可能点击了其他离开页面了。

所以你需要注意页面的数量,把导航和操作用样式区分开,尽量移除页面不需要的。

17. 将操作的状态或者进度呈现出来现如今大多界面当中已经呈现了各色样式的进度条或者标明状态的图标,比如有已读或未读的状态,电子帐单有支付或未支付的状态。

而在界面上呈现这样的状态对于用户来说是很有必要的。

这样用户就可以知道某些操作是否成功,接下来准备进行怎样的操作。

18. 使用获利按钮(好处说明)代替普通的按钮试想界面上有这样两个按钮:一个是”帮你省钱”,另一个是”立即注册”。

我敢打赌大多数人会点击第一个,因为第二个按扭让人感觉不到有利可图,并且”注册”让人联想到填不完的表单。

也就是说让用户感受到获利的按钮更有可能被点击。

这种让用户感到好处的文字信息也可放在按钮旁边,不一定要做为按钮的标题。

当然,正常的按钮还是有用处的,一般用于重复性操作频繁的地方。

19. 使用直观的操作而不是缺乏上下文关联的菜单直接在元素身上进行操作是更直观明了的方式。

比如在一个列表中,我们想让用户对每个条目进行操作那么就把按钮放到当前条目上,而不要把放到列表之外。

再比如就是直接点击元素就进入编辑状态(比如页面上的地址信息点击后可以进行编辑)。

这种方式比传统的选中再点击相应的按钮进行操作要简洁省事得多。

当然,对于一般性的操作本身就不需要有什么上下文的,就没必要这么做了,比如页面上的前进,后退按扭。

20. 尽量直接显示表单而不要额外页面在一个足够大的宽屏界面上最好还是直接给出表单,这比点击按钮再弹出表单要好很多。

首先减少了点击操作,流程变得简洁也节省了时间。

其次,直接呈现出表单可以让用户知道表单有多长,其实也是在告诉用户注册花不了多少时间。

当然,这条规则适合注册表单非常简单的情况。

21. 让界面平滑显示而不要死板地呈现用户进行操作过程中,界面上的元素会经常出现,隐藏,打开,关闭,放大缩小移位等。

给这些元素增加些自然的动画,淡入淡出效果不但美观,也更符合实际,本来元素尺寸位置的变化就是一个需要时间的动画过程。

但要注意动画时间不要设置过长,那样会让想尽快完成操作的用户不耐烦。

22. 使用逐步的引导代替突兀的注册与其让用户马上注册,何不让用户先进行一些体验式的操作呢。

这个体验过程可以展示程序的功能,特性等。

一旦用户通过简单几步的操作了解了程序的价值所在,那么它会更愿意填写注册表单的。

这种循序渐进的引导可以尽量推迟用户注册的时间但又可以让用户在没注册的情况下进行个性化设置等简单操作。

23. 减少边框避免浪费注意力过程边框会喧宾夺主。

不用说,边框确实在划分区域进行版块设置时有很大的作用,但同时其明显的线条也会吸引走用户的注意力。

为了达到划分版块又不转移用户注意力的目的,在排版时可以将界面上不同区域的元素通过空白进行分组,用上不同的背景色,将文字对齐方式进行统一,还有就是为不同区域设置不同的样式。

当使用所见即所得的界面设计工具时,我们经常在界面上方便地拖出很多区块来,这些区块多了就会显得杂乱无章。

所以我们又会到处放些横线来分界。

一个更好的做法是将区块垂直对齐,这样做不会让那些多余的线条来扰乱视觉。

24. 展示产品带来的好处而不要罗列产品特性市场就是这样的,用户永远只关心自身利益而产品特性对他们来说倒不是那么重要。

只有利益才更直观地体现出使用产品所带来的价值。

Chris Guillebeau在他的著作《100美元起家》中指出,相比压力,冲突,烦心事和未知的未来,人们在乎得更多的是爱,金钱,认同感和自由支配的空闲时间。

所以我相信在展示产品特性时回归到利益上是必要的。

25. 要设计好没有数据时的展现界面上经常需要呈现不同数量的数据,从0,1,10,100到10000+等。

这里存在个普遍的问题就是:在程序最开始使用的0条数据到过度到有数据之前,该如何进行显示界面。

这也是我们经常忽视了的地方。

当程序初始没有数据时,用户看到的就是一片空白,此时用户可能不知道该进行哪些操作。

利用好没有数据的初始界面可以让用户学习和熟悉如何使用程序,在程序中创建数据。

力臻完美永远是我们追求的目标,界面设计也不例外。

26. 尝试默认选择将界面做成默认用户选中想要使用你的产品,意味着如果用户真的需要使用,那么可以直接点击确定而不需要额外点选了。

当然,将界面设计成默认选择的样子多少存在点争议,有点强迫用户的感觉。

如果你想道德一点,你可以要么把让用户选择的文字写得模棱两可,要么使用双重否定这样不那么直白的描述,这两种方式都可以让用户觉得没有那么强的感觉是被强迫选择使用产品的。

27. 保持界面一致性,不要增加用户的学习成本自从Donald Norman的一系列著作面世后,界面设计中尽量保持一致性成了一个普遍遵循的准则。

在设计中保持一致性可以减少用户的学习成本,用户不需要学习新的操作。

当我们点击按钮,或者进行拖拽操作,我们期望这样的操作在整个程序的各个界面都是一致的,会得到相似的结果出来。

不过在让界面变得一致之前,记住一点,适当的打破整体的一致性也是可取的。

这偶尔的不一致性的设计用在你需要强调的地方可以起到很大的作用。

所以世事无绝对,我们应遵从一致的设计准则,但适当地打破这种常规。

28. 使用合适的默认值,减少用户的额外操作适当的默认值和预先填充好的表单字段可以大量减少用户的工作量。

在节省用户宝贵的时间上面,这是种非常常见的做法,可以帮助用户快速填完表单或者注册信息。

29. 遵循惯例避免重复造轮子界面设计中遵从惯例跟之前的界面一致性准则很相似。

如果我们遵从了界面设计中的一些约定,用户用起来会很方便。

相反,不一致和没有遵从惯例则会提高学习成本。

有了界面设计中这些约定,我们想都不用想就知道界面右上角(大多数情况下)的叉叉是关闭程序用的,或者点击一个按钮后我们能够预测到将会发生什么。

相关文档
最新文档