在很多界面中,错误的产生不可避免。一旦发生错误,要帮助用户快速轻松地处理好。
-
-
交互设计 按钮的优先级选取与用户体验最佳实践
通常带有明确指向性和说明的标签(按钮内容,文本)会比通用的“OK”或者“确定”要更好。
尽可能使用动词,而不是OK,因为前者意义会更明确,用户不会断章取义从而作出错误的选择。OK/[Do it]/Yes
[Don’t do it]/No
Cancel0 2k 023 5 月, 2017 -
交互设计 一份全面系统的渐变色自学指南
踏入新创科技业以来,总是听见许多设计师/工程师朋友们在抱怨设计师与工程师之间的合作有多么的…不融洽(糟糕),要码是设计师常常抱怨工程师没有 美感,不重视设计细节,或是连Guideline都不读完就来跟我讲该怎样设计( → 强烈建议iOS/Android 工程师不管未来是否会接触接口设计都花些时间把iOS的Human Interface Guideline跟Material Design Guideline给看完,这是基本啊!!基本啊!!在线已经有满坑满谷的翻译文章啰,所以别再拿看不懂英文当借口啰);另一方面就是工程师也常常会抱怨 设计师总是把写动画当作小画家,把写程序当成写国字(Framer会红的原因?!)或是总是有着过于天马行空的设计想法。
0 886 022 5 月, 2017 -
交互设计 专业的网页风格指南应该如何制作?
文案规范
视觉指南配色方案,包括每种色彩的具体参数,以及其他可接受的色调
字体和排版方案,包括每个部分的字体类型、尺寸、字重以及具体用法
LOGO,包括它的样式、变体、尺寸以及位置的说明
拼写、关键词的选择、文案的风格(包括按钮、社交媒体等)
图片使用规范,包括色彩、裁剪规则和视觉表现方面的标准
SEO信息,比如可选的标签和关键词
栅格标准(主要用作网页排版和印刷)
空间与留白方面的说明(设计的松紧度等)
关键点的说明(团队成员可能会提出的问题或者有待澄清的点)在内容表述上不要限制太多,这毕竟是风格指南,重点是视觉上的引导,设计是核心;
将相关、相联的条目整合到一起做快速指引:一个页面介绍色彩,在另外一个页面做排版的规范等等;
用图片案例来展示界面应有的外观,而不要单纯用枯燥的文字来做介绍;
提供可用的具体说明。比如配色方案中提供色彩的RGB或者CMYK的具体值,确保色彩的运用能够一致;
将一部分的设计案例分解说明,确保每个元素的功能和使用规则都足够明晰;0 781 022 5 月, 2017 -
交互设计 有哪些常见的移动端UX设计误区需要规避?
我们手机里面装满了各种各样的APP。安装这些应用,我们的初衷是让我们的生活更加便捷。但是当这些应用无法满足用户的需求的时候,用户自然而然会离开,并寻求更好的解决方案。一个成功的应用包含有诸多元素,而其中的用户体验设计 则起到了决定性的作用。在残酷的竞争中,用户体验 往往是决定成败的核心。
0 2k 022 5 月, 2017 -
交互设计 译文 | iOS 10 人机界面指南(二)
iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?
0 412 022 5 月, 2017 -
交互设计 弹窗设计的5条基本原则
当你将弹窗设计 及使用得恰到好处时,它们就会是非常有效的用户界面元素。它们能帮助用户快速且便捷地达成目标。然而当错误使用时,弹窗却会困扰你的用户。学会如何设计弹窗,会帮助你在使用时避免那些可能对用户造成的困扰。
0 733 022 5 月, 2017 -
交互设计 让你的设计拥有高转化率的配色知识简明指南
互补指的是我们视野中色彩和色彩之间相互补足的关系。选择色轮中处于相对位置的色彩,构成的配色 方案令双眼觉得和谐。最常见的互补配色有两种,三元配色和复合配色,我们将稍后探讨。
对比则可以将不同的元素区分开来,从而降低视觉疲劳,构建出视觉重心和焦点。元素之间的高对比度让文字更容易被识别,引导用户注意到更关键的信息。背景和背景之上文本的色彩选取就是一个非常常见的对比度的问题,我们会随后聊到。
色彩对于用户的情绪上的感染也是一个重要因素。较小的文本应当确保至少和背景之间有4.5:1的对比度比率
较大的文本(14pt粗体,18pt常规)应当确保和背景之间的对比度超过3:10 606 022 5 月, 2017 -
交互设计 译文|界面设计中,关于字体设计的10 个锦囊
字体作为界面设计的一个元素,对用户的阅读体验起着至关重要的作用。本文是 UI 设计师 Viljami Salminen 分享的用户界面字体设计的基本规则和技巧。一个优秀的设计师懂得:网页上的文字不仅仅作为内容而存在,它还是用来交互的界面。
– Oliver Reichenstein
Helvetica 真的弱爆了。它不是为小屏显示而设计的。像「milliliter」这样的单词显示效果就很差。
– Erik Spiekermann0 1k 022 5 月, 2017 -
交互设计 别让这10个设计误区毁了你的APP
色彩:鲜艳的色彩更抓眼球,适宜于可点击的元素使用
空间:在关键元素周围留下足够的空间,让用户更容易发现,也更容易操作
排版:使用简单干净的字体(尽量使用笔画粗细统一的字体),并且挑选适合屏幕的字体,确保整体可读性。告知用户他们所处的位置,或者显示当前状态(比如光标悬停色彩改变等)
当某个动作执行的时候,应当给出相应反应(比如提交表单完成之后给予成功提交的提示)
告诉用户发生了什么,以及接下来将会发生什么(比如加载中的进度条)0 977 021 5 月, 2017 -
交互设计 设计高效好用表单的10个技巧
让问题保持直观的顺序。你应当站在用户的角度按照逻辑提问题,而非按照程序或者数据库的逻辑。如果问题之间没有逻辑存在,那么可以按照字母顺序来排布。
以直觉的顺序组织选项。比如选项为日期的时候,按照周一周二周三这样的顺序来排布,而非乱序。
时刻反思从用户那里获得的信息是否必要,如何使用。这样做是为了消除不必要的选项,提升完成率。一旦用户点击输入框,标签会消失,用户容易忘记谈需要输入的内容以及形式
当用户看到输入框中有内容填充的时候,会误解为这个字段已经被填写而无需输入了0 2k 021 5 月, 2017 -
交互设计 干货推荐|40款独特的移动导航用户界面
越是简易,你的APP/网站就越出色。移动用户的界面可以有很多种形式和风格。
0 773 020 5 月, 2017 -
交互设计 文本输入框设计的那些潜规则,你知道多少?
当新用户开始使用一款APP或者入驻某个网站的时候,至少最基本的信息都需要通过文本输入来完成。产品经理、设计师和开发者也都明白,这才是最佳的解决方案。
0 2k 020 5 月, 2017 -
交互设计 译文|为未来的SaaS应用,提供新的交互及视觉设计
本文介绍给大家一些基本需要关注的点,以及我们设计团队通过在相当长的时间内的试验和学习,如何为在线办公应用Zoho设计更好的用户体验?
0 1k 020 5 月, 2017 -
交互设计 「以司机为中心」的用户体验设计
Uber 如何将他们的设计哲学应用在司机端的 App 上面 ?这一次,饿了么商家端产品经理为大家翻译了「以司机为中心」的用户体验设计—— 细看如何从零开始重制 Uber 司机端 App。
0 537 020 5 月, 2017 -
交互设计 译文|移动体验设计禁忌
就移动用户体验设计而言,不断地实践是检验其好坏的一条必经之路。在这篇文章中我们聚焦于基础。我们需要去解决的是如何避免打断用户或者强迫用户思考的问题。
0 1k 020 5 月, 2017 -
交互设计 优秀的移动端UI,应当如何用微交互打磨细节?
你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘的产品,靠的是这一个个精致到位的细节堆出来的。
0 939 019 5 月, 2017 -
交互设计 Facebook副总裁:为什么我们把汉堡菜单换成了标签栏?
如果你希望某个重要的东西被用户看到、用到,那么很简单 – 把它放在用户一定看得到的地方,别让他们去找。
0 465 019 5 月, 2017 -
交互设计 译文 | 记忆设计:怎样设计可被牢记的友好体验
本篇文章中,我将向大家分享:怎样设计能够为用户留下一个记忆中的正面印象?在以前,锁匠开锁需要花费很多时间开锁,甚至需要将整个门破坏掉,那个时候,顾客通常会很满意的付给锁匠报酬,甚至是优厚的小费;但现在,开锁的设备更加先进了,锁匠开锁花费的时间越来越少,锁匠能够做到在三、四分钟内将锁打开,然而顾客却变得越来越吝啬,锁匠再也收不到优厚的小费了,并且常常被抱怨要价偏高,他们认为锁匠并没有花费太多的功夫就将锁打开了。
0 949 019 5 月, 2017