阅读更多

18顶
1踩

移动开发

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

2011-06-17 09:44 by 见习记者 lihuapi 评论(11) 有8596人浏览
你是否发现,在浩如烟海的应用程序堆里,具有漂亮图标和清爽名字的 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
看到企鹅你会想到什么

发表评论

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

相关推荐

  • MapX二次开发实例

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

  • VC++下使用MapX的详细步骤

    本资源较详细的说明了如何在VC++下基于对话框的MapX控件的使用,并给出了VS2010下的实例代码。对初学者比较有用的哦!

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

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

  • 使用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开发环的配置

    有很多的朋友在VC下使用MapX的时候,总是感觉不是很顺手,其中一个很明显的问题就是老是出现COleVariant或Variant类型的数据,对于习惯了使用VC下形如CString等类型变量的朋友来说COleVariant或Variant类型给VC下使用MapX造成了很多不便;也造成了开发和调试效率很低,在数据类型上打转转。    我这篇文章不是要告诉大家如果进行数据类型的转换,也不是来讲VC

  • VC++通过MapX调用MapInfo

    第一步:用MFC应用程序向导新建一个单文档的工程,名字就不妨取为:mapxdemo 第二步:Project> Add To Project>Files,选择MapX.cpp和MapX.h,MapX安装文件中的例程中。同时还要手工将Mapx.h和Mapx.cpp这两个文件复制到你的工程目录中去,不然编译时会报错的 第三步:在mapxdemoView.h文件中包括它:     #include

  • VC Mapx GPS轨迹

    VC+MapX源码 含基本操作和 GPS跟踪演示

  • vc6.0中MapX的使用方法(地图显示)

    1.在VC下使用MapX控件的方法,网上有很多,但是大都只是讲过程,没有原理。所以很多时候自己在电脑上做的时候还是有很多错误。这里写一下自己学习过程中的一些悟! 一、使用MapX的基石,在VC下显示gst格式的地图 第一步:用MFC应用程序向导新建一个单文档的工程,名字就不妨取为:mapxdemo; 第二步:Project> Add To Project>Files,选择MapX.cpp和M

  • Mapx的VC开发实践

    摘 要 阐述了在VC环境下引入MapX控件的方法,以及在文档视图架构下如何使用MapX控件的问题,介绍了MapX数据绑定的方法及其与MapX专题图创建的关系,阐明了创建MapX专题图的一般方法,并给出了具体实例。 关键词 MapX;VC程序设计;专题图制作 1 引言 MapInfo MapX是一个用来做地图化工作的OCX控件,它可以很容易地在您的应用程序中...

  • VC+mapX5.0 在指定经纬度显示车辆图标

    VC+mapX5.0开发训练:在指定经纬度显示车辆图标 我正在学习利用vc实现mapx控件的功能,已经能够在vc的程序框架中实现地图显示,并且可以实现了放大、缩小、漫游以及图层控制等功能了。现在的问题是,希望能够在指定的位置(经纬度位置)上显示一个车辆图元! 我编写了一些代码但是却看不到车辆图元,相反显示的是一块32*32的黑色矩形块! CMapX m_ctrlMapX;

  • vc+mapx 实现输入经纬度 立即表示出地图上相应的点

    vc+mapx 实现输入经纬度 立即表示出地图上相应的点 实现定位功能 比较适合初学者使用

  • vc+mapx实现放大、缩小、漫游、属性

    vc+mapx实现放大、缩小、漫游、属性,很不错的入门程序,欢迎下载。

  • MapX之VC设置非地球坐标系

    【功能】:MapX之VC设置非地球坐标系【环境】:vc6+mapx4.5+win2k+sp3【提示】:CoordSys.set设置非地球坐标系时,必须定义坐标范围【出处】:www.51gis.comint CMyGIsView::OnCreate(LPCREATESTRUCT lpCreateStruct) {if (CView::OnCreate(lpCreateStruct) == -1)

  • win10下安装Mapx5.0进行MFC开发的方法

    由于工程需要,在win10环境下使用VC2010的MFC在Mapx基础上进行地图相关开发。 最重要的就是一步安装Mapx。尝试使用了Mapx3.5到Mapx5.0的各个版本,情况种种,但终于没有能够使程序正常运行。 在网上看到chenjifeng的博客提高一中方法: (1)在xp或者32位OS下安装Mapx5.0; (2)复制MapX5.0的安装目录,如我的是C:\Program File

  • MAPX在VC中的开发

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

Global site tag (gtag.js) - Google Analytics