小O贝塔


Archive for the ‘Design’ Category

February 12th, 2012

WPPersonality v1.1

No Comments, Design, by kitae, 158 views.

WPPersonality是一款类似于Taptitude的应用,但主要用于心理和智力测试。该应用包含了Marketplace上所有的心理测验和智力竞赛,目前可在Marketplace下载,售价为0.99美元,另有三个免费的Lite版。 应用特点:   -最棒的心理测试   -全Mango支持   -可在Twitter分享测试结果   -完全Metro-Style动画UI   -独特的“Motivate Me”功能,伴随有第二个Live Tile   -频繁的更新,实时跟进新测试及酷炫功能   -无广告

February 7th, 2012

Metro风格的应用

No Comments, Design, by kitae, 155 views.

Metro风格的应用是针对用户的需求、运行的硬件、触控式交互和Windows用户界面量身订做的全屏式应用。Windows帮助你与用户进行交互,帮助你的用户与应用进行交互。 以用户为本的应用 使用Metro类的应用,用户将获得体验: 沉浸感(Imersive)——你的Metro应用会充满整个屏幕,让用户沉浸在你所构建的体验中。用户会完全沉浸在他们所喜爱的内容中。我们让操作系统不走寻常路,以全屏的空间来承载内容。你的应用是Windows体验的中心。充分利用空间,且不能让它变得凌乱。让用户集中精力于他们想做的事情。 迷人且充满活力(Engaging and alive)——你的Metro式应用利用用户感兴趣的信息来吸引他们。动态瓦片(live tiles)能够即时提醒用户并将其带入应用中。 Start界面主要展示各个应用的特点,应用瓦片(tiles)保持实时更新,鼓励用户点击进入。当设计你的“瓦片”时,你需要: •突出品牌。你的应用瓦片是通过可视化效果定义应用品牌以吸引用户的机会,它应该吸引人且非常直接明了。 •将用户最感兴趣的信息和活动展示出来。你很渴望用户回到tile并查看更新。你渴望通过更新来吸引用户进来。展示的信息和活动越贴心,用户越可能融入到应用中。 关于设计和创建App Tile的更多信息,可见Guidelines and checklist for tiles和Guidelines and checklist for…

September 12th, 2011

拿来主义

No Comments, Design, by kitae, 267 views.

前几天,摩铁图书发布新书《乔布斯传》,把我拉过去站台。现场讲了不少,但并不是很系统,这几天再琢磨,也有一些新发现,因此写出博文出来跟大家分享,也欢迎大家拍砖。 在这里,我想谈一谈乔布斯的拿来主义。

September 12th, 2011

Android 3.0交互&UI

No Comments, Design, by kitae, 290 views.

Android OS自上市以来,由于缺乏统一规划,使得不同设备在 1.5、1.6、2.0、2.1、2.2、2.3几大版本徘徊,本人用的HTC Hero(俗称G3)也是从1.5~2.3一个个版本,10多个rom手动刷机试过来的,过程及其纠结 ~。 多系统版本带来的问题就是缺乏交互、UI的一致性,外加硬件厂商HTC、摩托罗拉、三星、夏普(创新工场点心OS)、小米(MIUI)等公司热衷于UI的个性化发挥,以及民间高手的DIY rom 等因素,影响着安卓饭儿的用户体验,使各阶层用户徒增学习使用成本,也让APP开发者在不同版本兼容性间疲于奔命。

July 12th, 2011

移动设备端的注意力

No Comments, Design, by kitae, 314 views.

“注意力经济”这个新名词时,它带给惊奇和震撼。注意力经济似乎预示着一个新的时代的到来,从有限的物品时代到无限信息时代。在这个过程中,人的注意力越来越弥足珍贵。人,作为选择和使用的主体,变得越来越重要。 注意力经济是产生于特定的互联网时代的。只有在互联网时代到来的时候,注意力的重要性才历史性地被提上了日程。所谓注意力,是指人们关注一个主题,一个事件,一种行为和多种信息的持久尺度。我们可以把人们关注信息和事件等中的接受端提取出来加以量化,这种量化会形成一大笔无形资产,因而就具有价值。因为实物产品需要的只是金钱,理论上只要一个人有无限多的钱,你就有无限的可能去开发他的消费潜力。但是,互联网产品要的是人的注意和精力去使用,钱可以是无限的,但人的注意力却是非常有限的。所以,争夺注意力要比争夺钱难多了。也就是说,在这个时代,用户才会真的感觉的自己是上帝,而且可以做不用付钱的上帝。

