阅读更多

18顶
1踩

移动开发

转载新闻 请谨慎对待程序的图标和名称

2011-06-17 09:44 by 见习记者 lihuapi 评论(11) 有8563人浏览
你是否发现,在浩如烟海的应用程序堆里,具有漂亮图标和清爽名字的 App 更容易被用户喜爱。作为开发者,面对这自己的作品,能否自问一句:“从图标和名称中,能够知道这个程序的作用是什么吗?”

名称太长,太偏,太绕口或者重名,图标太简洁,太花哨,太乏味都是不合格的作品,它很容易让用户陷入迷茫。让我们来看看几个例子。

图标和名称都很糟糕

Calvetica 在功能上绝对是一级棒的作品,它是一款 iPhone 平台的日历和 GTD 工具,KKK 在《极简 GTD 和手机》里推荐过这款程序。问题是,它的图标和名称都太糟糕了。


第一眼看到这个图标,你会联想到什么?会是日历吗?还是红十字会?这个图标其实只透露了两层含义:

  • 它能够添加什么东西(加号)
  • 它的设计非常简洁

当然,紧接着要看程序的名字:Calvetica,这是由 Cal 和 vetica 组成的名词。但对于非英语国家的用户,很容易误解为一个生僻词,甚至会联想到“计算器”(Calculator)。而恰恰图标中的加号,也跟计算器有关,太糟糕了。

再来看一个比较流行的程序:Foursquare,它也好不到哪儿去。

图标上画着一个勾,你会联想到什么?待办事项?还是耐克?假设你并不了解它的签到(Check In )玩法,会尝试这款程序吗?

等等,紫色的高尔夫球又是什么意思?或者是篮球?用户的脑子里充满疑问。


再看程序的名字:Foursquare,直译过来是“四方”。其实这是美国小孩儿在学校里玩的一种游戏,跟橡胶球有关。哦,这下子有一部分用户就明白了,原来图标的意思是用橡胶球砸中一个四方形的标记。

“难道这是一款游戏?”又猜错了,这可是新潮的 LBS 签到服务。谁让这个图标看上去就是游戏。

名称很糟糕,图标却很出彩

先要说 Instagram ,这个词是由  Insta 加 Gram 组成的。前者是“立刻,立即”,后者却很像“电报”(telegram)。谁也猜不到它跟宝丽来(Polaroid)有关系。

名字难读不要紧,图标非常精彩:

非常直观地点明了它的照相机功能,对,Instagram 就是一部照相机。这个图标表达了它的基本功能和用法,降低了用户的学习成本。

类似的还有:Soulver,盯着这个名字,知道它的作用是什么吗?绝对猜不到是一款计算器吧。

图标很糟糕,名称却很出彩

先亮出图标:


这玩意是啥?是简洁的太极图,你会想到大韩航空吗?还是 Mac 平台的通用程序?都不是。通过它的名称 Simplenote ,你就会恍然大悟:原来是具有同步功能的笔记本程序!

图标和名称都很出彩

图标和名称都很出色的程序很多,除了耳熟能详的日历,地图等官方程序之外,来看下面两个小程序。

Delivery Status 就是“快递状态查询”的意思,这种工具类的软件名称就是需要“简单明了”,节约用户的时间才能提升满意度。

它的图标是一个未开封的包裹:

包裹贴上有精致的快递单:发件人,收件人,条码。包裹上还贴着透明胶,细节完美无缺,表现得恰到好处。

Pastebot 是由 Paste 和 Bot 组成,前者是“粘贴”,后者是“机器人”。用户立刻就知道这是一个自动化剪切板程序。再结合这个卡通的图标:

大概能猜出它的功能了吧:其实这是一个从 Mac 到 iOS 的跨平台剪切板。

一些想法

花了这么长时间列举好例子和坏例子,无非是给开发者们提供一些灵感:智能手机用户已经拥有了一些惯性思维,单纯靠“非主流”的图标和名称,是无法脱颖而出的。你需要去适应你的用户,让他们感到舒服和愉快。

via brooksreview

译者:张恒
来自: 爱范儿
18
1
评论 共 11 条 请登录后发表评论
11 楼 longware 2011-06-19 09:41
joe9i0 写道
dieslrae 写道
看到企鹅你会想到什么

  狗日的腾讯......

10 楼 railser 2011-06-18 11:08
非常好的文字
9 楼 shirne 2011-06-18 10:36
dieslrae 写道
看到企鹅你会想到什么

QQ
马达加斯加的penguin
8 楼 zyl小星星 2011-06-18 09:47
那个太极图,不就是搜狗的图标么
7 楼 wenxiang_tune 2011-06-17 22:32
crystal1205 写道
dieslrae 写道
看到企鹅你会想到什么

linux

