那么如何让页面更活?思考如下:
1. 动态的
放上一些活动的元素,比如flash动画、js行为等。整个页面是动起来了,但我相信,这不是用户的初衷,用户想要的也不仅仅是表面上的闹哄哄。
2. 静态的
通过字符、图形、色彩来调动用户情绪,传达一种欢迎光临、热情洋溢的感觉。比如与用户对话的文字、让用户一看就想点的按钮、活力四射的颜色等。
3. 参与的
让用户在与页面的交互过程中体验和感觉到。比如,Google的搜索提示,雅虎Logo的音效、触发选项卡等,藏的越深,效果越持久。
4. 期待的
一次体验用户还认识不到,多次尝试并深刻体会之后,将质变成为一种期待,比较含蓄的手法。比如,Google的节日个性Logo,Flickr的多语言问好等。
总之,细节累加,成就独特气质,并且将传达给用户无形的感觉。
New item has been created. View it here
1More
互联网赢利模式的潜力方向 - 0 views
-
互联网赢利模式的三大类型 为了直观,我将互联网赢利模式粗略分为草食、杂食、肉食三大类。 1.草食:低组织 我们常见的网络广告、会员费、电信增值业务都是典型的草食,其依托“用户的低成本获得及保持”这个网络特点,大量收集流量后以一个很低的概率引导到目标站点。这很象草食动物,主动出击性弱,随吃随拉,依托的是食物的充足易得。 2.杂食:初级协同组织 alibaba、ebay就是典型的初级协同组织,买家和卖家聚集在这里,通过检索和广告相互发现,各自交易。有些初级协同是通过站方的虚拟币来衔接的,例如起点的付费阅读。这种模式的特点是,用户享受的服务或商品主要是其他用户提供的,站方只能收取少额的许可费或本站交易佣金,具有薄利多销的特点,它充分利用了“低成本获得和保持用户”,但只初步利用了“低成本协同组织”的网络优势。这很象杂食动物,一方面吃草,一方面吃点容易获得的小动物,营养比较全面,味道比较丰富,付出不算太累。 3.肉食:高协同组织 最近草根网访谈的500wan,就是典型的通过高协同组织产生增值。他们组织彩民联合买彩,极大增加彩民中大奖的机会。团购(篱笆网)也是典型的高协同组织。这种站方组织协同交易,在协同产生的增值中分利的模式,利用了“低成本的协同组织”这个网络优势,实现的是传统现实环境中难以取得的增值,交易各方实现多赢。这很象凶猛的肉食动物,味道甘美营养好,主动出击,但收获不是那么有规律,比较累。
RSS阅读器:社区设计 | 花花的碎语闲言 - 0 views
20More
未来游戏设计的十大技术挑战 - 0 views
-
1.硬件处理能力 processing powe
-
2. 水描绘出流动的海水
-
3. 人脸
- ...7 more annotations...
-
4.人工智能
-
5.光影效果
-
6.火焰
-
7.材质物理特性
-
Piexelux娱乐开发名为数字粒子(Digital Molecular Matter)物理引擎,可以模拟物体粉碎、破裂、扭曲和撕裂的效果。它首先将建筑物转化为数百个微小的西面体。在模拟石块撞击时,射向建筑物的石块在碰撞点替代了那里的四面体;接着,引擎根据材料的密度、强度和质量来演算碰撞点周围的四面体如何相互碰撞、移位,制造出受损部位的连锁反应效果。"我们第一次仿真玻璃破碎时,把人扔向窗户然后观察玻璃以真实的方式变成碎片,足足搞了半小时,"Pixelux的软件工程师维克.索哈(Vik Sohal)说。 未来:所有使用数字粒子引擎表现的物体都必须遵守一些列物理规律,如杨氏模数,决定物体的硬度;还有泊松比,描述了气球和苏打水这类东西的弹性。数字粒子引擎还决定了物体的内力如何聚集,在超过阀值之后使物体在最脆弱的位置破裂。树长出新枝就是这样的过程。索哈说数字粒子引擎还可以用于公路场景;它可以构造一个300磅重的令人厌恶的线路维护员,并表现他鸭子一样的姿态。
-
-
8.真实的运动教布娃娃学会躲闪皮球
-
9. 模拟真实世界让游戏手柄给你方向盘的感觉
-
10.动作捕捉让电脑学会像人类一样观察世界
3More
开发新产品所需要的十类文档 - 0 views
-
《Communicating Design》里面也有10种~ Personas 角色设计文档 Usability Test Plan 可用性测试计划 Usability Reports 可用性报告 Competitive Analysis 竞争分析 Concept Model 概念模型(概念图) Content Inventory 内容清单 Site Maps 站点地图 Flow Charts 流程图(交互流程图) Wireframes 线框图 Screen Designs 视觉设计、原型设计等
-
1、产品概念文档(项目策划书) 主要是对市场需求进行合理的科学的推导,得出新产品机遇,并对产品定位以及未来的发展方向进行概念性阐述。产品概念文档主要用来对新产品进行宣讲,让项目团队对将要开发的产品有一个概念上的理解,在思想上达成一致。 2、用户调研报告 主要有两类,一类是产品概念形成之初,研究人员进行的需求调研而输出的报告。主要是为产品概念的提出提供科学的依据,为需求的推导寻找佐证。另外一类是项目开发过程中,对设计中不确定以及有分歧的地方进行用户测试,得出结果并输出用户测试报告。 3、产品需求列表 这个列表并不一定是文档,但是他非常重要。它是将新产品拆分成几个大的模块,并将这几个大模块再细拆分成各个功能点后形成的功能列表。它的用途是将整个产品的工作量化,利于设计师、开发人员、测试人员评估自己的工作量,利于开发过程中对各个功能点进行跟踪,不遗漏,利于产品测试时对产品进行全面覆盖。 4、产品说明书 产品说明书是目前很多公司中最常见,他主要包括产品功能的详细描述,产品所需要的开发、运行环境,性能要求等等。准确的讲,这份文档并不应该包含具体的交互内容。这个文档面向的是项目的全体成员。 5、交互设计说明书 交互设计说明书对整个产品的界面结构、交互流程进行详细的描述。它一般包括需求分解、竞争产品分析、流程说明、页面布局说明等内容。交互设计说明书的格式众多,灵活性也相当高,但目的都是将产品的结构和及流程形象化。交互设计说明书主要面向开发人员和测试人员。 很多公司将交互设计说明书和产品说明书结合在一起进行撰写,其实这种做法并不是十分合理。通常情况下,产品和设计结合的文档结构非常庞大,非常不利于查阅,也不利于撰写,而且这种结合文档的很多内容对特定人员是无用的。 6、交互设计规范 交互设计规范主要是用来规范新产品中常规的功能、操作等内容,比如页面的标题规范、界面快捷键操作的规范、提示反馈信息的规范等等。 7、视觉设计规范 视觉设计规范主要是规范新产品中一些视觉元件的样式、页面边距相对边距、通用界面的页面框架等等,开发人员根据规范就可以自行开发一些通用界面。 8、开发文档 开发文档包括一些需求分析、系统架构分析、数据库分析、开发日志等等内容。开发文档主要用来作为开发团队的技术沉淀。 9、测试用例 测试用例指对新产品进行测试任务的描述,体现测试方案、方法、技术和策略。内容包括测试目标、测试环境、输入数据、测试步骤、预期结果、测试脚本等,并形成文档。 10、产品评估报告 产品开发完成后,应由测试人员撰写一份评估报告,对产品功能的实现情况、性能情况、bug解决率等问题进行综合说明和评估,来确定新产品是否符合发布标准。 上面的这十类文档是非常理想化的项目中才具备的,也并不是适用于所有的项目开发,但是,产品说明书、交互设计说明书、测试用例等几类文档是一个项目中不可能缺少的,他们是一个项目有效运行的核心文档。
60More
60个文雅悦目的网站设计 at 漫游世界三万日 - 0 views
-
Tomá? Ledba _ graficky design _ web design _ corporate identity
2. Intype3. BigFilebox
4. FreelanceSwitch5. FluidBook6. Panic - Coda - One-Window Web Development for Mac OS X7. boo-box, as simple as that… 8. Future of Web Apps9. Freshview - Refreshingly Simple Software10. Welcome to Revyver11. allpaymedia.com | Welcome -
Tomá? Ledba _ graficky design _ web design _ corporate identity2. Intype3. BigFilebox
4. FreelanceSwitch5. FluidBook6. Panic - Coda - One-Window Web Development for Mac OS X7. boo-box, as simple as that…8. Future of Web Apps9. Freshview - Refreshingly Simple Software10. Welcome to Revyver11. allpaymedia.com | Welcome12. Stuff and Nonsense13. StyleSpion14. Online Portfolio of Vijay S Nair15. Svenigson? - Yes, a
1More
我的友贴 - 友贴(yotie.com):跟朋友贴一起,所见、所闻、所爱、所想 - 0 views
7More
界面内容优化的层次 - 0 views
-
1,界面上的文字应该做到:清楚而准确的向用户传达信息。其实这是内容优化的最基本要求,本应该是所有产品都可以做到的。但往往是越熟练的人越容易在这里出现问题。常见表现:过份的向非专业用户展示专业词汇、信息提示本身误导了用户。 比如,某视频网站突然蹦出来一个“bps超出,链接失败。”(查了资料我才明白bps大概是每秒链接数的意思)比如,有些网站用户没有注册也去登录的时候反馈提示为“密码错误”。其实直接提示没有此用户,然后给个链接“注册此用户”,你会发现转化率相当高,注册量有了用户也方便了。
-
3,整个产品不同位置的文字应该统一。大家都讲普通话,不能一会中国话一会外国文。这是一个最简单的问题,却是大部分网站都未能避免的问题。(特别是在中文网站,大概是因为中文说法太多了)比如,作一个IM软件,一开始是“添加好友”,接下来“联系人列表”,然后又是“不在线的朋友”;一开始是“注册用户名”、然后是“登录ID”、还有“您的账户”、“管理帐号”、
-
2,界面上的文字应该便于用户阅读并快速理解其含义。最常见的问题表现是:语言过于罗嗦、信息排列混乱。 比如,某门户网站在注册blog的时,“您的登录名”旁边这么写辅助说明:“4-16个字符(包括4、16),英文小写、汉字、数字、下划线,不支持空格,不支持全角英文,不支持纯数字,不能使用下划线开头和结尾。”。(大致推算了一下,一个IQ小于200的普通用户如果认真读完并完整理解这句话的意思需要近1分钟时间)比如,另一门户的blog和他旗下的校友录网站,东边一个下划线、西边一个icon加文字、南边一个按钮加文字、北边一个红色、中间还有一个红色加粗。我进去之后真不知道什么地方可以点什么地方不可以点,什么地方能点什么地方不能点…再比如,某电子邮件服务在注册的时候这样排列:“用户名:___、密码:___、密码强度:[][][]、重复密码:___”。吓的我还以为可以自定义密码强度。。。
- ...4 more annotations...
-
5,文字的视觉设计应该完整的融入整个产品视觉中。很多视觉设计师喜欢把文字融入到界面的造型中去,得到非常棒的视觉效果,这个很值得学习。从最基础来说,我们的文字在界面上和图形一样应该有主次有深浅,关于这个部分潇潇同学已经有了很好的表述,我只补充一个例子: 图片网站本身应该表现的是“图”,文字只是其辅助信息。flickr在个人首页里每个图片下面都有四行的文字,但我从未感觉到他碍眼或者多余,因为flickr用的是很柔和的粉红和几乎可以让我第一视觉点忽视掉的灰色;而yupoo在个人首页里每个图片下面只有三行文字,可每一个我都觉得他们扎眼,因为yupoo用了重灰色粗体、绿色粗体、重灰色、绿色四种表现方式,而且字体都还不一样。
-
6,尽量让文字自身可以起到“推销”产品的作用,而且”推销”的不只是产品气质。文字其实可以像图形设计一样在情感上给用户以触动,从而积极的达到对于产品的“推销”。比如,很多人已经把“注册”改成了“立即注册”、“马上注册”;比如,baidu.com的“更多”页面最上面以前是“推荐使用”后来改成了“试试看”,虽然只是少了一个字,但给用户的感受和尝试欲望马上就很不一样;比如,某电子商务网站会在注册要完成那里说:“太好了,你还需一步就能成为我们的注册会员”比如,… .
-
4,界面上的文字应该具备该产品需要传达给用户的气质。 这里往往遇到的是怎么做的问题:怎么确定产品要表达什么样的气质?怎么确定什么样的语言风格才算是表达了这样的气质?在稍微大型的企业我们一般有很多种方法可以做到,比如找很多用户让他们说出他们需要的、比如通过情绪板、比如通过颜色分析等等。但在创业公司我一般建议大家实用一点:1>N个很了解产品定位的人坐到一起,每人一个贴纸写下来一个你认为可以描述该产品的句子或者事物;2>把所有人的描述拿出来大家讨论,把每一个用二维分析的方式摆出来,最终得到一个大家都认可的结果就是这个产品应该表达的气质;3>每人N个贴纸,根据刚才得到的结果,结合自己产品的环境写下来你认为要表达这种气质需要什么样风格的语言;4>用第2点中同样的方法得到一个统一的结果,(比如:严肃、简练、..)5>安排一个专门的人写一份简单的指南,描述这个结果具体执行时一些需要注意的常见问题和原则。(比如:既定事实不再重复、不用反问语句提问用户、即时说明文字不得超过20字、…)
2More
Google推出OpenSocial,重点是在「人人皆可当寄主」 - 0 views
-
OpenSocial是一个大平台,让插件创业家(或称应用程序厂商)写出的同一个插件,可以「插」在好几个社群网站(OpenSocial称其为「寄主」、host)里,资料并可以在社群网站间流通。当前OpenSocial已获得拥有2.6亿名注册会员、1.2亿有效会员的天王MySpace首肯添加成为「寄主」之一,欧洲天王Bebo也随之报名添加,而Google自产的社群网站Orkut当然已是寄主,「社群五强」除去Facebook外剩下的两强hi5与Friendster也早就添加,其他响应的网站公司还包括engage.com、Hyves、imeem、LinkedIn、Ning、Oracle、Plaxo、Salesforce.com、Six Apart、Tianji、Viadeo、XING。以这篇文章来看,若硬把这几个社群网站全部加在一起仿真OpenSocial的未来可掌控的流量,已达Facebook的五倍。因此Facebook自己,竟然也一改狂傲作风,在第一时间就语出惊人的「表态」:「我们也想添加!」但,拥有多位「重量级寄主」,并不是OpenSocial令人兴奋的重点
-
我认为,OpenSocial真正有趣的,是让创业家「自己也能当寄主」这件事。直到几天前我们才从官方网站知道,Google除了公布创业家可以使用的API以外,也公布了「寄主的规范」。这就有趣了! 从官方文档看来,OpenSocial规范了「会员」(Friends)、「动作」(即News Feed)、「资料」(Persistence)等三个API,让疯狂的插件创业家使用,可以用来「增加或移除朋友」、「增加或移除应用程序」、「将个人的动作记录下来」、「取得某个会员与他的朋友的动作记录」、「保存或取出此软件或每个使用者专用的资料」。应用程序开发厂商可以自由的萃取好友名单,吸入及吐出「大家做了什么事情」,并自由抓取每个使用者提供给社群网站的公开个人资料来做些有趣的撮合。
3More
本地化翻译的语言文字表达规范 - 0 views
-
一、本地化译文的基本准则凝练平实,言简意赅;信息全面,含义准确;语气流畅,逻辑通顺;使用书面用语,符合汉语语法习惯;杜绝错字、别字、多字、少字、标点符号误用和英文拼写错误;译文的用词及语气须避免有对性别、年龄、种族、职业、宗教信仰、政治信仰、政党、国籍、地域、贫富以及身体机能障碍者的歧视。
-
本地化翻译的一般规则译、校要求翻译或校对时,要在正确理解原文的基础上,结合软件功能和操作的实际情况进行。对于原文中的技术或语言错误,在译文中要更正过来;对于原文中叙述不清的地方,如果不是很复杂,应在译文中加入进一步的解释,以利于用户理解。精确避免含意模棱两可。例如:“一次发送文件给一个人”这句话就可以有“一次只给一个人发送文件”和“将所有文件一次发给某人”两种不同的理解。符合中国人的习惯有时,英文作者为了使内容变得生动活泼,往往会加入一些比较“花梢”的比喻,有些内容,并不符合我们的习惯,对这些语句,在不影响其他内容的情况下,可改变其中的说法,使之符合中国人的习惯。有时,把英文的示例、文字、地名、人名改成中国的地名、人名,会使用户感到亲切自然。简洁用“可”则尽量不用“可以”。能用“用”则尽量不用“使用”。能用“将”则尽量不用“把”。这一点并不绝对,取舍标准是语句读起来既要通顺,又要凝练。使用书面语避免口语化,以及多余的词(罗嗦)。对应与一致与本产品早期版本、同类产品尽量保持一致。本产品内类似的短语保持一致。灵活用词,避免单调重复段落中的多个句子中,要灵活使用词汇,避免单调重复。语言风格注意语言环境,不同的文章需要不同风格,且不能前后不一致。规范用词规范用词(即使在与界面无关的叙述中,也不要无故自造词汇)。对词意的使用要精确,如果有特指,需要加引号。章、节、项的翻译章、节、项等文档的标题应尽量简洁,少用句子。并且能以标题推测内容。同一级的标题应尽量保持风格一致(比如统一用主谓结构或动宾结构等)。但如果难于统一或易于引起意义混淆时,不必强求统一。要求用户进行操作的短句联机帮助(尤其是Quick Help)中,有许多要求用户进行操作的短句,翻译这些句子时,句首要加“请”。
-
本地化翻译的字间距规则在用户界面(UI)的翻译或联机帮助(rtf格式和html格式)的翻译过程中,应按以下规则,手动加入/不加入半角空格:全角符号(中文文字、中文标点)之间不能加空格。中文标点与前后字符(包括全角和半角)之间不能加空格。中文文字与英文、阿拉伯数字及 @ # $ % ^ & *. 等符号之间必须加空格。 半角英文括号与括号外的中文之间应加空格,如:“级联样式表 (css)”。注意:如果括号内有中文,则使用中文括号,如果括号中的内容全部都是英文,则使用半角英文括号。/为半角符号,与前后的中文之间不加空格。图片与前后的文字之间的空格: 如果一行中只有图片和超链接(Icon+Hyperlink),则图片与超链接之间没有空格,且超链接文本的尾端也不应该有空格。其他情况下,图片前后应有空格。手册的本地化翻译字间距规则:文字间的空格不需人工按空格键加入,可留待排版时通过设置样式自动加入;文字或标点符号与图片间的空格需要人工加入;中文文字与半角符号(@ # $ % ^ & *. 等)间的空格也需人工加入。原则是如果Word已经在全、半角字符之间自动留出空间,则不必加空格,反之则要加。
3More
【刻录事】 » Blog Archive » 先是个人的,才是社会 - 联系人管理 - 0 views
-
联络家业提供了我的组织这个“共享通讯录”的功能。比如我们联络家团队,就用它来做单位的通讯录了。我们和其他合作伙伴的项目小组,也用它来管理通讯录。 换句话说,在新版联络家,你拥有一个只有自己看得到的“我的通讯录” (个人通讯录);只要你愿意,你可以创建并拥有你和一群认识的人相互共享的“我的组织”(共享通讯录),至于个数,要看你自己身处几个组织了(社团、单位、小组等)。
-
1、相互同步,保持最新 如果你的联系人也在使用联络家,那么系统会自动帮你发现,你和联系人之间,可以选择是否相互交换保持同步。 也就是说,如果你的联系人也都是用联络家服务的话,那么大家的联系方式始终都会保持最新。
13More
13个希奇的 Javascript CSS 菜单- (CSS菜单) - 0 views
-
1) 性感滑动菜单(Sexy Sliding Menu) - 一种由 Mootools 制作,另外一种使用 scrip.aculo.us 制作的。演示:Mootols 版本演示:Script.aculo.us 版本
- ...10 more annotations...
-
6)自定义菜单事件 - 采用 Yahoo!UI 框架搭建,由 Think Vitamin 团队制作。演示:http://www.thinkvitamin.com/misc/yui-demos/demo-10.html
-
4) Phatfusion - 图片菜单 - 采用 Javascript的图片菜单,单击进行选择或者关闭。演示: Phatfusion - Image Menu演示: Mootools 版本(采用 XML 分析器)
3More
网络照片防扒术 - 0 views
-
怎样才能知道你孩子的照片是否已经被别人盗用了呢?这可不容易,除非你在电脑技术方面很有一手(可以在www .loosewireblog.com/flickr.html查看监视Flickr资料的方法)。如果你确实担心,你可以考虑求助ReputationDefender (www.reputationdefender.com)。这家设在肯塔基州的公司在其网站上承诺,它能搜索到你家人在网上的所有数据,而且,如果你需要,它能销毁所有关于你和你孩子的不准确的、不恰当的、有害的或诽谤性的信息,从而捍卫你和家人在网上的好名声。
-
Flickr上面有一个名叫“决不容忍骗子”(Not OK With the Fakes)的群体,它们搜集各种可以防止别人拷贝孩子照片的办法。它在主页上表示:有些人对自己孩子的照片出现在Orkut、MySpace、PhotoBucket等网站并不介意,但我们要说“不”。目前,这个网上组织已有646名成员了。
-
你也许想考虑一下其他一些防范性比较强的网站。比如,EnjoyMyMedia (enjoymymedia.com),它就采取了不同的做法,把你存储照片的电脑文件夹变成一个“个人播放频道”,这样一来,不仅在上传照片时简化了程序,而且只有从你那里得到了密码的家人或朋友才能看到你的照片。