May 1st, 2011

tangram开发中使用的开源工具介绍

3 Comments, Design, WP, by kitae, 593 views.

目前tangram的整个开发流程如下: – 编写代码和单元测试用例。用到的工具有firebug和qunit。 – gjslint检查代码。 – 提交代码code review,用到的工具有Rietveld。 – 根据code review 结果修改代码,重新进行gjslint代码检查和过所有单元测试用例,直到code review通过 – 提交代码到github。用到的工具有git。 – 发布新的版本。使用jsdoc-toolkit生成api文档,使用ant生成需要的js文件,使用yui compressor js/css压缩工具压缩源代码。 整个开发流程及其中使用到的工具如下图所示:

May 1st, 2011

Flash真的适合做网站应用吗?

No Comments, Design, by kitae, 429 views.

原文链接:http://q.pnq.cc/archives/496 两年前,我们开发了一套基于Flash的文件(主要是图片)上传RIA应用,提供给阿里巴巴的用户使用。如果你使用过Wordpress或flickr上传图片,你应该已经用过类似的产品。这个程序基于YUI Uploader开发,增加了一个实用的功能——在客户端先将图片缩小,再上传到服务器。用户用数码相机拍摄的照片往往有600万以上的像素,但产品图片放到阿里巴巴网站上显示,并不需要这么大的像素,通常等比例缩小到1024×1024之内就可以了。借助于Flash对图片先缩小再上传的技术,我们在没有增加服务器投入的情况下,将原先上传图片的尺寸限制由250KB/张提升到了5MB/张。同时,Flash上传还比传统HTML表单方式上传有更好的体验,例如可以多选一批文件同时上传、可以实时展示上传进度、选择文件时可以过滤非图片文件。

April 4th, 2011

分享banner广告条设计的经验

7 Comments, Design, by kitae, 681 views.

  1,banner广告在网页中的第一感觉:对于网站广告条的目的就是吸引用户注意,然后吸引用户点击。所以一个优秀的广告条首先要做到的就是必须能够吸引用户浏览。而用户浏览网页的时间一般也就十几秒中,因此广告条必须在第一时间内吸引到用户的眼球。在设计广告条时,我们必须要考虑用户的浏览习惯,也就是只瞄一眼情况下,是否能引起用户足够的重视。所以第一感觉对于广告条设计是最重要的一点。 2,广告条文本内容:对于广告条的文本文字内容来说,必须保持文字简短,重点突出。能在第一时间将最重要的信息高速用户才是设计目的。 3,banner广告条中的图片内容统一性:如果你是一家销售电子产品的网站,那么你的广告条中就因该以电子产品为主,曾经看到一些产品广告条使用的图片全部都是一些人物,而真正的产品缺只是以文字形式表达,这样的广告条设计师很失败的。

April 4th, 2011

Linkedin今后有哪些可以拓展的商业路径

No Comments, Design, by kitae, 537 views.

  投资界对即将上市的商务社交网络大热Linkedin抛出了这样的疑问,用户们却用鼠标和行动做出了回答:在线约会!在高端商务社交圈流传的Linkedin的新用途是,一些白领女子上Linkedin上寻找靠谱的约会对象,成功率极高,有的甚至已经喜结连理。 不难理解的是,Linkedin上基于真实简历和真实身份的商务社交网络,搭建了围绕个人职业品牌的诚信体系,成为了白领女性们寻找潜在交友对象的信用背书,它是Linkedin在线约会这项“衍生功能”的前提。那些具有真实公司、职业、商界知名人士推荐的个人,在互联网上往往更容易赢得青睐,越是立体丰富的信息,令个人更接近于真实生活中的形象,这也是恋爱约会的信用基础。 不仅仅是Linkedin,还有无数鲜活的故事都在表明,真实在线社交加速了个人品牌在互联网上的确立。在Google的时代,Google力图让人们找到全世界的信息,而在Facebook开启的在线社交时代,Facebook力图让人们找到全世界的人,以个人为核心的社交网络正在成为新一代互联网的趋势。 在这样的背景下,建立个人品牌的年代正在到来。社会化媒体让个人品牌的打造更加便捷,也让个人品牌的毁灭更加迅速。