首页

推荐!网页首屏设计之图文混排的10大技巧

博博

 首先网页首屏中的文字必须具备可读性才行,所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景,那么你需要使用白色或者浅色的的文字,而当背景比较素雅的时候,文字可以使用深色,这就是我所说的强化对比。

当然,对比不仅限于色彩,文字同样存在对比。文字与图像相互配合,才能达到出人意表的效果。例如第一个案例,Packdog网站的设计,大图作为背景,用色浓郁,文字则正好相反,轻薄而大小错落。这些对比强烈的元素组合在一起令人印象深刻。

我们为什么需要动效设计

用心设计

表现层级关系

为了展现层与层的关系,是抽屉,是打开,还是平级切换等等,让用户知道这个界面和上一个、下一个的关系。这已经是非常最常见的运用了。

让用户输密码的正确姿势!简化密码设计的三个小秘籍

周周

simplify-password-design-method-1

用户体验,细节为王,今天推荐一篇看似简单却道理十足的文章,值得大家一起阅读并且深思,我们是否在一些地方因为惯性思维错过了提升产品体验的点 >>>

感谢Ping++的@俞越 同学倾情相助,提供了译文的初版,虽然还是要逐句理解进行错译修正和校对,和以前相比,也大大缩短了翻译的时间。

译者微信公众号“开卷有译”,欢迎关注唷。

交互设计中的功能动效

蓝蓝

译者纪:本片文中包含大量的动态页面(原网站是视频链接,本网站上传视频不能排序,故人工转为动图),加载较缓慢,请各位多点耐心,么么哒

---

一个好的交互设计师可以很容易的解释设计里面的决定背后的逻辑。这包含着信息架构,页面内容的层次结构,流程和所做的解释。

迟早,动效将会应用到线框图原型中,这个时候,再去对设计做决定或者是解释,将会变的难一些。例如一些这样的理由:太狂拽酷炫了……太潮了……太鸡冻了……这将是设计失去其力度的领域(Reasons such as “It will be cool!” or “It’s trendy” or ”exciting” are exactly the areas where a design starts to lose its strength.)在我们的设计中,动效理应占到更多的比重。我们应该去定义动效,并且阐述他们的目的——像我们阐述一个设计中其他的元素一样。

什么是功能动效?

交互设计技巧:创造好的用户体验(2)(翻译)

蓝蓝

一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。

上一篇:交互设计技巧:创造好的用户体验(1)(翻译)

21. 尝试平滑过渡而不是突兀呈现

当用户进行操作的时候,界面元素经常会有出现、隐藏、移动、转换以及大小调整的动作。作为对操作的回应,为元素变化适当添加时间延迟有时候让用户更容易理解刚刚发生了什么。以动画或者过渡的形式刻意制造的延时,给了用户理解元素大小或者位置变化的必要的反应时间。当然了,你也要记住,我们应该将过渡的时间控制在0.5s之内,时间太久的话,用户可能就会感到不适。对于那些只想快点完成任务的用户,太长时间的延时当然会成为一种负担。

 22. 尝试循序渐进的引导而不是草率地让用户注册

与其要求用户立马注册,何不让用户先体验一些已示范的有价值的操作呢?在最初的交互过程中,不仅能展现产品的价值,也能显示出产品的个性。一旦用户开始看到你的产品的价值,了解产品对自己的用处,他们将更乐于与你分享更多的信息。这种循序渐进的引导是一种尽可能推迟注册过程的方法,同时还可以让用户使用和自定义你的应用或产品。

交互设计技巧:创造好的用户体验(1)(翻译)

蓝蓝

一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。

  1. 尝试使用一列布局代替多列

一列布局会让你对全局有更好的掌控。它也能让你的用户预先对整体的内容从上到下有一个大致的了解。然而多列布局则会让用户从页面的核心内容上分散注意力从而增加额外的风险。最好的方法是用一个有逻辑的叙述然后在文末加上一个行动的口号来引导用户。 

  2. 尝试用礼物代替直接销售

信息可视化图表设计

用心设计

信息可视化包括了信息图形、知识、科学、数据等的可视化表现形式,以及视觉可视化设计方面的进步与发展。地图、表格、图形,甚至包括文本在内,都是
信息的表现形式,无论它是动态的或是静态的,都可以让我们从中了解到我们想知道的内容,发现各式各样的关系,达到最终解决问题的目的。信息可视化的意义就是在于运用形象化方式把不易被理解的抽象信息直观地表现和传达出来。

26副本

如何通过设计让用户更准确地做出选择?

用心设计

前方高能,鉴于译者是处女座,所以感觉本文的原作者也是处女座,文章没有高深的策划理论,但是把平常我们觉得很简单的表单
设计思路挖得很深很透彻,将小小的最平常的一个选项设计应该采用哪种方案一一列出,在理之余,也把用户的一些思维模式放出来。很多时候感觉我们经常在思考
一些大的华丽的东西,却不知道其实每一个小的设计其实都可以钻研、都可以有不同的设计方案。与喜欢钻研交互设计的朋友们共勉~~英语能力有限,欢迎吐槽指

shejixuanze

交互设计系列之八:交互设计用户体验如何做调研和迭代

用心设计

真正的用户体验设计师并不是由画线框图的能力所造就的,更重要的是,他们懂得怎样处理回馈信息,怎样验证想法,他们懂得做调研和迭代。他们知道草图和线框原型只是整个设计流程当中的一小部分,它们是调研工作的结论产出,是用来做沟通的信息载体;它们有可能被放到演示文档当中供产品、设计、技术开发等相关人员进行交流沟通,也有可能以高保真或纸面原型的形式被用作可用性测试。



日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档