/assets/avatar.png

Live Long and Prosper 🖖

Google HERAT(GSM)framwork

一、简介

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

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

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

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

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

你真的懂图标设计吗?

[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设计中颜色法则

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

法则篇

60-30-10法则

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

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

/assets/imgs/pb-5Sm5COPpPt.png

FUI 虚构使用者界面设计

/assets/imgs/Kit-FUI-Screenshot.png

FUI意思可以是「Fantasy」 User Interface 幻想使用者介面,「 Fictional」 User Interfaces 科幻使用者介面,「Fake」 User Interfaces 虛構使用者介面,或是「Futuristic」 User Interfaces 未來使用者介面,不管那個"F"的意思是什麼,它都表示著相同的事情,那就是還不存在的"人機互動介面 user interfaces (UIs)“和"浮空投影 heads up displays (HUDs)"。

近幾年來在科幻電影和電視影集中大行其道,算是個新興的動態視覺設計領域,通常使用在模擬未來世界或是虛構文明中的"人機互動介面”,應用層面很廣,食衣住行都用得到,像是:阿凡達裡冬眠倉的儀表板,鋼鐵人頭盔內部的浮動視窗,或是普羅米修斯中外星太空船的立體投影,都是這種設計的應用展現。影像風格上往往傾向炫麗繁複,將龐大虛擬的科技模擬用各種辦法視覺化,強化在觀賞上的美感與娛樂性,也能在適當時機幫忙導演說故事,強化劇情發展的真實可信,同時更是影像工作者對於未來世界的視覺預言。

Tog的交互设计第一原则

[TOC]

/assets/imgs/pb-qXuBI8sKm5.png

基于 bruce tognazzini (与唐·诺曼、雅克布·尼尔森共同在nngroup工作) 的原则翻译,整理的版本,根据不同类型的条目做了大致的划分,方便查看。 点击查看原文

  下面的原则对于有效的用户界面的设计和实现都是最基本的,不管是针对传统的图形用户界面还是针对任意的可联网的智能电子设备都是有用的。

  有效的用户界面是视觉明显的并且宽容的,会带给用户一种控制感。用户能很快明白他们可以做的事,知道如何实现他们的目标,并且可以不受打扰的完成他们的工作;有效的界面不会让用户知道系统的内部是怎么运转的,用户的工作被仔细连续不断的保存下来,并且可以允许用户在任何时间重做他们的工作;有效的应用和服务自己做大量的幕后工作,只让用户做少量的事。