G's Vision

Less But Better.

线框图不是设计的起点,文本编辑器才是!

导读:              
作者 Fabricio Teixeira 在文章中提出了“界面即故事,每个设计师都是故事讲述者”的观点,介绍了在绘制线框图之前,设计师可通过   故事框架法(Storyframes)来组织页面内容,明确核心信息,从而保证最终的方案简洁易懂、重点突出。       


浏览一个精心制作的界面就像是阅...

拇指那些事儿:为何在 iOS 设计中触及导航应该代替导航栏?

导航栏难于点击

导航栏自初代 iPhone 起就已存在。在历史上,导航栏一直方便、清晰、易于理解且易于构建。

后来,手机的尺寸激增,iPhone 7+ 的大小足以取代 iPad mini 的尺寸。现在,假如你拥有一部新款 iPhone,导航栏几乎无法触及。

不断扩大的屏幕意味着导航栏距离我们的拇指越来越远。iPhone 7+ 的屏幕如此之高,结果导致我们的拇指不得不多用 150% 的距离来击那些烦人的按钮。这不过一两个关节的长度而已。没啥好奇怪的。Huff 的触摸区显示了右手拇指的可达性

我们的视觉语言随着设备的变化而改变。是时候从导航栏转移到拇指触及范围...

迪士尼的魔法服务之道

如果世界上真的存在童话世界,那一定是迪士尼乐园。如果用一个词来形容迪士尼乐园,那一定是「魔法」。迪士尼乐园用美妙的童话和奇幻的魔法给人们带来了无穷的想象力、美轮美奂的视觉享受和发自内心的快乐。在迪士尼乐园,即使是最普通的清洁工,也能成为创造快乐的魔法师,拨动人们的心弦,感受温暖美好的体验。

究竟是什么样的魔法让迪士尼荣登「全球最真诚品牌」的榜首?为什么迪士尼乐园每年能吸引上亿人次的游览?迪士尼为什么可以年复一年提供最高品质的服务体验?对于这些问题,迪士尼的「优质服务指南针」给予了回答。

优质服务指南针

迪士尼「优质服务指南针」(Quality Service Compass)共有四个要点...

讲不好故事的设计师不是优秀的设计师

Tell me a fact and I’ll learn. Tell me a truth and I’ll believe. But tell me a story and it will live in my heart forever.

告诉我事实,我会学习;告诉我真相,我选择相信;但跟我说一个故事,它将永远留在我心中。

一名优秀的设计师不只局限于打磨优秀的设计,也要成为一名优秀的故事讲述者。为什么?就像一名电影导演需要向工作室推销他们的想法一样,设计师同样也需要向团队,当然还有客户(可能是内部赞助者),展示并推销自己的设计。设计师需要传达出设计如何吸引并愉悦用户,如何...

你的产品 UI 准备好国际化了吗?

导读:

近年来,越来越多的国内开发者将目光从国内转移到国外,纷纷投入到移动大航海时代的浪潮之中。在产品国际化的过程中,产品UI是否也跟上了国际化的步伐?Dropbox 设计师 John Saito 针对产品设计国际化中出现的问题进行了分析并提出了 7 条建议,值得一看。

假设你正首次使用一款新 app,它在 Twitter 上好评如潮。人们都说这款 app 棒极了、改变了他们的生活并且令人愉悦。

你打开它并看到了如下一幕:


呃…有点怪。顶部有个视频,但是你不知道这是什么语言的标题。措辞很奇怪,而且按钮文字甚至都不与按钮相匹配。人们是怎么认定这是一款优秀 app...

用户体验不止于方法,还需策略

互联网的快速发展创造了大量的机会,你怀揣着伟大的梦想和无限的热情投入到互联网的大潮中,希望做出一款具备杀手级用户体验的成功产品。你明白精益创业的原则,重视用户体验的思想,投入大量的成本去推广产品,却只赢得少量用户。你怀疑用户体验出了问题,于是迫不及待地要求设计师重新设计产品的视觉效果,越快越好。其实,你需要的不仅是全新的用户体验,更重要的是全新的用户体验策略。

用户体验策略不是一个孤立的点,而是由众多的点连接而成的精巧结构。用户体验策略需要全局考虑整个生态系统中的产品接触点,并根据市场的反馈不断修正、迭代产品形成闭环,实现商业目标。改变人们固有的行为习惯相当困难,你需要利用批判性思维将用户需...

跟迪士尼学动效设计

发布了长文章:跟迪士尼学动效设计

点击查看

发布了长文章:《跟迪士尼学动效设计》

一个按钮引发的思考

故事需要从一个dialog说起……

在最新的一期需求中,有一个细节是针对功能关闭增加了一个拦截dialog,目的是希望降低功能的关闭率。

我的设计是这样的,但是在进行内部showcase的时候是这样的,谁动了我的设计稿?

我找到PM对当前的实现方案提出了质疑,有两方面的原因:

1.按照谷歌规范,dialog的左边是忽略性操作(例如取消、不同意…),右边是肯定性操作(例如确定、同意、删除、停止…)。

2.在我们自己的应用中,所有的「取消」按钮都是放在左边、不强调的样式。

结论:当前的实现不符合规范。

PM听后立马就我给出的原因进行了反驳:

1.在我们的应用中,确认停止dialog的左侧按...

如何为 Touch Bar 进行设计

导读:
2016 年 10 月 28 日凌晨 1 点,苹果「hello again」新品发布会推出了新款 MacBook Pro,苹果对笔记本电脑交互进行了一次全新探索,引入了全新硬件 Touch Bar「将硬件和软件结合得浑然一体」,这条拥有视网膜屏的 OLED 条支持多点触控,硬件的革新带来了全新的交互方式。


一、Touch Bar 是什么?



苹果官方将 Touch Bar 定义为「一个采用了视网膜屏的输入设备,提供动态的界面控件支持主屏幕上的内容交互」。这些控件基于当下情境支持系统层面以及特定应用功能的快速访问。

除此之外,Touch Bar 上右边的 Touch...