1. 首页
  2. 公司建站
  3. 正文

浅谈移动用户界面设计

  用户对于UI的要求越来越高,因此提升UI设计的技术是势在必行的,UI是User Interface的简称,转为中文的意思就是用户界面。用户界面,顾名思义,就是用户在使用任何一种物品的时候所展示在其眼前的图像。而针对我们所研究的网络世界的环境,UI则指的是用户在使用一个互联网产品时最直接接触到的窗口。在以用户为中心的驱动力下,为了满足用户的各种需求,用户界面被赋予了越来越多的使命,移动应用UI设计师这个职位也在整个互联网行业越来越变得更加重要!

  移动平台的设计与传统的网页有许多不同之处,如独特的交互体验、不同光线下的视觉效果以及移动终端的资源有限。这些都考验着开发者的技术。

  一,界面对话设计在界面设计中要使用对话风格的选择,并加上用户存取和控制机制。对话是以任务顺序为基础,但要遵循如下原则:

  1.尽可能简化对话步序:使用略语或代码来减少用户击键数。

  2.反馈(Feed back):随时将正在做什么的信息告知用户,尤其是响应时间十分长的情况下。

  3.复原(Undo):在用户操作出错时,可返回并重新开始。

  4.状态(Status):告诉用户正处于系统的什么位置,避免用户在错误环境下发出了语法正确的命令。

  5.求助(Help):尽可能提供联机在线帮助。

  6.脱离(Escape):允许用户中止一种操作,且能脱离该选择,避免用户死锁发生。

  7.默认值(Default):只要能预知答案,尽可能设置默认值,节省用户工作。 在对话设计中应尽可能考虑上述准则,媒体设计对话框有许多标准格式供选用。另外,对界面设计中的冲突因素应进行折衷处理。

  二,屏幕显示设计屏幕的设计主要包括布局(Layout),文字用语(Message)及颜色等,下面针对其进行讲解:

  (1)文字与用语 文字和用语除作为正文显示媒体出现外,还在设计题头、标题、提示信息、控制命令,会话等功能时要展现。对文字与用语设计格式和内容应注意如下:

  ①要注意用语简洁性。避免使用计算机专业术语;尽量用肯定句而不要用否定句;用主动语态而不用被动语态;用礼貌而不过分的强调语句进行文字会话;对不同的用户,实施心理学原则使用用语;英文词语尽量避免缩写;在按钮,功能键标示中应尽量使用描述操作的动词;在有关键字的数据输入对话和命令语言对话中采用缩码作为略语形式;在文字较长时,可用压缩法减少字符数或采用一些编码方法。

  ②格式。在屏幕显示设计中,一幅画面不要文字太多,若必须有较多文字时,尽量分组分页,在关键词处进行加粗、变字体等处理,但同行文字尽量字型统一。英文词除标语外,尽量采用小写和易认的字体。

  ③信息内容。信息内容显示不仅采用简洁、清楚的表达,还应采用用户熟悉的简单句子,尽量不用左右滚屏。当内容较多时,应以空白分段或以小窗口分块,以便记忆和理解。重要字段可用粗体和闪烁吸引注意力和强化效果,强化效果有多样,针对实际进行选择。

  (2)颜色的使用 颜色的调配对屏幕显示也是重要的一项设计,颜色除是一种有效的强化技术外,还具有美学价值。使用颜色时应注意如下几点: ①限制同时显示的颜色数。一般同一画面不宜超过4或5种,可用不同层次及形状来配合颜色,增加变化。

  ②画面中活动对象颜色应鲜明,而非活动对象应暗淡。对象颜色应尽量不同,前景色宜鲜艳一些,背景则应暗淡。

  ③尽量避免不兼容的颜色放在一起,如黄与蓝,红与绿等,除非作对比时用。

  ④若用颜色表示某种信息或对象属性,要使用户懂得这种表示,且尽量用常规准则表示。

  (3)布局 屏幕布局因功能不同考虑的侧重点不同。各功能区要重点突出,功能明显。无论哪一种功能设计,其屏幕布局都应遵循如下五项原则:

  ①平衡原则。注意屏幕上下左右平衡。不要堆挤数据,过分拥挤的显示也会产生视觉疲劳和接收错误。

  ②预期原则。屏幕上所有对象,如窗口、按钮、菜单等处理应一致化,使对象的动作可预期。

  ③经济原则。即在提供足够的信息量的同时还要注意简明,清晰。特别是媒体,要运用好媒体选择原则。

  ④顺序原则。对象显示的顺序应依需要排列。通常应最先出现对话,然后通过对话将系统分段实现。

  ⑤规则化。画面应对称,显示命令、对话及提示在一个应用系统的设计中尽量统一规范。 在屏幕布局中,还要注意到一些基本数据的设置。

  三,数据输入界面设计数据输入界面往往占终端用户的大部分使用时间,也是计算机系统中最易出错的部分之一。 

       总目标:简化用户的工作,并尽可能降低输入出错率,还要容忍用户错误, 这些要求在设计实现时可采用多种方法:

  (1)提供反馈。 要使用户能查看他们已输入的内容,并提示有效的输入回答或数值范围。

  (2)尽可能减轻用户记忆,采用列表选择。 对共同输入内容设置默认值;使用代码和缩写等;系统自动填入用户已输入过的内容。

  (3)按用户速度输入和自动格式化。 用户应能控制数据输入速度并能进行自动格式化,对输入的空格都能被接受。

  (4)使界面具有预见性和一致性。 用户应能控制数据输入顺序并使用*做明确,采用与系统环境(如Windows操作系统)一致风格的数据输入界面。 (5)允许编辑。 理想的情况,在输入后能允许编辑且采用风格一致的编辑格式。数据输入界面可通过对话设计方式实现,若条件具备尽可能采用自动输入。特别是图像、声音输入在远程输入及多媒体应用中会迅速发展。

  (6)防止用户出错。 在设计中可采取确认输入(只有用户按下键,才确认),明确的移动(使用TAB键或鼠标在表中移动),明确的取消,已输入的数据并不删除。对删除必须再一次确认,对致命错误,要警告并退出。对不太可信的数据输入,要给出建议信息,处理不必停止。

    延伸阅读

  • 小程序名字修改的技巧规则

    我们都知道名字的意义,名称作为陌生人最先的认知,在物质喧嚣的时代,如何从众多名称中脱颖而出给陌人生留下一个良好且深刻的印象,这至关重要。随着小程序开发越来越多,运营者在给小程序...

  • 小程序商城怎么运营?

    小程序商城在当今电商领域日益受到瞩目,成功运营这样一个平台对于每个经营者而言都至关重要。那么,我们该如何着手呢?一、确立品牌方向首先,我们要清晰地定义自己的品牌在市场中的位置。...

  • 自建商城运营秘籍,吸引顾客有妙招!

    新建网站的运营与维护之道一、明确核心产品的市场定位要让新建的商城网站在竞争激烈的市场中脱颖而出,关键在于精准地定位核心产品。选择具有市场潜力的热销产品,并突出其独特之处,是吸引...

  • 小程序商城推广完全指南

    随着小程序商城的日益兴起,如何在竞争激烈的市场中脱颖而出成为了关键。小程序商城的推广方式多种多样,以下是一些有效的策略:1.公众号与小程序的结合:商家可以将小程序与公众号绑定,...

  • 推广引流方法有哪些,裂变营销什么意思

    推广引流方法有哪些,裂变营销什么意思除了各公域平台,另一个比较重要的引流场景,就是在微信中。一方面做信社交性强,对于身边用友的链接更紧密,微信上也会以群、公众号的形式聚集一群有...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/5663.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();