首页

注册表单设计5个小技巧

蓝蓝设计的小编

网上挤满了各种各样的UI设计方案,事实上我们已经有一套套的方案可遵循。但!界面设计永无止境!哪怕是一个注册表单,也值得再细心研究。下面蓝蓝设计给出注册表单设计5个小技巧:

1、别让用户重复填写相同的内容

几乎每个人都经历过这样一个事实:注册时被要求填写邮箱地址两次或重复输入密码。但是这其实是没有必要的。仅填写一次,因为用户一般都记得自己常用的邮箱地址和密码。假设哪天用户忘记密码了可以通过邮箱找回,再多此一举填写两次反而更加容易导致用户流失。

5个注册表单的用户体验设计技巧

网页设计师应该知道的心理学

蓝蓝设计的小编

关注人类心理学的一些研究是非常有意义的。通过对人类心理的推敲,我们讨论人社会心理,这能够帮助创业公司开拓市场,因 为受欢迎的内容和大众心理有着最直接的关系。问题的关键是,很多心理学对于网站设计者有着很强的启发性。心理学帮助网站开发者看清人们的思维如何运作。今天,蓝蓝设计和大家分享几条对网站设计非常有益的建议。

1.太多的选择等于没有选择。

根据Sheeya Iyengar教授的心理学研究,我们能够洞察人们处理多重选择时的心理变化。“选择就是放弃”,Iyengar教授,《选择的艺术》的作者这样总结说。 社会心理学发现,当人们面多过多选择的时候,他们的表现非常相似:他们不会做任何选择。这就是所谓的“安全选择”。

结合到网站设计中:

太多需要用户去点击的东西,会让人觉得混乱。就拿我自己的网站来说,当我把两侧的工具栏撤掉一半之后,注册的用户大大增加。思考你的网站最终、最核心的目的,关注集中一点,删掉无关紧要的点缀和内容,直到你的内容只剩下最本质最重要的内容,这样你的用户才愿意呆在这里。

如何提高网站浏览体验

蓝蓝设计的小编

你浏览一款网站时,一般会迅速的对网站设计的外观和使用感受做个评判,整体的界面设风格是第一印象,能否引导用户继续阅读取决于此。

金玉其外败絮其中必然无法长久,功能性也是重要考量。推荐您也好好学习《网站用户体验的76个要点》
好的用户体验不仅仅关乎到功能性和设计美学,还需要考虑很多因素,和蓝蓝设计一起来看一下吧。

一致性

最重要的交互元素一定要友好,并且风格一致。

尽管在设计一款网站时,我们可以融入很多创新点和美学风格,但是一些经常使用、且重要的元素,风格一定要一致,比如按钮、链接、导航栏、表单等等。我建议可以多浏览一些电商网站,他们在这一点上做的就很棒,他们通常有很多的产品页面,但是整体体验却相差不大,我们可以看看优衣库的网站。

Consistency is one of the most important aspects in web design.

网页设计的分割布局秘密

蓝蓝设计的小编

随着互联网的高速发展,各种各样的网站层出不穷。在这样的环境下,用户是如何在浩瀚的互联网海洋中快速挑选网站的呢?网页UI设计师又如何能让自己的网站设计在用户匆匆一瞥后就迅速吸引到他们进一步注意的呢?本文作者向用户介绍了一种简单的页面布局方式——分割布局,这种布局方式试图让用户初览页面时感受到一种友好的浏览体验。

作为网页设计师,我们可以参考的界面设计范例和布局原则有很多,比如说:栅格化、纵向一致性、F型布局、Z型布局、三分法则、黄金分割法等等。注重这些原则将会给你的设计带来视觉吸引力和功能性——现在让我们来看一种简单的方式,将页面两等分。

虽然在一开始听起来有点傻,但是这种基本布局确实能起到非常好的效果。当我们通览一个页面时,我们的视线常常会沿着一个“之”字形移动。而如果用户的视线是沿着一条水平线移动时——就像在Z型布局里一样,那么他/她就会很专注(或者说尝试着专注)。但由于初来你网站90%的用户都不会很仔细的去关注你的页面,因此让你的设计“浏览起来友好”肯定会获得不错回报哦!

了解网页设计中的分割布局

如何让WEB链接完美的跳转到APP

蓝蓝设计的小编

在智能手机出货量超过PC和功能手机、用户使用App比例超过80%以上的情况下,智能手机App绝对成为了人们生活的主角。对于PC、平板、智能手机之间的跨平台无缝体验,很早之前开发者就开始关注了。比如Evernote会开发几乎所有平台的软件版本,来保证用户在使用各个平台时可以无缝切换;另外Chrome 桌面版和手机端也可以同步数据,我在电脑上打开几个网页,换到手机上时仍能看到那几个网页。

虽然很多人都认识到了App的重要性,但从PC到手机App,这中间仍然存在着很大的体验断层。PC段到移动端还有很多事情要做,比如接下来讲的:当大量App内容被分享到微博、微信上之后,如何从PC或手机上的网页链接完美切换到App。

Instagram

漂亮的APP应用网站

蓝蓝设计的小编