你最靠谱,我首先想到了企鹅摔倒的样子。。。哈哈
6 楼 crystal1205 2011-06-17 17:40
dieslrae 写道
看到企鹅你会想到什么

linux
5 楼 java_web 2011-06-17 17:36
dieslrae 写道
看到企鹅你会想到什么

Linux
4 楼 wjd2002 2011-06-17 13:12
dieslrae 写道
看到企鹅你会想到什么

依次想到南极州-冰天雪地-吃冰棍
3 楼 weng 2011-06-17 12:18
dieslrae 写道
看到企鹅你会想到什么

7块钱一斤的鸭肉
2 楼 joe9i0 2011-06-17 11:22
dieslrae 写道
看到企鹅你会想到什么

  狗日的腾讯......
1 楼 dieslrae 2011-06-17 10:30
看到企鹅你会想到什么

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • MapX5.0开发使用指南(中文版)

    一个pdf文件,貌似是MapInfo公司官方版本~ 还不错~~便宜啦~

  • 用VC++进行MapX二次开发

    对于C++程序来说,每个MapX对象(Objects)都在MapX.h 和 MapX.cpp中用一个类来实现,类的名字和MapX对象的名字相同,且已经在CmapX中定义了。例如,DataSet对象用类CmapXDataset实现。这和C++类的定义相一致。

  • C#进行MapX二次开发之MapX基础知识

    MapX的主要技术特点(1)、 以表(Table)的形式组织信息每一个表都是一组MapInfo文件,这些文件组成了地图文件和数据库文件。为使用MapInfo,就需要有组成表的用户数据和地图文件。这些文件可以来自MapInfo或者由用户创建。用户要想在MapInfo中工作,就必须打开一个或多个表。MapInfo通过表的形式将数据与地图有机地结合在一起。当用户在MapInfo中打开数据文件时,MapI...

  • VC二次开发MapX入门

    第一步:用VC++的程序向导来创建一个单文档程序MapXSample。第二步:Project> Add To Project>Files,选择MapX.cpp和MapX.h。第三步:定义一个CmapX对象。class CMapxSampleView : public CView {      ……    protected:        CMapX  m_ctrlMapX;     ……}第四步

  • 使用VC++创建MapX控件步骤

    使用VC++创建MapX控件步骤如下:  第一步:用VC++的程序向导来创建一个单文档程序MapXSample。  第二步:Project> Add To Project>Files,选择MapX.cpp和MapX.h。  在您的项目中包括MapX.cpp和.h文件。这两个文件包含用于对MapX控件进行访问的类定义和方法实现。MapX.h 和 MapX.cpp 文件可能位于安装有 MapX

  • 在VC++中嵌入MapX的集成二次开发

    结合GIS工具软件与当今可视化开发语言的集成二次开发方式是GIS应用开发的主流。它的优点是既可以充分利用GIS工具软件对空间数据库的管理、分析功能,又可以利用其它可视化开发语言具有的高效、方便等编程优点,集二者之所长……  MapX是MapInfo公司向用户提供的具有强大地图分析功能的ActiveX控件产品。由于它是一种基于Windows操作系统的标准控件,因而能支持绝大多数标准的可视化开发环

  • MapX工具概述

    MapX工具概述 内置工具 使用MapX,你能够轻松地把普通的工具栏按钮应用到你的应用中。MapX 为多个常用地图化工具提供了内置支持,其中包括: 用户更改地图的比例和/或位置的导航工具(放大、缩小、漫游、居中)。Ÿ 用户单击地图图元来进行标注的标注工具。Ÿ 给予用户不同的方式来选择地图图元的选择工具集合。Ÿ 对象创建工具,可创建地图图元。 选择工具为修改键(SHIFT 键

  • MAPX在VC++中应用

    // -----------------------------------------------------------------------// Reference: <MapInfo MapX 5.0 开发人员指南>// ----------------------------------------------------------------------...

  • MapX二次开发实例

    MapX的C++二次开发示例 地图支持鼠标滚轮放大缩小、漫游、输入经纬度定点、显示经纬度信息

  • MAPX应用程序发布详解

    MAPX<span class="t_tag" onclick="function onclick(){tagshow(event)}">应用<span class="t_tag" onclick="function onclick(){tagshow(event)}">程序发布详解:一:所需的<span class="t_tag" onclick="function on

  • 用VC++对MapX进行二次开发总结(二)(

    3.MapX在VC++ 环境下GIS基本功能的实现 在进行MapX 开发之前,确保已经在计算机中正确的安装了MapX 控件。下面就用一个具体的实例,介绍在VC+ +中集成MapX 的方法。 3.1 将MapX支持类库加入工程 在您的项目中包括MapX.cpp和.h文件。这两个文件包含用于对MapX控件进行访问的类定义和方法实现。MapX.h 和 MapX.cpp 文件可能位于安装有 MapX

Global site tag (gtag.js) - Google Analytics