一、交互设计中的语言
交互建立在有用交流的基础之上,而交流在很大程度上依靠于语言。文案看上去可能并非优等大事(尤其当你拥有一支内容策划和文案编辑团队时),但你必须晓畅,文案写作是受到整体设计的影响,同时影响了整体设计的。试想,假如视觉设计师在题目位置只留了够写两个字的空间,那么整个页面的流畅性势必无法保证。
1?为何文案是交互设计的基础
问候:首先,你的产品文案不仅仅是一句友爱的问候,它还诠释了这个网站的性质。其次,无论是建议注册,或者直接跳转到能够吸引用户的内容,文案还起到了指导用户第一步操作的作用。如同我们经常说的,交互设计需要被当做一次交谈来对待,所以这是你创造人性化体验的第一次机会。
下图是旅行租房网站?AirBnB?的案例,文案极简,但同时深入人心。题目?Just for the Weekend?和?Explore the World?让用户在去往特定目的地之前看到?AirBnB能够带来的体验。这个交互很微妙,通过文字的暗示,它构建了产品体验的框架?–?让用户距离一次兴奋的旅程更近一步。
导航:文案告诉用户他们在哪儿,同时提供新的或者鲜为人知的选项,加深用户的体验。任何广告商都知道,不同的文案在宣传效果上截然不同,一个充满吸引力的描述可以“兜售”一个网页,同时告诉用户,里面包含了什么内容。
指引操作:??菜单、按钮以及指示说明上的文字,都对产品的可用性起到了至关主要的作用—没有它们,用户将在苦苦摸索的过程中产生挫败感。简短的语言可以节省时间,选择得当的词语可以增添注册和销售的机会。用户是为了达成他们的目标而来到你的网页的,所以,设计能够指引交互操作的文案吧。
提供帮助:?与指引操作相似,文字也可以在帮助环节中起到主要作用。在诠释清楚一个问题或者解决方案的过程中,文案会影响用户的情绪—可以帮助降低偶发错误带来的影响(无论错误是不是用户造成的)。
下图Github的404报错页面是一个在出现偶发错误时提供用户帮助的极佳案例。页面很有趣,报错时引用了星球大战的画面,成功转移了用户注重力。同时,页面底部的文案告诉了用户怎样返回原路径。这是最值得注重的地方,因为个性化的内容只能在有限范围内帮到你,用户迟早照旧会意识到,他们还没有达到他们要去的地方。
2?内容为王
Interecom的联合创始人Des Traynor?提出了一系列有帮助的自测问题。你可以使用下面的问题列表去检验交互界面上的文案内容:
读者是谁?不仅要知道你的目标用户是谁,你还需要知道他们所属的类型:新用户、老用户、注册用户照旧免费用户,等等。例如,新用户就需要更多直白的语言。
什么时候读?一个新闻应该倏忽出现,照旧根据用户行为作出响应?让用户能够预期到它,照旧由它抓住用户的注重?以上这些细节能够决定交互是平滑过渡或者滞涩中止。
需要知道什么?确保你的文字准确地传达了你想要说的,并且是通过所有可能的体例里最好的。
下一步是什么?义务完成了吗?是否需要进一步的操作?就像之前Github的例子,每一次交互行为都需要把用户送至离目标更进一步的位置。
形式是什么?说到形式,我们指的是交互界面的形式(网页、应用、邮件等等)。你会使用弹窗照旧出现在屏幕顶部的全局警告?每一种形式都有它们的优瑕玷。例如比起模态窗口,一个弹窗能够承载的信息要少得多。还要注重细节,250毫秒的时间就会造成愉悦或者厌烦的差别。
最佳的调性是什么?一个产品的调性,传递了一个品牌的声音,所以调性的选择是需要细心斟酌的。一个诙谐或者严厉的调性自己不存在好坏,但是放在错误的环境中,它们可能会变得完全舛错。
二、与用户产生不可思议的交流
1?清晰是最主要的
模糊不清是好设计的最大敌人,这一点在界面设计中尤为显明。因为在界面设计中,文字是最直接的交互形式,假如模糊不清只会让人更加疑心。
保持明确:准确地陈述你的意思,将模糊性降到最低。选择准确的词汇,例如“保存”并不等同于“提交”,而“过滤”和“搜索”也是不一样的。
避免使用专业术语:在交互设计中一个简单的错误就是对你的用户使用你常在办公室说的语言。除非你正在给别的设计师或者开发者设计产品,否则你的专业术语将会让你的用户一头雾水。当我们频繁地在电子书中使用UX、IxD、UI时,通俗人或许完全不知道我们在说什么。
主要的文字放前面:主要的文字应该放在最前面和最中间的位置上。如下图在一个表格框中,“First name”?就比?“Name(first)”?好许多。假如你希望用户对某个页面的底部的一个细节引起注重的话,“下面你会看到更多细节”?就不如?“更多细节在下面”?更有用。
删掉多余的文字:William Strunk,Jr.在经典的风格元素一文中提到在所有的写作中一个特别很是主要的基本原则就是避免多余的文字,多余的文字会让你的设计变更繁冗、特征不够显明并且虚耗注重力。有一项研究通过对205873个网页调研发现,用户大约只需要10到20秒就能决定一个网页是否值得去看。
2?不要强制个性化
知名品牌通常把文字能够清晰表达含义看作最主要的,当个性特征影响清楚表达时那就应该把它去掉。
3 情感联结比文字长短更主要
4 充分行使人们的阅读模式
布局:在视觉设计最佳案例中,我们探讨了用户浏览网页模式的趋势转变,包括F模型和Z模型,研究眼动测试模型的主要性在于你要通过展望用户的视觉走向来判断要在哪里放置最主要的内容。在交互设计中,根据阅读模式进行设计能够提高你界面的亲密度(也称为可学习性)。
排版:假如没有排版的话,读者在阅读的时候会特别很是不容易集中精力甚至不能读完悉数内容。相反的,一个优异的排版会为你的内容添彩,甚至你完全可以指导用户按你的想法进行阅读浏览。
5 次级文字也很主要
虽然听起来并不显眼,但次级文字有时候能在用户与你的网站或应用交互时产生伟大的影响。次级文字的应用技巧在于了解如何组织语言和把它放在最合适的位置上。次级内容主要用来给出提醒或者减轻用户的担忧(尤其在注册、登陆等关键步骤时)。在你解构整体设计去解决一个具体问题之前,尝试去添加或者改变一些关键文字去看它能不能有所帮助。
本文来自:阿里妈妈MUX,原文链接:http://www.eqolm.com/uxpin8533/knowledge.html ??
查看全文:下载PDF文档
二次封装jquery ajax办法
在我们前端处理数据的时候免不了要 ajax 与后台通信, ajax 是通过 XMLHttpRequest 对象与服务器进行通信的, jquery 在 XMLHttpReaquest 的基础上封装了 $.ajax 办法进行通信, $.ajax 办法实用性非常强,又非常简单易用
制造业网站建设方案可以怎么设计?
目前制造业企业有很多,但是做网站建设的企业却很少,现在是一个互联网社会,除了智能制造还有“互联网+”,网站建设虽然是很小的一个环节,但却是很重要的因素......
三大最棒的开源Web开发模板或框架
如果要为内容管理系统或静态站点生成器构建新模板,该怎么办?如果想使用单个目标网页或少量不太可能经常更改的静态网页构建简单网站,该怎么办?如果要编写JavaScript应用程序但不想使用复杂的框架或库来构建最终输出怎么办?
一个优秀的企业VI对一个企业的作用应在于?
因此,没有VI对于一个现代企业来说,就意味着它的形象将消失在茫茫的商海之中,让人辨别不清;就意味着它是一个没有灵魂的赚钱机器;就意味着它的产品与服务毫无个性,消费者对它若即若离;就意味着团队的涣散和低落的士气
【网站优化】怎么做文章伪原创让百度收录?
要创作出好的文章并被百度所喜欢,就非常需要SEO的优化能力,以及要对文章进行塬创或伪塬创,那么,如何做伪塬创文章?以及如何做好塬创网站文章呢?对此,本文小编就为大家带来了几招做"塬创"网站文章的心得...