首页

单手操作不方便?来看这两个新颖的交互方式是怎么做的!

资深UI设计者


从事用研6年后,我总结了这四个最重要的技能


编者按:当手机屏幕越来越大时,该如何保持单手操作的便携性?今天这篇文章提到了两个新的交互方式,值得一看,说不定有启发哟。

大屏手机有很多优势,大屏手机的趋势未来还会持续下去。但大屏也不是什么都好,更大的显示屏幕并没有承载更多的内容。实际尺寸和功能多少对于高、低分辨率显示是相同的。Steven Hoober 2013年的手机设备研究报告发现:49%的用户通过单手持机操作,36%的用户一手拿着手机一手操作,另有15%的用户双手持机操作。

2017年,并未有太多改变,单手拇指触控操作正在成为常态。首先,这样的操作比较方便;其次,同时使用双手并不总是太方便。但这里就有一个障碍:单手持握使用限制了你拇指能够触控的区域范围。

这就是为什么最好将应用程序的常用操作放在屏幕底部的原因。

因此开发大牛们开始关注用户是如何与他们的设备进行交互。即使为单手持握设计的应用已经无处不在。好消息是在努力改进产品的同时,大公司也在完善用户体验。

用户的反馈是无价的,最主流的应用服务也会收集、分析用户反馈,以此进行产品升级和优化。 通常,这些改变都会涉及到可用性,但不是所有更新都是我们能看得到的、视觉层面的优化。当和设备进行交互时,我们就会感受到这些优化,你的交互操作将变得更加自然流畅、毫不费劲。

根据舆情、反馈改进的产品在iOS和Android平台上变得越来越普遍,不仅仅大公司是如此,初创公司也是如此。如今,每一个创业公司都清晰认识到:用户需要支持到单手操作的应用。

Flipboard 和 Ada 就是非常不错的例子。

Flipboard是一个个性化的杂志,汇集来自新闻和社交媒体网络的内容,使你能够发现和分享你喜欢的故事,视频和照片。

屏幕截图展示了Flipboard的核心功能是如何布局的。差异不同之处是顶部导航栏的调整,顶部导航是iOS的典型设计。现在此设计转移到了屏幕底部,处于拇指触控区的位置。请注意!个人资料按钮放置在标示红色的难触控区。因此,Flipboard允许用户可以右滑打开个人资料页面。

搜索图标出现在屏幕中央的位置,它保持在黄色区域,需要拇指伸展。


Ada的开发大牛们创造了一个完全创新的导航设计。Ada是一个健康应用的程序,它会询问问题并提供个性化信息来改善健康。这个革命性的界面相当简单。它是一个基础界面结构的翻转镜像。一切被放置在顶部的内容都被重新放置到了屏幕底部,在上图中的绿色区域。

首屏界面如下所示:

采用汉堡导航的设计无法在当前界面展示App功能,因此汉堡导航略显过时了点。Ada 通过一个更自然的左滑复用了这一设计。

菜单列表放置在较低的位置,也没有人被负空间所惊吓到,因为这一设计显然是经过深思熟虑的。Ada的子视图也应用了拇指触控理念。

去年,我们产生了做一个可以单手操作的通话应用程序的概念设计。针对于拨号、消息应用,我们倾向于使用单手来完成进行拨号、输入操作。该设计没有从概念阶段落地实施,客户对整体功能性改版保持警惕心,这可能会疏远已经习惯界面结构的用户。

总结

首先,应用程序开发人员必须考虑用户和目标受众。这些是任何未来应用程序用户体验的基石。您的应用程序越简单、合理、便捷,就越有可能吸引更多受众。必须要紧随潮流 – 今天潮流新鲜的东西可能会在明天变得陈旧不堪。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


淘宝天猫个性化推荐技术演进史

资深UI设计者

无线个性化推荐起步于2013年10月。现在往回看,当时的阿里很好地把握住了移动端快速发展的浪潮,以集团All-in无线的形式吹响了移动端战斗的号角。个性化推荐团队也是从All-in无线这一事件中孵化的。我们从零开始搭建了个性化推荐算法体系及个性化算法平台TPP。TPP这一个性化算法平台对个性化推荐团队的成长起到了至关重要的作用。基于TPP,个性化算法团队成员们验证算法的速度得到了极大的提高,优化算法的速度从而也得到了极大的提高。仅仅花了不到两个月的时间,个性化推荐的第一版算法就在“有好货”
中初露锋芒:结合基于主动学习的选品算法平台TSP,个性化推荐团队一举打造了“有好货”针对高端人群的优质导购体验。

这个教程看完就会!如何为一个图表设计色彩?

资深UI设计者

对色彩的研究通常要么太过随意缺乏逻辑,要么太过理论化难以理解,这篇文章用非常浅显易懂的方式,讲述了一个专门研究数据可视化的团队探寻图标色彩搭配的历程,给出有力的论证,并得出很棒的结论,非常值得一读。

