Little steps

For everyone you meet is fighting a hard battle.

0%

最近做原型需要,好久没用axure了,完全记不清缩放的快捷键了, 这样对13.3的mbp来说简直是折磨。 通常软件设置里或者菜单里会有应用的快捷键设置或者快捷键说明供查阅。

auxre 就不一般了…… 完全没有。本来想着通过mac系统的自定义快捷键设置一下,结果在google发现官方快捷键文档,放出来供大家和自己查阅。 有一些快捷键还是很方便的(也有一些冷门但是很提高效率的)。

包含win版本和mac版本的快捷键。

Axure RP 8 Hotkeys

google为了庆祝chrome十周年生日,发布了全新UI设计。🎉🎉🎉

chrome自发布以来,外观大的改变基本没有,只是在之前有一次细微的调整,能明显感觉到主要是tab条和扩展插件的细节设计和交互设计的变更,但是这次设计…… 起初我以为bug或者误操作,后来查看了版本变化以后才意识到chrome更新了UI,更的跟Opera似的!!!

这次的设计更加圆润,平滑。 预示着anroid p已经影响到桌面端了。

下面是ubuntu(mac的没截图,我的已经升级了。 windows也差不多)版本的chrome 69 以前的版本,都比较熟悉,是梯形的tab条,这个设计基本没有变过。

现在在新版(目前是开发版DEV69)的chrome,新的UI已经是默认界面了。称之为 Material 2 ,肉眼观摩有这些改变:

  • tab形状从梯形变成圆角矩形(opera既视感),android p 也是这样圆滑。
  • 更高的tab栏
  • 更大的tab-favicon-文字间距
  • 多功能框淡入到背景
  • UI跟浏览器内容区之见有了一条很明显的灰线
  • 整个UI的投影大小、颜色看起来有明显变化。 比如设置狂的视觉设计有明显变化。 搜索的的搜索建议下拉框有很重的投影……
  • 地址栏变成圆角的了

据说google计划连新建标签的按钮也要放在右上角去,而不是跟在最后一个标签后面。 实际上本人的chrome是跟在最后一个tab后面的,并没有在右上角。

要问我喜不喜欢,其实我已开始是反对的……

用了一天以后: 嗯~~ 改变其实是不错的,new look , new feeling 哈哈哈

尝鲜请安装DEV版本 , 戳这里下载

Google HERAT(& GSM) framwork

@[TOC]

一、简介

  google HEART framwork是2010年google Research team 的三位Kerry Rodden, Hilary Hutchinson, 和 Xin Fu(华银?) 在ACM^1会议上的学术论文。即《Measuring the User Experience on a Large Scale:User-Centered Metrics for Web Applications》 (大规模测量用户体验:以用户为中心的网页应用度量体系)。

  HEART框架来源于google团队内部创建和跟踪以用户为中心的产品度量标准的经验,后来将这些方法放进框架来供其他团队推广应用。

  越来越多的产品和服务被部署在网络上,这对大规模的用户体验衡量提出了新的挑战。非常需要有一个用户中心的指标体系,用以衡量关键目标的达成过程,并推动产品的决策。在这份简报中我们可以看到Google目前使用的以用户为中心度量的HEART框架,以及作为产品目标映射到的这个指标创建的过程。

  现在已经有很多的度量方法比如《用户体验度量》提到的很多方法,以及网站分析方法[^3]等,从具体到页面细节的度量方法到产品关键指标等。甚至越来越先进易用的度量工具和分析方法。 但是这些方法依然是主要以业务为中心的,而非以用户为中心。 流行的一些分析工具要么是太具体到电子商务相关的分析要么就是太过笼统。

  所以谷歌基于大规模的应用和用户,创建了大规模的以用户为中心的用户体验度量工具,包含衡量用户或消费者的态度、行为和情绪的框架。

阅读全文 »

[TOC]

你真的懂图标设计吗?

by jovi

引言

首先, 在开始使用图标之前, 您需要清楚地理解什么是图标, 它是怎么产生的。下面将介绍一下图标设计简史。

如果我们在字典中查找 “图标” 这个词, 我们会遇到很多不同的意义, 从”一些神圣人物的代表”、”一个被崇拜的人或对象”到 ”计算机标志“。百度百科定义是:

图标是具有明确指代含义的计算机图形。其中桌面图标是软件标识,界面中的图标是功能标识。它源自于生活中的各种图形标识,是计算机应用图形化的重要组成部分。

图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。它不仅历史久远,从上古时代的图腾,到现在具有更多含义和功能的各种图标,而且应用范围极为广泛,可以说它无所不在。

