如何做出用户不反感的错误提示?来看这篇总结!

2017-11-6 Daisy 交互设计及用户体验

相信在日常生活中,很多人都曾经在各家银行的网上银行或者直销银行中买过理财产品。各家银行的理财产品购买流程都是大同小异的:选择合适的理财产品——输入购买金额——确认项目信息——返回操作结果。我们假设一个情况,当用户输入的购买金额超过账户余额时,我们应该怎么给用户一个错误提示?

阅读全文>>

标签: 用户体验 界面设计

评论(0) 浏览(309)

弹框体系总结:模态弹框和非模态弹框

2017-11-4 Daisy 设计理念

弹框是一种重要的交互方式,主要用于完成信息传递和用户反馈两大功能。弹框很常见,但并不见得每一个设计师都可以100%的弄明白弹框这个概念。这篇文章是对弹框体系的一个简单梳理和总结,希望可以解决大家心中的一些疑惑。 我们日常所说的弹框是一个很笼统的概念。所有的对话框、浮层、提示条我们都习惯性的称之为弹框,其实弹框我们可以分为两种:模态弹框和非模态弹框。 一. 模态弹框 模态弹框和非模态...

阅读全文>>

标签: 界面设计 弹框设计

评论(0) 浏览(279)

这篇搜索功能设计的总结,帮你从产品的角度看问题

2017-11-3 Daisy 设计理念

在之前的好几篇文章中,我都提到了设计师如果想完成自我提升,就应该懂产品。但是设计师如何去跨越那条“鸿沟”,学习站在产品的角度去构思设计,我却很少提及。不是我高冷,故意卖关子,因为我也不是很懂,所以也不敢乱说。最近我接到一个需求,是给一个后管系统做搜索功能。在做的过程中,我发现了搜索功能对于设计师学习产品可以起到一个很好的引导作用。

搜索功能的作用

搜索功能的出现追根溯源上来说是因为现在一款产品所包含的内容太多了,特别是阿里的产品。

阅读全文>>

标签: 界面设计 搜索框设计

评论(0) 浏览(213)

配色和字体都很棒,但为什么界面看着不高级?

2017-10-25 Daisy 设计理念

为什么要使用间距?

我一直认为设计师做东西的时候一定要「较真」,你在设计过程所做的任何决定都要问自己为什么,多思考。做到有的放矢,这样会少走很多弯路,也更容易成长。

那么如果我们想了解间距乃至更加规范的使用间距,首先我们要明白为什么要使用间距。间距的使用有很多作用,可以吸引用户注意力、提升内容的可读性,阐述元素之间的关系。其实简单来说,间距的作用可以归纳成一句话:建立视觉层级来简化界面内容,让用户更容易接受。

阅读全文>>

标签: 界面设计 间距

评论(0) 浏览(329)

全民K歌歌房是如何设计出来的?体验设计师告诉你

2017-9-21 用心设计 交互设计及用户体验

关于设计


在我的理解,设计分三个层次,界面设计-体验设计-生活方式设计。


界面设计是最基础的功能布局、逻辑跳转,而体验设计是关于用户更立体的需求、动机、行为;生活方式设计则是需要在体验设计基础上,于生活的各个可被设计的触点去影响用户,培养使用习惯,最终构建行为习惯,成为一种生活方式。


全民K歌歌房是如何设计出来的?体验设计师告诉你

阅读全文>>

标签: 交互设计 蓝蓝设计 体验设计 界面设计 操作界面 全民K歌房

评论(0) 浏览(359)

VR设计指南(2) - 基础概念与设计工具

2017-8-18 用心设计 行业趋势

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 在本文的第二部分当中,我们来了解一些作为设计师需要掌握的VR基础概念及相关设计工具。我们不会探索的过于深入,面向设计师的职能点到为止即可。 新的空间维度与沉浸式体验所带来的冲击是前所未有的。要在三维世界当中打造令人舒适的互动体验,你需要了解一些此前可能并未接触过的设计与技术原则。我们的Cardb...

阅读全文>>

标签: 蓝蓝设计 界面设计 VR AR 虚拟与现实

评论(0) 浏览(415)

进阶高级!帮你做能落地的界面之Tab的小短线

2017-7-10 Daisy 移动设备ui及体验

每一个选项都是一个tab ,tab 的形式千千万,但今天只讲这种选中后下面带横线的。(我们给这个横线起个名字叫做小短线吧,下文都这么叫了哈!)

今天的大纲如下:

  • tab是用来干嘛的
  • tab 的分类
  • 几种常见的小短线
  • 小短线的注意事项一
  • 小短线的注意事项二

阅读全文>>

标签: 设计方法 界面设计

评论(0) 浏览(230)

新姿势!用自然灵活的波纹曲线来柔化你的设计

2017-6-29 Daisy

相比于无处不在直线,曲线常常能让整个设计更加柔和一些。在网页和UI中,适时的加入波纹曲线这样的元素,能让界面更加自然,更加轻盈。波纹曲线的优势在于,它可以无缝地同各种不同的风格融合到一起,并且拥有调和不同的元素、不同风格的特性。

作为一种基础的视觉元素,波纹曲线不仅仅在风格设计上有着独特的功用,而且在整个UI设计中还具备一定的功能性。在扁平化设计大行其道的今天,波纹曲线越来越多地出现在各种设计项目中,今天的文章,我们一起来总结一下这一趋势。

阅读全文>>

标签: 界面设计 ui设计公司 曲线设计

评论(0) 浏览(489)

蓝蓝设计HMI界面设计文章分享之二

2017-5-19 浩浩 移动设备ui及体验

人机交互系统输出信息是有益的或者让人分心的,要有一条明确的分界线。

  Business Insider旗下研究机构BI Intelligence最近做出评估预测,到2020年全球范围内销售的9200万辆汽车将使用与互联网连接的硬件设备。想象一下数以千万计的车辆应用系统每时每刻都在进行数据输入输出,将带来怎样的用户交互体验。共享数据的辅助下,行车安全性可以得到大幅度提升,提前的线路规划策略也能够降低燃油消耗量。系统是如何判断哪些数据对驾驶者或者车载系统本身有所帮助,那些相关性不大的数据是否会让行车驾驶更复杂、更麻烦、更危险?

未来汽车HMI界面设计的「四个贴士」

阅读全文>>

标签: 界面设计 HMI

评论(0) 浏览(461)

五帽架设计原则:历史证明最高效的信息组织方式

2017-5-18 浩浩 移动设备ui及体验

Lisa :我们的设计必须显示展现出组织性良好的信息,这样用户才能很容易的理解所显示的内容。这是提供良好用户体验的关键。在大量显示数据的方式中,有一种经受了时间的考验,并证明即使在今天也是高效的。它被称为“ 五帽架 ”。

“五帽架”的概念最初由Richard Saul Wurman在他的“ 信息焦虑”一书中形成 。后来他写了这本书“ 信息架构 ”,在那里他重新定义了“五帽架”的概念,形成了LATCH原则。

“信息可能是无限的,但信息的组织是有限的,因为它只能由LATCH组织:Location位置,Alphabet字母,Time时间,Category类别或Hierarchy视觉层级 构成。”  – Wurman,1996

这五种方式到最后都是以清晰的方式解决用户的问题。

“我已经尝试了一千次找到其他方式来组织信息,但我最终仍使用这五种之一。” – Wurman,1996年

阅读全文>>

标签: 设计原则 界面设计 信息结构

评论(0) 浏览(465)

Powered by emlog 京ICP备12006971号-1 sitemap