虽然现在要获取的色彩搭配并不难,但是寻找图表(可视化数据)的配色依旧有难度。

Graphiq (用可视化的形式提供全球各种数据的一家公司,也是作者工作的地方),设计图表色彩就更难了,因为我们的图表需要用各种各样的形式传达上千种数据。

2017年流行的这些字体排版趋势,你都知道嘛?

资深UI设计者

技术和设计趋势一样,随着时间的推移总在不停地变化。对于网页设计师和前端而言,字体和排版所涉及到的技术和设计尤其是如此。不过纵观这几年,网页字体和排版在大方向上并没有明显变化,结合当前主流产品和设计,并不难确定2017年内,我们需要关注的这些字体和排版趋势。

从事用研6年后,我总结了这四个最重要的技能

资深UI设计者

很多毕业生对在互联网企业做用研(一种岗位:用户研究员;一种工作内容:研究用户)非常感兴趣,但是又不知道从何开始,到底怎样做好一个用研,怎样具备做用研的能力?在互联网从事用研工作近 6 年,谈谈我对用研技能的看法,以及建议应该准备什么样的能力会更加受到互联网企业的青睐。

一. 思路的准备:

1. 以体验为中心:虽然现在的互联网企业已不再简单的提以用户体验为中心的口号,转而更多的实践,但这点的中心思想不会发生改变。真正的思路的准备是时时刻刻想着对用户的价值,这里的用户包括外部消费者、商家,你直接面对的客户,也包括内部的合作方,也就是阿里巴巴践行的「客户第一」。

2. 从学习到贡献的思路准备。


离开学校后,设计师该如何进行有用的自学?

资深UI设计者


如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里


编者按:很多设计师毕业后就不知道该学什么,没有老师带就不知道怎么学。今天这篇文章以交互设计为案例,教你一个的自学方法。

通过这篇文章你能得到什么?

1.  学什么?(工作、兴趣)

2.  怎么学?(两种方法)

3.  怎么监督学习成果?

背景介绍

好几个小伙伴询问关于找工作时选择岗位的问题。总结大意:有两个岗位我都想去,但是我都不怎么会,我该投哪一个?这看起来是一个工作选择的问题,但是由此我意识到出现此疑问正是因为缺乏持续学习的意识。遂翻出了以前的笔记,结合自己学习的过程,整理出学习方法浅析。

高中时候常听的是“考上大学你们就轻松啦!”

大学时候常听的是“毕业证拿到你们就轻松啦!

读了研常听的是“研究生学完还会怕找不到工作吗?”

然而工作了后,作为一个社会人我发现听说的这一切都是骗人的!我不仅要继续学习,而且要学的还很多,甚至都不知道该从哪里入手。

这大概是因为我习惯了校园里老师帮忙画重点,考试开卷的学习方法。我不需要考虑什么该学,什么该多学。因为教学大纲已经规划好,老师已经画重点了,让我学啥我学啥,让我咋学我咋学。

即便我不想学,还有课堂汇报,测试,考试等等方式考核我的学习结果,保证学习进度。

我不再是那个只要努力就能拿到好成绩的孩子了。

那我该学什么?怎么学?怎么保证学习结果?

学什么

1.  从工作入手,什么不会学什么

2.  从兴趣入手,对什么感兴趣学什么

研究生阶段做过一本课堂笔记,毕业后我反复阅读结合这一年的实践经验我意识到知识分类有规律且大致分为两种结构。

吊灯状结构

△  设计在知识结构中的位置

以交互设计举例

△  互联网交互设计的知识结构

这种结构的知识越靠近顶层(模式、概念、理论、思维)越少越稳定越有价值,越靠近底层(方法、趋势、工具、)越多越不稳定而且更新很快。

很多同学迷恋的工具和方法,其实的却越容易成为过去的不如花多一点时间在顶层知识的学习上。

网状结构

△  交互设计的相关知识网

网越密集知识盲区越少。

例如:之前在思考怎么学习服务设计的时候,脑子里突然有个概念,把自己现有的知识对照服务设计的知识网。有盲区只需要补漏。然后反复的看全局知识网络就够了。

遇到新的知识点,先对标吊灯结构看到一级类目的领域,再对标自己知识的网状结构,查漏补缺。

兴趣入手学习其实很轻松,利用业余时间放松的时候给自己找点事情做而已。

比如我刚入职时候的兴趣在做早餐。

后来变成弹尤克里里,到现在偶尔还是会弹琴。

最近喜欢做皮具。

这些都是利用业余时间为自己培养的爱好。

怎么学

1.  倒逼产出(教就是学)

2.  实践

倒逼产出(教就是学)

人很懒,我每天都在和懒惰的自己作斗争,所以我起得很早,今日事今日毕,逼着自己思考、看书、学习、参加分享会、workshop。我要依靠每天的任务规划,时间规划来逼着自己学习产出。公众号就是个很好的例子。长此下去,逐见收获。久而久之也成为了一种生活方式。