很多iPhone应用网站的UI设计都颇为精美,朋友们们不会有什么意见的。看来那些UI设计师们都敞开胸怀迎接“苹果style”,创造出干净简约又优雅的网站设计。可不嘛,作为一枚合格的设计师,他们才不会随随便便弄个网站界面设计展示他们的app呢,都卯足了劲设计出新颖的版式,配上美美的图片、大量留白和恰当的字体。今天呢!蓝蓝设计将要带给你的这份灵感清单就是一些绝赞的iPhone应用网站设计!

dcovery

这可是规划旅游方案的一枚利器,等你到了目的地还能靠它探索更多乐趣。

21 Beautiful iPhone App Websites

不同情境的列表设计

蓝蓝设计的小编

蓝蓝设计将分析列表在各种情境的界面设计方法,以及需要注意的事项。

列表常见的使用情境

  1. 概观:浏览较多的的信息时,列表可以提供一种概观性的的方式来呈现内容。
  2. 逐一浏览项目:用户可能逐一或随机的的阅读信息,就像是 Facebook 动态信息。
  3. 搜寻:用户可能在列表上寻找他们想要的信息,就像是 Google 搜寻结果。
  4. 分类与过滤:用户可能正在分类信息或者使用一些方式(档案大小、名称)过滤内容。
  5. 项目的整理、新增、删除与分类:用户正在整理信息,此时很有可能需要多选、搬移的辅助功能。

模式1. 双面版选择器

双面板列表是一种将列表区分为两个区域的一种设计模式,用户可以自由在第一个面上选择项目,第二个面版上会显示面板一选择的项目内容。

优点

  • 操作非常的有效率,不需要来来回回的在不同列表切换。
  • 减少用户记忆与认知的负担,使用者不必了解内容在列表上的位置,也不需要学习如何返回列表。

缺点

  • 需要比较大的屏幕时才能支持。

交互设计中如何增加趣味性、提升愉悦度?

蓝蓝设计的小编

「好的产品关注功能,优秀的产品关注情感」

趣味性、愉悦度,这些都是针对用户情感化设计的领域。

功能、实用性,这些需要很强逻辑性的事物很难和情感产生关联,并不是指这些不重要,它们很重要,它们是基础,但缺少了情感的作用,很难产生一些东西,像:快乐、愉悦、悲伤、美…

花、大海、春天、小屋… 这些都是很普通的名词,但将它们富有诗意的组合在一起:我有一所房子,面朝大海,春暖花开。接受者会投入不同的情绪去理解这样一个组合。

上面这些名词就像我们在界面设计过程当中所遇到的各种元素,按键、菜单、icon、动态效果… 将它以诗意的方式组合在一起,由此用户产生了情绪上的波动。

交互设计的本质是对用户行为的一种界面设计,直达内心的UI设计能够影响用户自身的情感,从而导致用户的行为。常会有设计师说将用户当成是一个易怒、情绪不定、不明理的人,为什么?因为人的本质是非理性的,逻辑是理性层面的考量,而面对情感这个潜藏在理性背后的东西,需要设计师有深厚的功力,这不是单纯技巧上的问题,而是一种时间、感觉、情绪等综合的圆熟。

针对用户情感进行设计时需要考虑产品的用户群,情感设计的应用将会为产品塑造个性,需要明确产品个性是否与目标用户相符。所以题主需要考虑一下,所说的趣味性是否与产品所预期的个性相符,这很重要。

扯回到正题,交互设计中的趣味性如果让我用一句话表达,我会说:「情理之中,意料之外

btw:自己对有趣的定义可能会与大家不太一样。

注册表单的设计技巧

蓝蓝设计的小编

网上挤满了各种各样的UI设计方案,事实上我们已经有一套套的方案可遵循。但!设计永无止境!哪怕是一个注册表单的界面设计,也值得再细心研究。下面蓝蓝设计给出注册表单设计5个小技巧

1、别让用户重复填写相同的内容

几乎每个人都经历过这样一个事实:注册时被要求填写邮箱地址两次或重复输入密码。但是这其实是没有必要的。仅填写一次,因为用户一般都记得自己常用的邮箱地址和密码。假设哪天用户忘记密码了可以通过邮箱找回,再多此一举填写两次反而更加容易导致用户流失。

5个注册表单的用户体验设计技巧

下面是一些非常值得参照的表单设计:

 

APP设计中便捷的单手操作

蓝蓝设计的小编

探讨APP界面设计的手势操作前,蓝蓝设计想先介绍两篇文章来了解用户是如何使用手机的,以及触控屏是如何感应我们的操作的。

用户是如何使用手机的

Steven Hoober在《How Do Users Really Hold Mobile Devices?》[1]一文中指出,通过两个月的时间对1333名手机用户在公众场所(街道、机场、汽车站、咖啡馆、火车上、汽车上等)使用习惯的观察得出以下结论:

①780名用户是通过滑动、点击、打字等来操作屏幕,其他用户则仅仅是用手机来收听、观看、打电话。

②49%的用户通过单手操作,36%一手拿着手机一手操作,另有15%双手操作。

③在单手操作用户中,有33%的用户用左手拇指来操作。

④用户经常变换操作姿势和手势。

49%的单手操作用户是以下两种姿势(左手用户相反)。绿色代表容易点击区域,黄色为拇指伸展可到点击区域,红色区域超出单手可点击范围。

p2

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档