一个国家的图标就是国旗;一件商品的图标是注册商标;军队的图标是军旗;学校的图标是校徽;同时它也在各种公共设施中被广泛使用,如公厕标识、交通指示牌等等;

我们通过图标看到的不仅仅是图标本身,而是它所代表的内在含义。

最准确最简单的说法是:图标是以相似或类比的表现形式定义的有指代性质的图形符号。

它起源于拉丁词 ‘ eikṓn ‘意思是 “likeness, image” 得回溯到1565。

图标是全世界最通用的语言。这是一种人人都能理解的语言,不论国籍、种族、年龄或性别。它实际上是令人难以置信的如何一个小图标可以包含这么多的可以快速传达的信息,真的很强大!人类在很早以前就靠图标来表达自己并且与他人沟通。壁画、埃及象形文字也是一种图标,里面的内容有一些你现在甚至可以看懂。

回到今天一个图标、符号它们是我们视觉语言不可分割的组成部分。 那么icon也扮演着很重要的角色。 至于为什么用icon、什么样的icon算好的呢?

现今世界信息量越来越大,对效率要求越来越高。图标已经成为界面设计的一个基础部分,帮助我们快速引导用户,帮助我们快速做决定,更方便的找到我们需要的内容。让我们看看图标是如何起着如此重要的作用的。

图标无国界,不管是那种语言。这种视觉语言比任何语言都更加“响(gaoxiao)亮(yidong)”

图标在你的生活中必不可少,无论你是在机场找卫生间、在逛商场、还是在初入公共场所,或者使用软件、应用。

图标可以以视觉的方式快速传达信息

这一点非常重要。为什么呢,因为一般来说,人的注意力甚至比金鱼的记忆时间还短!大家都知道金鱼的记忆只有7秒(暂且这么认为,现在有的说3月有的说三秒,不是重点。) 重点是…… 根据美国国家生物技术信息中心的报告显示,人的注意力时间从2000年的13秒降低到2013年的8秒!

在这个信息过载,充满噪音干扰的环境里,每一秒的时间都至关重要。 图标就是拯救这个嘈杂世界的救星,你只需要一秒的时间根据图标快速定位您想要的信息,其余的7秒留给你真正要做的事,不管是查找您需要的应用程序,还是在特定的页面查看产品信息或者在地图上查找交通路线。 图标让这一些效率都提升一大截!

未来世界会变得更忙,更加信息过载,世界会更加全球化,噪音更多,图标将会更加重要。

Icon有什么作用呢?

用的好:帮助用户高效完成任务,愉悦用户,塑造企业品牌,提升用户体验。

用的不好:迷惑用户,起到反作用。 所以,icon即使用的不太好,也不要用差了。

为何使用ICON?

接下来看一组关于图形的数据,同样适用于符号、icon、logo等内容。数据表明图形、图像的优越性,也表现在icon方面。准确来说,icon即是符号,一种比图形更具表达能力和传播能力的符号。

在一种认知体系中,符号是指代一定意义的意象,可以是图形图像、文字组合,也可以是声音信号、建筑造型,甚至可以是一种思想文化、一个时事人物。它具有极为广泛的含义,来自于规定或约定俗成

以传播学的视角来看,麦克卢汉在《理解媒介》一书中提出,媒介即讯息。信息是符号和意义的统一体,符号是信息的外在形式或物质载体

数据:

  • 人脑处理图形图像的速度是处理文字的==60万倍==
  • 传送到脑部的信息中,==90%是视觉系==资料
  • 包含图片或视频的内容会比没有的多获得94%的浏览量,并在社交中被分享的几率是==40倍==于纯文字
  • 人会记住==80%看过的东西==,20%阅读过的东西,和10%听到过的东西

!!! 图形、符号的优势

阅读全文 »

颜色和其他东西一样,只有在适度使用的时候才能达到最好的UI效果。如果你能坚持配色方案中使用的颜色不超过3种,你会得到更好的效果。颜色运用和平衡息息相关。使用的颜色越多,实现平衡就越困难。

法则篇

60-30-10法则

这是一个UI、交互设计领域中永不过时的装饰技巧,它可以轻松地帮助你完成一个配色方案。60%+30%+10%的比例分配是为了平衡颜色。这个公式妙在它营造了一种平衡感,使眼睛可以舒适地从一个焦点移动到另一个焦点。同时,它也运用起来非常简单。

==60%是主色调,30%是辅助色,10%是强调色。==

阅读全文 »