实践

so easy 对嘛?都学会了我们就大方的践行吧。

在工作中学到了可以解决问题的知识,那就将实践的结果反馈在工作中。这是一个良性循环,用中学,学了用。越走远快越走越远。

写博客做分享组织workshop,都是在实践。老师说过,知识要产生价值才叫知识分子,否则就只是知道分子。不要怕写作的质量不好,写东西是为了沉淀自己。

怎么监督学习成果

1.  学习小组(抱团监督)

2.  制定目标(自我监督)

拿结果是目标,实现方法是路径,两种监督方式均可。

豆瓣有xx天学习小组,公众号也有xx天改变自己等等的组织。抱团动力也许会足一些。

给自己制定一个目标,通过强大的自驱力去完成,然后给自己一个奖励。比如给自己一个iPhone7什么的。

我定过一个目标。当时在支持一个项目,我对自己说,好好做项目发挥最大的价值,项目完成给自己买个安卓手机做为奖励,结果项目中间黄了,我的手机也黄了。

总结

1.  学什么?(工作、兴趣)

  • 从工作入手,什么不会学什么
  • 从兴趣入手,对什么感兴趣学什么

2.  怎么学?(两种方法)

  • 倒逼产出(教就是学)
  • 实践

3.  怎么监督学习成果?

  • 学习小组(抱团监督)
  • 制定目标(自我监督)



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


如何获取设计灵感?你没理解它真正的含义!

资深UI设计者

前阵子有不少人反馈:呆总,我平时看了不少图,但是做项目的时候没办法用上,怎么办呀?

这类问题我一般只会用一句话回答:看得多没用的,要多想多做。(虽然是至理名言)

但是我觉得这样回答太敷衍了,所以写了这篇文章来告诉大家如何在工作中复用自己找到的好图,以及平时要怎么去做,即所谓的“如何在工作中找到设计灵感”。

相信很多人在日常的工作中都会为寻找设计灵感而犯愁,想通过查看更多更好案例总结出最好的方案将公司的项目做得出彩,然而⼜无从下手。

我自己也是,平常会去刷 Pinterest、花瓣、Dribbble、Behance 等平台,将好的创意和设计方案保存下来以备日后用。但是,很少人能真正理解这些保存的图片或素材,大部分人仅仅是觉得好看,然后就存了,而没有去分析当中真正的含义。

想要提升转化率?那你要明白这些色彩心理学知识

资深UI设计者

色彩是设计师手里最重要的工具,它是决定了视觉效果,能够影响用户的心情和情绪,左右用户感知和行为。色彩本身并不会产生愉悦感和品质感,但是它能强化它们。

你有没有想过,当你在购物的时候,超过90%的购买决策都受到色彩的影响。有统计发现,杂志上的全彩广告要比黑白广告多26%,这也能说明一部分问题。

结论并不难得出,色彩对于用户的影响是显著的,对于选择、转化率的影响是毋庸置疑的。不过,问题在于,你能否找到真正对的色彩来搭配你的设计?为了回答这个问题,我们需要分析和了解色彩是如何影响人的,以及它对于男性和女性的影响有着怎样不同的差异。

会员中心如何设计,用户才会买单?

资深UI设计者

最近在做产品的会员中心改版设计,有一些关于会员体系相关设计的思考及分析,纪录并分享一下。

大多数产品在满足用户的基础需求上,会推出付费会员功能,以满足用户更高需求的同时,达到商业层面的收支平衡。那么,会员中心应该怎么做,才能让用户感受到自己花的钱很值呢?

分享一个经典案例:《腾讯ISUX丨通过优化,我们将QQ会员付费用户数提高了5倍!》

设计前,先明确会员中心的设计目的是什么?

1. 会员尊享感(让用户感知到付费值得,花了钱就是爷,满足一部分用户的虚荣心)

2. 功能特权对比(通过特权的对比,让用户选择更高的等级会员)

3. 突显核心特权功能(突出核心功能,抓住用户诉求点,提升用户购买决策)

规范、方法、一致性,真有那么重要吗?

资深UI设计者

不可否认,被我们经常挂在嘴边的设计规范、方法及一致性对我们日常工作很重要。它可以提升操作一致性、提高工作效率、延续品牌定位等等…

但是,不知道你们有没有发现,之所以有了这些方法和规范,导致很多设计师习惯性处于舒适区,从而放弃独立思考。每天做着重复性的工作,复用着前辈制定下来的模版,套用着别人的方法论,抱怨着工作没有挑战。

我最近也在思考,一个遵从设计规范,按照所谓的系统设计方法,步步推导而来的解决方案,是否真的就是一个好的设计?

规范,方法,一致性,重要的一面。

日历

链接

个人资料

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

存档