Skip to main content

Home/ 互联网之'我的阅读'/ Group items tagged 文档

Rss Feed Group items tagged

ocean wu

第三类分享 (Mr. 6) - 0 views

  • 第三类分享」的网站,它其实是在做某种分享,却有它独特的切入点;它显然得靠「大家都爱分享」才能起飞,却让你不会感受出这是一个分享网站:
  • 第一,「同步分享」:大部份的分享网站是非同步的(asynchronous),你上传一张照片,不会期待其他人和你一起看、一起讨论,而是过一阵子以后才回来看看大家的评语与留言。SeeToo(不是司徒)是一个月前刚刚推出封闭测试的影音网站服务,以色列人做的,一开站就得到ICQ前创办人的投资。这个网络服务基本上提供一个「让你和朋友两人一同观赏一支影片」的服务。得到Beta测试权以后,下载一个小软件,此后就可以在计算机内直接选择一个文件,然后再邀请朋友,两台计算机同步播放,和他(她)一同观赏。这是一个典型的「靠点子来规避技术困难」的例子,技术上来看,SeeToo不必设置庞大的影音伺服机与频宽,而且只要从一台计算机播放到另一台计算机,顶多加一点设计,让两边可以完全同步播放。它的本体应该是修过network的大学生都可以做到的基础client-server串流软件,SeeToo却靠这个软件,和其他「有钱的网站」一起抢食「影音分享」大趋势。 从「同步分享」,我们应该还可以想出很多其他的点子。当前只有「朋友」才能透过IM跟我们同步聊天,有没有什么点子,让陌生人也可以同步,却不必像Skype有时接到欧洲人突然打电话来跟你聊天那般的不自在?
  • 第二,「救急分享」:有个非常简单的网站叫Confile.com,基本上让每个人上载自己计算机里的各种设置档。设置档可以从基本的Windows操作系统的设置,以及其他软件的设置,甚至还有比如更高深的写程序的后面的其他设置。分享这些文件,并不会有太大的安全性的问题,可是对其他人来说却有如「救急丸」。 写程序的人都知道,网络上常有这样的「救急分享」,许多程序不必动用开放原始码软件,直接网络上搜寻一下,就会搜到有人已经帮你写好一段sample code,直接剪贴到程序里,改一改就可以用了,搞到最后,巧妙的用关键字搜寻Google,竟变成也是程序设计师重要竞争优势了。这种「救急分享」,当前还有「分享法律文档」、「分享PowerPoint版型」,有没有其他的「救急分享」可以分享?或许进而改变整个产业做事情的方式,再也不必「从零开始」,以后都要到这边先找一下分享的东西,才能开始做事情?
  • ...1 more annotation...
  • 第三,「超简单分享」:有个网站叫Big Numbr,让人分享「数字」,譬如Slartidan分享了2的开更号,也分享了2005年德国女人的平均寿命(82岁)。之前曾在部落格写过此点子,这个点子很棒的原因在于,假如设计得当,大家除了开始分享,也会跑来「引用」(也算某种间接的分享),这些数字很快就会变成Google上面的名列前茅的常客,有天被Google买下,然后像Pi这样作特殊数字陈列。不过一个月下来,当前只累积了大约330个数字,并没有起飞,我认为是因为它并未真正「做完」这个网站,以及行销方面以死板的「假使用者填数字」来带过。 另外,还有哪些其他「超简单分享」?数字以外,或许可以分享「自己调出的颜色组合」,分享「自己写的名言」,分享「自己买下的.com名字」?这些都有其他网站在做,但是都不是以「社群」、「分享」来做。至少,必须可以用简单方式完成分享,使用者点进个人首页可看到你还分享了什么东西,其他人又分享了什么类似的东西……而分享物本身必须「自成一页」,让搜寻引擎可以直指此页,最后靠搜寻引擎,带来大部份的观赏流量。
ocean wu

理解Web框架,和如何构建一个CSS框架[转][译] - 0 views

  • 团队创建的框架包含5个样式文件: reset.css —处理重置 type.css —处理排版 grid.css —处理布局 widgets.css —处理小零件(widgets),如tab菜单、下拉菜单、以及“更多”按钮 base.css —包含所有的其他样式表文件,以便我们只需要在(X)HTML引用base.css即可使用整个CSS框架 然后,我们把框架存放在一个单独的地方,使每一个站点都引入这个框架。当然,每一个网站也需要有特有样式表,特有样式对框架进行了必要的补充
  • 一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通常的讲,框架就是上面提到的JavaScript框架和Web应用框架。
  • 几乎每个我参与的项目中,我必须声明的几个CSS问题: “大量重置”浏览器默认风格,比如,设置所有元素的margin和padding为0,去掉框架(framesets)和图片(images)的border,等等。 以基线对齐。这包括诸如设定块级元素的margins相同的(或多个)基准行高,如段落(paragraph)、头(header)、以及列表(list)。 创建表单(Form)的基本样式。 创建几个常用的CSS 类,例如,.hide(把display置为none,即隐藏元素)、.mute(设定为一个较小的字体和较亮的颜色)。 还有更有趣的事情,许多网站设计师发现自己不断重复使用着相同的基本结构,为什么不动它整理成自己的,在某种程度上可以非常灵活的用于多个网站? Yahoo这样做了,这就是YUI。当我们为的劳伦斯日报网站(the Journal-World)建立CSS框架的时候,我先看看Yahoo是怎么做的。我们很肯定那不是我们想要的,但作为一个很好的例子,给我们提供了很多思考和如何建构自己框架的想法。我们解决了16个单元格的问题,它具有足够的灵活性使我们的每一个网站都可以应用,即使每个网站看上去与下一个版本有些差异。另外大多数网站共用widgets ,象下拉菜单、导航菜单、按钮等,这些也是主要的需要抽象提取的对象。除此之外,你可能有共同的内容名称,如图片列表的缩略图,你可以规范对CSS命名,如“thumbnail-list”,让所有显示缩略图的都使用这个CSS类。 另外要做的可能是抽取hack(如兼容那些旧浏览器)加入自己的扩展的样式模块。我自己尝试过,但发现hack过于专有而不能抽取到通用框架里。
  • ...1 more annotation...
  • 这种方法不错,但也带来新的问题:增加了每一个页面的http链接数。对于大流量和中等流量的网站,每个页面增加5个以上HTTP连接数,系统管理员可能就麻烦大了。两个可能解决办法: 把所有样式都放到一个文件里,而不是分成多个模块。这里的问题是,失去了框架只包含特定文件的灵活性,而且维护也变得麻烦。 有一个服务器端程序,动态把多个单个文件处理成一个响应。我还没看到这种做法,但如果做好了应该是很有效率的。以我上面框架为例,当请求(Request)base.css时候,而不是请求(Request)type.css , grids.css 等的时候,这一动态处理过程触发。这样一来,单个文件仍然可用,而在平台版本上整个框架也有效的。 总之,我们目标不是尽可能的抽象,这点非常重要。相反,其目标是提供了一个快速启动和更有效率的设计过程,这是绝对有可能去做过的。如果你过于的抽象,事情会变得混乱,太多的HTTP链接数会影响你网站的性能。记住:一个好的框架不是把事情搞更难更复杂,而是一个简单的从零的开始。
ocean wu

研究笔记:Twitter的简单分享体系 - 94smart's Blog - 0 views

  • twitter看上去简单到只分享文字信息,但不简单的是,它把微网志、即时消息/回复(@id前缀)、定向消息(d指令)混合在一起。 当然链接也可以,twitter会自动将文字里的网址转换为可点击的链接。p.s.tinyurl类的短Url应用也在twitter的激发下被广泛使用。 以”What are you doing?”(你在干嘛?)为题,不停的答复着,自说自话着。 但,有多少人真正是在回答这个问题呢(我的好友就很少照做),尤其是gtalk、twitterfox、twhirl等tw应用的流行,现在的twitter已经变成了带群聊功能的IM。 twitter将好友的概念实质化,加好友变成跟随(follow),单方面的相当于订阅,双方面确认的是好友关系。 twitter的分享有一定权限划分,分几个层次: 跟随用户和收藏内容为任何人可见 更新内容可以限制只有好友可见 @id前缀的回复内容被同样跟随该id的用户可见 d指令定向消息只有对应用户可以看到 被跟踪数量和资料只用户自己可见 twitter的网站我很少去,除了为加好友等特定功能外,能不用就不用,因为我觉得twitter网站交互性不够好,不能总是没完没了地刷新页面。 好在twitter提供imbot,用gtalk就很方便的互动起来,而且它提供丰富的API,除了twhirl等纯客户端外,还有twitterfox、twiiterbar等firefox插件,另外还有一批特殊应用将twitter可以共享的内容无限扩大,比如twitterfeed可以把feed按自定规则发布到twitter,其中长地址还自动转换为tinyurl。 twitter可以自定义部分页面CSS。 可以通过手机短信、wap移动更新、分享。 使用Amazon S3服务存储用户的头像文件。 页面用户信息使用vcard。
ocean wu

IVR语音增值业务研究 - 0 views

  • 2.开发“绑架式”业务 麦当劳和肯德基的买单者,都是成年人,但真正的消费者,却有一半是少年儿童;为人父母者,除了小时候被父母带着去动物园,最去,就是带自己的小孩观赏动物;太太口服液是为女性准备的,买单的却大部分是丈夫。所以移动IVR业务开发应更多地考虑针对哪些人群最容易被“绑架”,从而开发出相对应的业务。
  • 1.为忙人开发业务 现在的语音杂志业务内容主要满足娱乐休闲,以笑话、相声、故事、歌曲、竞猜等为主,一般而言,主要供人们闲暇时分参与。然而真正的高端客户比如商务人士,一方面有很高的消费能力,价格敏感度也不高,一方面却严重缺乏休闲娱乐时间,没有时间消费这些业务。只有在进行业务设计时针对他们在事业当中的某些特定需求,结合业务特点和适当的宣传渠道,才可以很好地覆盖这些高端客户群体。
  • 3.开发实用类业务 在深圳,一般人都有一个习惯,即在遇到不太清楚的事情的时候,拨打160热线,里面有专门的接线员提供咨询服务,大到结婚证、户口的办理手续,小到去一个大厦怎么走方便,目标大厦的停车位是否紧张等等,都可得到详尽的咨询服务。
  • ...8 more annotations...
  • 二、整合提供价值 1.语音门户整合提供价值移动IVR业务采用的是单个业务单个拨入号码的接入方式,这种方式的弊端是号码众多,难以记忆,并导致客户很难形成完整的业务印象;此外,各个SP和运营商分开宣传,也导致了宣传资源的分散使用,整体效果不佳;从逻辑上来说,移动IVR业务可以有多种接入资源,比如短信、WAP、USSD、互联网、语音等,这些方式尚未充分调动起来,因此,中研博峰认为,移动运营商应发挥主导作用,建设统一的语音杂志门户,在接入方式上整合短信、USSD、WAP、互联网以及语音接入手段,在后台整合各个SP的精品资源,兴建网上语音杂志的沃尔玛超市,为客户可以提供丰富多彩,不断更新的永远精彩的移动IVR业务基地。
  • 品牌进行整合:动感一族、商务人士和伊人风采。 动感一族定位:动感一族定位于中国移动动感地带和18-25岁之间的客户群,这部分客户群的特点是年轻、活力十足、对新鲜实物非常好奇,喜欢追逐时尚,虽然收入不很高,但对语音杂志类业务比如娱乐、游戏、音乐等接受度非常高。 商务人士定位:商务人士品牌定位在25-40岁的人群,这部分人群主要是全球通用户,其收入较高、教育程度较高、人生阅历比较丰富,生活节奏比较快,对商务类的服务接受度较高。对这类客户进行内容整合的时候,应当更多地挖掘符合其日常生活体验的业务内容。 伊人风采定位:主要针对25-40岁左右的女性而设,她们的特点是喜欢时尚,重视外表保养和内在情感,关注女性健康;还有很多人已是妈妈一族,更增添了对于宝宝的关心,和动感一族略有不同的是,她们更加理性,但经济支付能力更强。伊人风采品牌非常适合于“绑架式”营销,这个业务的订购者会有很多是男性为女性付费,女性为了幼儿付费等。
  • 3.按照特定需求整合提供价值 移动IVR业务和固网IVR业务最大的不同点在于其号码和个人的对应性,一个号码对应单个个人,因此语音祝福类业务非常适合于这类业务,统计数据也表明祝福点送类业务实现的收入占所有比例较大。因此,运营商和SP应更加深入研究祝福类客户需求的满足,从历史、风俗、文化、时代特性等各个方面挖掘出客户祝福需求,并用高质量的创新设计实现产品,除此之外,还可将其他类的移动增值业务,比如短信、彩信、WAP等与移动IVR业务进行捆绑组合,针对客户的特定需求提供整合价值,这样可以实现合力和综合效果,实现原来单一业务达不到的更优效果。
  • 4.在声音形式上创新 现有业务菜单的声音表现形式,主要是一个标准女生,在有些喧闹的背景音下介绍业务内容。未来SP应在声音表现形式方面创新应用,实现个性化,增强业务吸引力。
  • 一、业务内容创新 在内容创新的概念中,本文提出一个新的观点:不能简单地将一类事物统称为内容,应综合考虑其格调、出发点以及表现形式等维度,在不同的维度上有所创新,都可称之为内容的创新。
  • 2.按客户对象整合内容提供价值 无论消费者购买什么样的产品,其购买决策往往源于共同的驱动因素-消费者自身的价值观,这将导致同一类型的消费者在购买不同类别的商品时体现出很高的相似性。
ocean wu

网页的栅格系统设计 - 0 views

  • 栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格。运用固定的格子设计版面布局,其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一。
  • 网页栅格系统下的定义为:以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。
  • ...15 more annotations...
  • 30个最顶尖的基于栅格系统的博客网站设计。
  • 网页栅格系统的原理与应用:
  • 我们把宽度为“W”的页面分割成n个网格单元“a”,每个单元与单元之间的间隙设为“i”,此时我们把“a+i”定义“A”。他们之间的关系如下: W =(a×n)+(n-1)i 由于a+i=A, 可得:(A×n) - i = W 这个公式表述了网页的布局与网页“背后”的栅格系统之间的某种关系
  • 对于内容信息不确定导致高度不确定的页面,在高度层面上就无法做到栅格了。
  • 下面我们列出当n等于不同数值时W变化的数值表格
  • yahoo首页的布局完全是按照栅格系统进行设计的,每个区块的宽度对应的n值分别为:4,11,9。在这里我们看到一个很有意思 的事情:只要保证一个横向维度的各个区块的n值相加等于24,则即可保证页面的宽度一定是950px。然而,950px的宽度也恰好就是当n=24的时 候,W的宽度值。由此我们得出以下的应用模式:
  • 在栅格系统中,设计师根据需要制定不同的版式或者划分区块,他们的依据将是上面的那张对应表进行设计。这样,一个栅格系统的应用就从此开始了。
  • 它给整个网站的页面结构定义了一个标准。对于视觉设计师来说,他们不用再为 设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说,页面的布局设计将完全是规范的和可重用的,这将大大节约了开发成本。对于内 容编辑或广告销售来说,所有的广告都是规则的,通用的,他们再也不用做出一套N张不同尺寸的广告图了……
  • yahoo的网站页面宽度为W=950px,每个区块与区块的间隔为i=10px;如果应用上面的公式,可以推出A=40px,既yahoo首页横向版式设计采用的栅格系统为: (40×n)- 10 = W
  • 我们可以衍生出任何一种栅格系统,只要改变A和i的值,这个根据网站的实际情况来制定。那么如何选择合适栅格系统,主要通过“构成 要素与程序、限制与选择、构成要素的比例、组合、虚空间与组合、四边联系与轴的联系、三的法则、圆与构成、水平构成这些设计元素规划,来实现比例和谐的平 面设计”。
  •  
    网页的栅格系统设计给整个网站的页面结构定义了一个标准。对于视觉设计师来说,他们不用再为 设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说,页面的布局设计将完全是规范的和可重用的,这将大大节约了开发成本。
ocean wu

新网络营销效果评估模型 | 天涯海阁 - Web2.0Share - 0 views

  •  
    和传统媒体相比,网络营销的优美之处就在于效果的评估可以更全面、及时和精确。在中国互联网的特定环境里,应该怎样去采集和分析数据,评价一个网络营销Campaign的效果呢?
ocean wu

Web2.0创新应用服务发展趋势与概况-- 上海情报服务平台 - 0 views

  • Web2.0的基本精神包括:以Web为平台、强调从使用者的角度来考虑、让使用者自己掌握自己的信息…,尤其特别强调软件的重要性以及群体智慧的运用。
  • Web2.0创新应用服务发展趋势   Web2.0可视为泛指Web近几年在观念上、技术上以及商业应用上的进步与新想法。比较Web1.0与Web2.0,归纳出Web2.0的主要进步,体现在以下4个C上。见图下,除了Wiki、Folksonomy、Blog是创新的应用模式外,大体上能看出主要进步的具体所在。
  • (一)   内容(Content)   在Web1.0时代内容主要由厂商提供,使用者仅单方面接受信息。而在Web2.0时代则强调提供双向交流,由使用者参与并贡献内容。简言之,在Web2.0时代用户不只是消费者,更是内容的提供者。分析由使用者贡献内容的众多案例,可看出应用范围非常的广泛。由具有高度知识性的百科全书Wikipedia到仅只是由使用者投票决定新闻重要性的Digg.com都是有名的成功案例。   (二)   社群(Community)   社群经营的理念早在Web1.0时代就有。通常以加入会员,共享部分特定资源(如公告栏、讨论版、聊天室、下载空间)为主要经营方式。但Web2.0的经营方式则更为多元且活泼,在各种服务上都对社会网络的功能进行强化,见表下,大量建立人际连结的接点,不论是现实中的人脉、书签、相薄、地理位置甚至愿望清单等都可以成为建立人际网络的起点。通过大量的社会网络功能,促进分享也强化服务对使用者的黏性。                 Web2.0社群服务案例与人际接点 服务名称 人际连结接点 Linkedin.com Del.icio.us Flickr 43. Places、Platial 43 Things Last.fm 现实世界人脉 网络书签 相片 地理位置 愿望清单 歌曲清单   (三)   消费者使用体验(Customers Experience)   良好的使用者体验有助于降低学习门槛,并提升使用者对服务的接受度。在强调以使用者为中心的Web2.0概念实践过程当中,良好的使用体验更是鼓励用户参与的基本动力之一。   举例来说,在地图界面广为普及之前,当使用者想要描述地点位置时,往往只能写地址,并用文字极力描述附近的地标。不但提供信息的人麻烦,阅读信息的使用者也不好理解。但现在随着Goolge Maps等地图的流行,使用者能够直接在地图上点选地点,大大降低了使用上的负担,也造就了如Platial.com等由使用者共同创造生活地图或景点指引的服务。   除了前述有关地图界面造成的使用体验差异之外,地图服务自身界面的进步其实也是极具代表性的。过去的地图服务在界面设计上往往局限于所谓的「8个小箭头」的设计,使用者必须通过上、下、左、右、左上、右上、左下、右下8个箭头来操作地图界面。而现在的地图服务如Google Maps等几乎都提供了直接以鼠标拖拉的操作界面。表面上差异似乎不大,但在操作体验上却截然不同。   除了良好的设计之外,界面相关技术对创造良好的使用者体验也相当重要。过去的Java Applet、Flash等技术都是Web1.0时代为了强化使用者体验而作出的努力。Web2.0时代则是以AJAX为主流应用,让使用者在不需要安装额外plug-in的状态下,能够在Web上享受到便利且具有高度互动性的使用界面,改善使用体验。   (四)   跨服务的互动与整合(Cross-Service Integration)   由于技术的进步、成熟与经营理念的改变,Web2.0时代的服务,往往开放程序开发界面(如Web Service)及资料聚合界面(如RSS)。借开放界面来带动社群与第3方开发者投入,发挥Web2.0服务的网络效应。同时也创造出混搭这样的新开发风格。所谓的混搭,便是利用现有服务开放的界面,重新组合创造新服务。典型的案例如,将Craigslist上的租屋/售屋信息与Googe Map提供的地图服务整合而成的Housing Map地图找屋服务。
  • ...1 more annotation...
  • 三、Web2.0创新应用服务发展概况   Web2.0时代最容易被识别的特征之一就是博客的崛起。不论是个人日记或个人观点评论,在网络上都已经有相当多的网页供人阅览。以下介绍几个成功的Web2.0代表案例。   1.   Wikipedia   维基百科提供开放的平台环境供使用者编写百科全书。截至2007年6月止已有200多种语言的版本,合计超过350万个词条,其中规模最大的英文版已拥有100多万个词条。相较于大英百科全书等以专家为主体的传统编辑方式,维基百科将编写百科全书的权利开放给所有的志愿者。借着鼓励使用者参与以及使用者贡献内容,维基百科集合了众人的力量,成为善用集体智慧的典范。也是第一个C—内容产生方式上的标准范例。   2. Linkedin   Linkedin.com是一个基于6度分离(Six Degrees of Separation)理论的社交人脉网站。它提供了一个平台让使用者输入自己的人脉信息,之后Linkedin.com便能基于这些人脉信息提供一个介绍人机制(Referral System)。当使用者需要接触某个本身不认识的人时,介绍人机制便能协助使用者通过类似「朋友的同学的朋友」这样的人际连结路径去接触对方。截至2006年底,Linkedin已经拥有遍布全球420万名用户。通过这样更为精致的社会网络连结机制,Linkedin为中高阶商务人士提供了有价值的人脉介绍服务,成为Web2.0第2个C—社群上的成功典范。   3. Flickr   Flickr是Ludicorp公司在2004年2月推出的相片分享服务。当时外界普遍认为线上相薄服务已经定型,且市场已然饱和。然而推出之后靠着使用者的互相流传,以25%~50%的用户增长率跌破众人的眼镜,迅速成为Web2.0世界中的经典服务之一。Flickr在4个C上都具有相当的代表性:在第一个C—内容这部分Flickr通过使用者上传照片并填写标示信息,建成了庞大的图片资料库。在第2个C—社群这一块则是通过诸多社会网络功能,将使用者彼此相连,增强Flickr对用户的黏性。而在第3个C—用户体验部分则是将AJAX技术发挥的淋漓尽致,提供了用户简洁、直觉化、且操作性良好的界面。最后,由于Flickr开放了服务平台的API,因此产生了大量的跨服务整合应用,譬如结合Flickr与Google Map的GmiF(Google Map in Flickr)服务,见图下。这便是第4个C-跨服务整合的体现。     4. Salesforce.com   Salesforce.com是Web2.0在企业市场发挥的经典案例。它是一家提供线上CRM服务的SaaS(Software as a Service)厂商,该公司开放了程序界面给开发者,让软件开发商能开发出与Salesforce.com平台紧密结合的服务软件,也就是第4个C:跨服务整合表现。并提供了AppExchange线上软件平台,让软件开发商将软件上传,借此形成一个基于品牌策略的生态体系,见图下。通过这样的机制,该公司的CRM企业用户可以在AppExchange网站上直接寻找自己需要的企业应用软件,并进行即时的线上安装,迅速扩充自己使用的线上CRM服务的功能。
ocean wu

免费网盘新动向(1)--UuShare、RayFile、Box | 网行志 - 0 views

shared by ocean wu on 20 Oct 08 - Cached
  • UuShare   为原UUBox的升级版(关于UUBox的介绍请见《免费好网盘——UUBox》)。当然,改变的不仅是名称,最近刚刚试行的积分制度大大增加了其灵活性和亲和度,每日登陆、推荐注册、下载数量等都可以获取积分/增加容量(包括单文件大小)以至升级帐户级别
  • UuShare还改进了个人主页布局、增加了评论功能等,但已不再提供类似于SkyDrive的嵌入式代码。 
  • ...4 more annotations...
  • RayFile   为原Fs2You的改版(关于Fs2You的介绍请见《便捷存储新体验——Fs2You网络硬盘》)。改版后增加了对文件夹和标签的支持(可惜似乎不支持文件更名),便于分类管理和查找(图2);下载页面支持将他人资源保存到自己账户功能;客户端支持逐个批量上传及下载功能,但可惜仍不支持类似于纳米盘的直接批量上传,上传过程仍略显不便。
  • Box   国际知名网盘(关于Box的早期介绍请见《我看box》)。改版后增加了对中文界面语言的支持(设置→语言→汉语),更加方便中国用户使用;支持OpenBox服务,使用户可以通过互联网上其他的服务与应用程序编辑自己Box中的文件(图3,具体包含的服务请见此页);支持在线创建和编辑网络文档(即Webdoc,需在OpenBox中开启此服务,图4)
ocean wu

网站的视觉设计 - 0 views

  • 1—logo:基本logo特征,符合logo设计基础(平面设计通用)显示器效果:清晰度,最小尺寸(因显示器分辨率而带来的,等同线下平面设计的印刷效果)2—文字:内容等级决定字体、字号大小、粗细;状态决定颜色(默认或者根据网站特殊统一)3—广告、内容图片:尺寸样式的定位,同一页面的和谐性,图片的优化,位置的节奏,大小对比。4—icon:品牌性,表达准确合理,设计手法(依据品牌性),一致性,作用:吸引,醒目,方便识别、理解、操作、记忆。5—可点击(button):区别(不可点击),根据人的生活经验:厚度,可按,质感(实体联想),色彩(品牌性、统一性、对比性);统一的样式大小(依据里面文字的内边距统一)6—背景图片:氛围效果营造,同产品的统一性,优化(品质大小,色彩信息,实现方案),7—图文排版:主图次文,图文节奏,空隙,模块化。8—当前状态:放大(形状),变色(反色、对比色、明度纯度区别色),链进链出后指定内容提示。9—交互控件:样式合理准确性(人对系统默认的认知和生活常规认知),状态(视觉表现样式和动作过程优化),创意。10—loading:内容关联性(loading前后的内容关联),无聊等待的乐趣,体积、面积优化,创意。11—用户反馈_ 成功、出错、提示、无结果:文案(明确、合理、人性化、创意),图形(明确、醒目、色彩的心理认知准确度)。12—动画效果:过程合理(模拟真实环境的合理化),连续,节奏感,用户日常动作表现,音效配合,创意。13—首尾设计:首(品牌宣传、自身特点、明确内容、气氛表达、创意。尾:呼应、节奏(与首),创意。14—适应屏设计(全屏设计):最大最小屏幕的考虑(文字、图片的位置、折行效果)15—固定尺寸的栅格设计:合理的单元格(考虑黄金分割),单元格面积节奏,边距统一性16—demo设计样稿:对内容最多最少的考虑。17—页面:品牌性,基调元素一致性,复用性,节奏感、面积感,视觉第一吸引,引导浏览,点线面关系,素描原理(运用素描的基本规律来做页面)。18—阅读:背景对阅读(视力)的舒适度,内容与背景的对比舒适度
  •  
    页面设计的要素及解释
ocean wu

用户体验与产品管理(完整版)_深耕·生根 - 0 views

  • 第一章 用户体验(User Experience, UE)专业人员正逐渐从商业角度对他们的工作感兴趣,在他们的核心观念中,UE的重点是理解用户需求并创建有用和易用的产品来表达这种需求。 UE人员常常在他们的研究、设计和创意没有得到相应的尊重时感到非常失落。差不多每个UE人员都有过与那些尽管缺少交互方面的需求和流程的知识,却根据他们的感觉或毫无道理的看法来驳回一个建立在研究基础上的设计的领导者打交道的糟糕经历。 很多UE人员逐渐意识到他们有经验和洞察力来运用权威性并在帮助构建的产品中发挥更大影响力,产品管理人员也对这些希望扩大影响以保证以用户为中心的产品开发顺利进行的交互设计师、信息架构师和易用性工程师等有了更多的兴趣。 对很多UE实践者而言,成为产品经理(Product Manager, PM)是一个合理的转换,因为两者往往需要类似的技能,特点和能力。此外产品管理是很多组织共有的角色,向这样一个已存在的角色过渡是较为容易的,只是信息架构师或交互设计师如果选择用这种直接方式来影响产品的话,他们还需要学会换位思考。
  • PM是什么? 传统意义上PM就是一个产品的主管,为了方便讨论,我们这里将产品定义为软件、网站、网络应用、局域网或技术产品。 作为一名领导者,PM将对整个产品的成功负责,这其中包括用户体验。对技术产品而言,用户体验是产品成功中非常重要的部分,当然还包括其他方面,像产品的销售、技术、法律、商业模式、定位、品牌和营销等。 PM应该扮演一个领导者而非独裁者的形象,才能保证产品的成功,并得到各方的支持。像总统会与负责防务、交通、农业等的官员共事一样,PM团队也包括营销、技术、财务和其他领域的人。与票选民主不同,PM对用户和客户负责,通过收入、利润、用途和其他市场驱动因素来实行决定民主。 产品管理中涉及的各项任务和领域使得PM必须精通业务的方方面面。
  • PM的职责 PM的基本职责是理解市场并推动适应市场的产品开发,由于UE人员往往已经熟悉了设计的用户需求也具备相应市场知识,因此他们具有成为优秀PM的潜质。 PM还有如下一些较高层次的职责: • 建立产品策略,重点是对产品的未来有长远和有说服力的眼光。 • 将策略转化为产品路线,有了清晰的远景和策略后,PM就要与管理层一起确认并执行策略。 • 撰写支持商业策略和市场需要的需求书,确定主要路线,然后细化特定的可执行的需求。 • 确定以合适的顺序,在合适的时间提供合适的功能特性(features),以客户价值和市场的关联程度来划分这些特性。 • 确定与市场间有适当的沟通渠道,以合适的方式向合适的人发送合适的消息,并确认客户已了解到他们的产品。
  • ...8 more annotations...
  • 产品管理和用户体验的差异 尽管PM的职责很广也很有战略性,他们还需要负责在战术层面具化他们的战略。在一些细节上,PM可能存在与UE人员重叠的问题。正如Johathan Korman写道: 当我向那些不了解"交互设计"的人们描述我是做什么的时候,首先我说:"我观察用户的需要,确定哪类产品最适合他们,然后制定关于这个产品的行为规范,以此推动开发团队的工作。"人们常常回应说: 在我的组织里,我们管这个叫"PM"。 乍一看,用户体验的角色和产品管理惊人的相似。然而你仔细观察就会发现产品管理和用户体验在职责、重点和依赖度上是有区别的。 职责: PM负责整体成功,而UE人员负责界面设计使之满足用户需求并易于使用。UE人员同样应该像销售、营销、工程人员那样关注整体的成功,尽管并不负责这些方面。 重点: 当UE人员聚焦在界面与产品体验之时,PM会从市场整体反馈、特定市场规划、竞争力、技术、收益与损耗以及可调用的资源等方面来审视这些界面与产品体验。 依赖: 信息架构师(IA)、图形设计师、易用性专员等主要精力集中在界面上,他们需要依赖自身或类似角色的其他人一起来完成工作。PM则坚定地要求他人能执行其产品策略,他们更多地需要融合一些微妙的产品目标、策略、影响力、坚定和公平的决策等因素,这些要求多甚于UE人员。 或许Johathan Korman最好地诠释了PM与其他角色如UE之间的差异: PM负责产品应该做什么(What the product should do),而其他角色负责产品怎么做(How the product does that)。
  • 产品管理与用户体验的冲突 最常见的UE与PM间的冲突就发生在该产品应该做什么与产品该怎么做的讨论上,双方常常争论谁应该负责定义产品的特性与需求。PM感觉应该由他们负责,因为他们管理产品,但是UE人员感觉应该由他们负责,因为是他们在花时间直接与客户和用户打交道,研究用户需求。 最终由于PM对整个产品的成功负责,他们也就成了决定产品做什么的最后仲裁者。好的以市场为重点的PM应能理解市场背景和客户需求,并在第一手经验和已有研究的基础上决定合适的产品特性与功能。 然而UE人员常常对此非常光火,因为他们认为自己更贴近客户和用户,理应负责产品的需求收集和定义。 好的PM应该象UE人员那样贴近自己的用户,否则就会脱离用户,只知道坐在办公室里开大会,让UE人员来做此类研究。 好的PM能深知用户体验这个角色并理解其重要性,重视他们的投入并利用他们的研究和建议来创造优秀的产品。正如总统需要从自己的内阁成员那里获得建议一样,PM也应该利用自己的"内阁成员" --- 用户体验、市场营销、技术等 --- 去做出决策。 从UE人员向PM角色的转换远不止去操作所有的界面设计,PM一项很重要也很有挑战的任务是负责确定产品的目标与策略,树立内在和外在的产品领导能力,创造商业模式及获得资本,从小事出发又能着眼大局,并协调市场、工程技术、财务、销售当然还有UE一起向成功迈进。 在第二章,我们将向你介绍迈向产品管理的方方面面,包括你在UE岗位上不可以做而在PM角色上需要做的事情、成为PM你必须做哪些准备、UE背景的人成为PM后常有的缺陷等,来帮助你作出这种转变。
  • 第二章 在前一章中,我们勾勒了PM的职责、PM与UE人员的差异以及为什么两种角色之间会产生冲突等。 现在我们来介绍当UE人员成为PM后其思考重点、职责与挑战将会发生哪些改变,离开UE工作岗位后你将有哪些收获与损失以及如何为这种转变做准备等。 在你向PM的角色纵身一跃之时,最好清楚这次跳跃对自身的影响。
  • 作为UE人员不可以做而作为PM必须做的事情 成为PM后,你每天的工作将会发生巨大的变化! 你必须运用你的全部知识投入到整个产品中。作为UE人员你也许能同样做到这一点,只是限于行政授权你未必需要和公司内的全部决策部门打交道,以下就是你的一些"新职责": 关注产品策略以及客户和终端用户的需求(这也是你做出转换决定的原因) 你必须长期地研究客户和用户,找出用户需求与商业目标的切合点,相应地了解这方面的知识并有意识地利用它。从产品的整体上确定用户的焦点,不光是设计。 沟通、政策以及定价都必须整合成为"客户体验"的整体,过去我们常常对这些方面的重要性认识不够,成为PM后你就必须对关乎产品体验的方方面面负责了。 平衡各方力量 确保你的产品重点是客户和用户需求非常重要,但是其他方面同样值得关注,包括但不限于: • 销售目标 • 市场/品牌目标 • 技术趋势 • 文档管理 • 预算管理 • 市场趋势 • 竞争力 • 商业模式与回报 (可能的人员浮动、变局影响、价格杠杆等) 做好一款产品需要在商业目标、用户需求和市场效应之间进行一系列权衡,作为PM,你就必须在各方之间努力做好平衡。 推广产品 你必须同时在内部(包括销售、市场、管理层、开发者等)和外部(包括客户、用户、业界分析员和媒体)间取得支持。仅仅开发出一款好的产品还不够,你还必须让人们知道它,推广它带来的好处。 向组织中的其他产品提供策略投入 如果你是一间中型或大型公司的PM,在这个位置上你还需要影响其他产品。你也会与其他公司内的其他PM交流,思考公司的全部产品线,并将你的产品融合其中。 你面临的挑战与压力 PM这个新角色会让你很有荣誉感和责权感,而且新头衔带给你的影响力可能会胜过其他,但它也是"带刺的玫瑰" --- 你同样必须应付挑战和压力。 作为PM,你的权力很有限 Guy Kawasaki形容PM是"一个背负全部职责却没有任何权力的人"。大部分为你的产品工作的人会向不同的管理层汇报,很少甚至没有人会直接受命于你。你必须梳理这些分散的资源,指导他们的工作 --- 尽管他们从各自的经理那里获得了不同的工作方向。
  • 你必须做出决定并对此负责,而不仅仅是建议 事实上你必须做出很多的决定并为此负责,不是所有人都会认同(你的这些决定)。当然如果你的工作干的好,你可以向他们证明你的决定是正确的,明确解释你的原则,其他人也就不会显得焦急或轻视 --- 但这并不容易! UE出身的PM会发现所创建的体验也许不是对用户"最好"的体验,因为还需要考虑其他重要的因素(如管理层的需求、商业策略、商业模式等),让这些人理解作出这种或许有损用户,但最终有益于产品的决定往往需要时间。 你将经常处在利害分歧的中心 销售人员希望有不同的功能、开发人员将你制定的时间表往后推、财务人员需要新的后端功能、商业开发人员希望能为合作伙伴做一些产品调整、设计师希望更改一些功能的实现、用户希望增加一项你的竞争对手推出的新功能、管理层希望你的产品能与公司新产品进行整合... ... PM就处在这样不同的竞争中心,在一些公司中这样的处境是很不妙的。你必须调节好这些冲突的想法,制定相互之间的优先级以推动产品策略并保证皆大欢喜(至少不能让某个人动怒)。 成功的PM总是围绕着整体的目标和策略来平衡各方的要求,决定做哪些可以最大限度地支持这些目标。PM对目标与策略的理解越深,就越能做出权衡考量。有时候一点小的让步能够得到更多的收益,有时候则需要更好地梳理目标。 管理层需要从你这里得到关于产品的信息 PM不只是产品开发团队的一员,你是整个产品的象征。无论你把事情做好了或搞砸了,也无论你是否真的能驾御局面,你都必须为此负责。 作为UE人员可以做而作为PM不可以做的事情 从UE岗位转换到PM岗位的人会对新职责感到兴奋和有挑战性,与此同时,他们也会失去一些UE工作的一些方面: PM不必插手过多细节 这是很多之前习惯过问小事的人面临的最艰难的挑战。作为PM很多具体的工作都可以委派给其他人来做,一个花费太多时间去处理细节问题的PM注定没有做好他们的本职工作 --- PM需要关注的是战略层而不是战术层。 PM并不追求尽善尽美和理论上的完美 有一个针对UE的笑话是UE人员经常回答问题的时候说"这个取决于…"。对PM来说,也许它确实取决于某件事情,但这并不要紧的。这并不是什么理论上应该发生的问题,而是在此情况下我们马上要做什么以及为什么做的问题。 你必须习惯够用即可的观念,作出在用户看来未必完美但在有限的资源下很受用的决定。
  • PM对产品的核心问题不只是建议 这一点和上面的有点背道而驰,UE实践者们提出建议,而PM需要制定策略、较高层面的用户体验、功能设置、市场规划、定价及其他方面。之所以又提到这一点,是希望促成你进行反省。如果你只是习惯建议或很难做决策,你也许不适合成为PM。 PM不是艺术家或专家型实践者 PM并不专注与产品的某个部分,而是知晓全局。他们有点类似船长或教练去驾御局面。在这个层面上,PM需要保障一起共事的人能将产品目标反映到方方面面,例如营销策略、界面设计、版权书写等。 由于不是专家,在各个方面进行调节是比较困难的,PM就必须在后面的工作中不断学习如何领导其他专家向一个共同的目标努力。
  • 从现在起更好地配合你的PM 如果知道"幕后"产品管理,你可能已经动心了。有一条捷径能帮助你开始: 从现在开始更紧密和有效地配合你的PM! 这个办法即使对那些并没有这方面特质、技能或只是想成为PM的人来说都是值得一试的。作为一名UE实践者,更好地理解其他角色的同事所面临的责任与挑战可以帮助你调整与他人共事的方式,并且最终使你变得更有价值、更受尊敬、更有影响力。 有UE背景的人在某些领域是能够很好地与PM相处的,有些办法能很好地帮助你探路,而无论你是否迈出了这一步。 领导力 不要只知向PM或其他同事索要具体的研究和设计成果,在很多情况下,其他同事很欢迎你能有主动性和创意,不过同时他们也保留不同的观念,只要把事做起来就能迅速公开和集中地进行具体地讨论,总好过停留在理论和臆测层面。 向PM问清楚他们的产品目标是什么 问清目标非常重要,体现在两个方面:第一,PM自己有可能之前没有仔细想过产品目标,你这一问后,有可能让你成为最受信赖的顾问之一并帮助他们建立目标。 第二,如果PM已经有了目标,那么你也就能清晰地建立一系列的目标和预期。如果他们的目标存在问题,你还可进行澄清和确认,并决定怎样让它回到正确的道路上。 帮助PM评估设计的各方面因素 不要只是提出设计方案然后让PM做决定,要让自己准备好参与讨论特定设计选择的影响,向他人展现你的设计背后的原因已经他们在更广范围内与产品远景和目标的联系,聆听PM怎么说并搞清楚他们拒绝或认可的理由。 提出带有远期规划的强烈建议 你所能提供的一些证据和经验将支持着你更紧密地成为产品的一份子,而不只是一个辅助的参考者。你也能从纷繁复杂的因素中做出决定的过程中得到锻炼,如果你立志想做PM的话这些很有帮助。 展现你对工作的远期规划将使你能成为团队中最重要的成员之一,并且能展现你有担负更多职责的潜力 --- 不管你现在的角色是什么。 帮助PM走出办公室 PM不应该对客户和用户视而不见,尽管有人是这么干的。你应该通过询问他们最后一次见用户是什么时候来帮助他们,把他们带入到正式或非正式的用户研究中,或者给他们讲在用户访谈中的一些有意义的故事,邀请他们下次同去。如果被拒绝了,下次继续邀请。 如果PM能自愿去拜访用户,让他们带上你。除了了解用户需求之外,这也是一个你有时间向PM求教他们的观点、兴趣与目标的好机会。 如果你真的无法把PM带出办公室,那就把用户们带进来吧。在这种情况下,应该没有哪个PM(包括其他开发成员)能找借口拒绝和用户沟通。
  • 学习并准备成为PM 因此,你想成为PM? 不知道从何做起? 除了上面提到的以外, 你还应该增加你在产品管理方面的知识,从中找到你为这一角色转变所需要的东西。 想想你迈向UE之路时候所做的事吧: 书、博客、会议、小组讨论、各种组织以及导师等,它们都发挥了很大的作用。如果你想成为PM,这些方式依然有效。 成为PM最好的条件是通过培训和会议。差点忘记提了,我们在IA 2007峰会: 你想成为产品经理 上有一个预备会议,这个半天的训练营上将会集中讨论如何从UE向PM的角色转变,包括如何更好地平衡你现有的技能以及怎样避免潜在的不足等。
ocean wu

初步了解信息架构_Yum.cn Design Studio - 0 views

  • 信息架构设计的思考方式1. 自上而下,在定义网站的整体结构前,先广泛了解商业意图和用户需求,最后来才考虑具体内容之间的关联。2. 自下而上,先理解内容的联系,通过遍历,剧情设计等手段,让该系统能够满足特殊用户的需求,然后才考虑更高层次的结构需要支持这些需求。
  • 分阶段的方式建立有效的信息架构1. 理解客户需求,背景和用户需求,阅读所有的现有文件,与利益群体作沟通,并且做出内容清单。 2. 引导测试用户参与卡片分类活动。 3. 通过卡型分类活动评估之前设计的分类,从中寻找分类的趋势。     合理划分类别的重点和相关的次序,通过分析找到工作流程的梳理过程。4. 做一个信息架构的草案出来。 5. 使用卡片评估的方式来测试设计出来的架构。     我们的卡片是每个流程的重点,信息架构草图是流程的框架,两者结合验证工作的重点是否有偏离;有计划还可以请相关人员进行可用性测试,对用户角色调研起到很重要的补充;6. 不要对第一次设计就成功带有过多的期望,寻找合适的措辞和分级可能会需要好几次重复的设计与评估。     可以分三次考虑,首先,初稿,了解信息架构的粗框架,类似与uml图示; 再次,从下到上的梳理用户的需求和流程的衔接;最后,从上到下,整理导航和系统使用框架,确定信息架构; 7. 把信息架构记录成网站的地图,当然这不是最终的网站地图,只有页面设计都完成以后,网站地图才会定稿。8. 使用剧情设计测试你的网站设计。(情景模拟)9. 让开发团队的其他成员也参与剧情设计和遍历,并且与他们分享测试的结果。10. 如果有可以,在进行正式开发之前,多做一些纸面原形或者低拟真原形的测试。.       通过visio制作demo 11. 建立一些文档,把关键的用户操作点都标注起来,这样可以给视觉设计和程序开发人员一些提示,保持开发能够充分利用前期设计的结果。
  • 设计过程中的产品有很多方法来记录信息架构设计的结果和收获,这里有几种常用的:1. 网站地图,它可以很好的表述一个网站的组织结构,但不一定要反映导航的结构。2. 带有注释的页面设计,页面设计决定了页面上的导航,内容,功能等元素,视觉设计和程序开发者可以根据这些注释更好的理解设计意图建立整个站点。3. 内容矩阵,站点所有的页面都放在一个内容矩阵里,并且为每一个页面都定义了应该显示的内容。4. 页面模板,页面模板在设计大型的站点或者企业内部站点的时候才会需要,它定义了某一类页面的内容的类型,全局的导航,栏目内的导航灯等。这个东西使用最多的就是CMS,内容管理系统。
  • ...1 more annotation...
  • 设计过程中的副产品1. 角色,角色设计为系统的设计提供了典型的用户目标,它能够把用户研究的开销缩减的最小。2. 原形,这是最终作品的模型,原形可以很简单,简单到用几张图片来表示未来复杂的网站(低拟真度原形),也可以比较复杂,拥有最终产品的一样的交互能力(高 拟真度原型),纸面原形的测试效果其实已经很不错了。通常原型设计会让整个信息架构活起来,所以,请尽量在设计定稿前多做原型的测试!3. 剧情,剧情设计时另一种可以让信息架构设计活起来的技术,它模拟了一个用户执行具体任务时如何体验整个信息架构的过程,也能够让团队的其他成员很好理解设计的意图。
  •  
    一、概念
        web上面很多,广而告知的有几个:
            A、信息架构 (information architecture) [名词]
             什么是「信息」?
            信息,数据与知识。
            数据是事实和数据......知识世人脑中的东西......信息正好处在数据和知识之间的混乱地带。
    因此,信息架构的工作在本质上就是将一些数据转化为让人看了或是接触了就可以转化为知识的东西,或者是将某种知识化为数据,让知识可以传递,再利用,或是两者都兼具的设计过程。
    而架构呢?简单的说,它包含三件工作:

    1.    架构设计 (Structruing) --首先他必须决定网站中信息的单元 (atom) 的大小 (或是称为粗细程度, granularity),并决定这些单元之间的关系。
    2.    决定组织方式 (Organization) -- 将这些组件组合成有意义的,具有特色的类别。有时又称为逻辑分类。
    3.    归类(Labeling) -- 给这些你所产生出来的每一个类别一个合适的名称。 
             B、信息架构,即信息组织的方式结构,在网站里,信息架构是一个站点对内容进行分类,并且建立交互来导航这些内容的设计。
ocean wu

界面设计测试规范_Yum.cn Design Studio - 0 views

  • 设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的 功能都可能在用户的畏惧与放弃中付诸东流。
  • 1.易用性: 按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
  • 2.规范性: 通常界面设计都按Windows界面的规范来设计,即包含"菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单"的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。小型软件一般不提供工具厢。
  • ...8 more annotations...
  • 3.帮助设施: 系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。
  • 4.合理性: 屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置。
  • 5.美观与协调性: 界面应该大小适合美学观点,感觉协调舒适,能在有效的范围内吸引用户的注意力。
  • 6.菜单位置: 菜单是界面上最重要的元素,菜单位置按照按功能来组织。
  • 7.独特性: 如果一味的遵循业界的界面标准,则会丧失自己的个性.在框架符合以上规范的情况下,设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。
  • 8.快捷方式的组合 在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些 在西文Windows及其应用软件中快捷键的使用大多是一致的。
  • 9.安全性考虑: 在 界面上通过下列方式来控制出错几率,会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题,使出错的可能降至最小。 如应用出现保护性错误而退出系统,这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路,并费时费力地重新登录,而且已进行的操作也会因没有 存盘而全部丢失。
  • 10.多窗口的应用与系统资源: 设计良好的软件不仅要有完备的功能,而且要尽可能的占用最底限度的资源。
ocean wu

53个css不可或缺技巧 - 碎月无痕 - 0 views

  • 1. CSS Based Navigation //基于CSS的导航 2. Navigation Matrix Reloaded //导航矩块翻转3. CSS Tabs //CSS标签4. CSS Bar Graphs //CSS条状图表5. Collapsing Tables: An Example //压缩表格:一个实例       6. Adam’s Radio & Checkbox Customisation Method //亚当的单选框和复选框的用户化方法7. CSS Image Replacement //CSS图像替代8. CSS Shadows(CSS Shadows Roundup) //CSS阴影(CSS阴影综述)9. CSS Rounded Corners Roundup (Nifty Corners) //CSS圆角综述(漂亮的拐角)10. Drop Cap-Capital Letters with CSS //用CSS实现首字母下沉
  • 11. Define Image Opacity with CSS //用CSS定义图像半透明12. How to Create a Block Hover Effect for a List of Links //如何给链接列表创建鼠标悬停的区块效果13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS) //用CSS实现引用(用JavaScript和CSS实现自动引用)14. CSS Diagrams //CSS图表15.CSS Curves //CSS曲线 16. Footer Stickallows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.页脚帖允许一个网站页面的页脚显示在在浏览器窗口的底部或者网站页面内容的底部中实际最底的一个。17. CSS Image Map //CSS图像地图18. CSS Image Pop-Up //CSS图像弹出19.CSS Image Preloader //CSS图像预载20. CSS Image Replacement for Buttons //CSS按钮的图片替换
  • 21.Link Thumbnail //链接缩略图22. CSS Map Pop //CSS地图提示23. PHP-based CSS Style Switcher //基于PHP的CSS样式改变24. CSS Unordered List Calender (CSS Styled Calender) //CSS无序列表日历(CSS设计的日历)25. CSS-Based Forms: Techniques //基于CSS的表单:技巧 26. CSS-Based Tables: Techniques //基于CSS的表格:技巧27. Printing Web-Documents and CSS //打印网站文档和CSS28. Improved Links-Display for Print-Layouts with CSS //用CSS改良打印布局的链接显示29. CSS-Submit Buttons //CSS提交按钮30. CSS Teaser Box //CSS内容摘要盒子
  • ...3 more annotations...
  • 31. CSS Tricks for Custom Bullets //对于定义式列表的CSS窍门32. Ticked Off Links Reloaded //用记号标出翻转的链接33. CSS Zooming //CSS缩放34. Creating a Star Rater using CSS //用CSS创建星型评价35. The ways to style visited Links //设计浏览过链接的方法 36. PDF, ZIP, DOC Links Labeling //PDF,ZIP,DOC链接的标注37. Displaying Percentages with CSS //用CSS显示百分比38. Image Floats without the Text Wrap //没有被正文包围的浮动图片39. Let visitors decide, whether or not will they open link in a new window //让访问者决定,是否会在新窗口带开链接
  • 40. Simple accessible external links //简单易用的外部链接 41. Zebra Table with JavaScript and CSS //用JavaScript和CSS实现多条纹的表格42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS) //用CSS实现垂直居中(用CSS实现水平和垂直居中)43. Unobtrusive Sidenotes //不引人注目的旁注44. Image Caption with CSS (Styled Images with Caption) //用CSS实现图像说明(设计给图像加上说明)45. Dynamic Piechart with CSS //用CSS实现动态饼图 46. Format Footnotes with CSS //用CSS实现布局脚注47. Hierarchical Sitemap with CSS //用CSS实现分等级的网站地图48. Snook’s Resizable Underlines //史鲁克的可改变大小的下划线49. Switchy McLayout: An Adaptive Layout Technique //马克布局改变: 一个自适应布局的技巧
  • 50. StyleMap: CSS+HTML Visual Sitemap //样式地图:CSS+HTML 形象化的网站地图 51. Custom Reading Width //自定义阅读宽度52. CSS Alert Message //CSS提示信息53. CSS Production Notes //CSS产品注释
ocean wu

IT项目管理-工具技术 - 0 views

  • 1.WBS工作分解结构 IT项目管理-计划-WBS 以WBS为主线的集成项目管理 以WBS模板和PBS自动生成WBS计划任务
  • 3.关键链 关键链管理FAQ-简单翻译 关键链进度管理的两个重点 再看关键链进度计划 关键链项目管理软件试用
  • ...6 more annotations...
  • 2.项目估算 软件项目中的功能点法估算-实例 软件项目中的功能点法估算-原理 COCOMOII成本估算模型 IT项目管理-计划-估算 软件项目计划-估算杂谈
  • 4.挣值管理 IT项目管理中的挣值分析 使用Project进行挣值分析
  • 5.QFD质量功能部署 QFD质量功能展开基础 软件产品QFD第一层分解 软件产品QFD第二层分解
  • 7.质量七工具 SPC统计过程控制-控制图 质量管理七工具
  • 8.TOC约束理论 高德拉特博士TOC总体解决方案 关于瓶颈管理TOC的九大原则 TOC和项目管理
  • 6.蒙特卡洛模拟 水晶球软件工具使用 多项目选择的模拟 IT项目组合风险分析
ocean wu

哈佛商业评论:推动业务模式创新 - 0 views

  • 三种业务模式创新战略包括:
  •  行业模式:这种方法包括创新"行业价值链"。您可以通过水平移向新行业来实现,就像英国维珍集团那样,从最初的音乐和零售行业转移向航空、铁路、饮料、金融服务等多种行业,从而利用其在消费者管理方面的卓越才能。   您还可以通过重新定义现有行业来实现,就像Dell 那样,通过消除渠道中间环节,与消费者直接联系,或者像Apple 那样,通过iTunes 直接为客户提供音乐。   行业模式创新还可以包括开发全新的行业或行业细分,这也许是最引人注目的方式,就像在过去10 年间,随着互联网的出现,Google 和其他搜索引擎公司所开展的工作那样。这种方式可以在竞争激烈的环境中利用还未被染指的空间并结合其独特的资质。
  • 收入模式:这种方法包括有关各公司如何通过重新配置产品(产品/服务/价值组合)和/或通过推出新的定价模型实现创收的创新方式。这是一种利用客户的体验、选择和喜好,也同时可以利用新技术的方式。   最近红遍全球的太阳马戏团(Cirque du Soleil) 是一个极佳的产品创新实例,该公司重新定义了马戏表演体验,将新旧元素重新结合在一起,改变了价值取向,并获得了新的目标受众。定价创新的又一经典实例是 吉列(Gillette) 公司的低价销售剃刀刀片战略。还有一个最新实例是Netflix,该公司推出了一种新的电影租用选择,为消费者提供包月租赁,而不是普遍的一次性基于产品的 租用结构。您还可以在数字化的现代市场中看到新的定价模型的身影,例如,音乐订购和手机彩铃等。
  • ...3 more annotations...
  • 企业模式:这种方法的创新包括企业结构和企业在新的或现有的价值链中的角色。这种方式的重点在于重新定义组织边界。   这种创新可以通过整合实现,就像日本的kieretsu 体系,该体系通常可以是由一个公司或跨行业联合企业所拥有且管理的供应链。举例来说,服装零售商Zara 通过生产部门将店铺创建的客户数据传递给设计人员的反馈回路,从而实现对服装设计进行有效管理。   您还可以通过专业化分工,使各组织将工作重心放在核心竞争力或高利润业务上面,而将其余业务外包,从而实现企业模式创新。举例来说,印度电信公司Bharti Airtel 将工作重心放在营销、销售和分销上面,而将大量实际IT 和网络功能外包给外部合作伙伴。
  • 所有这三种业务模式创新类型(也可以将这些类型相结合)都能够获得成功的财务成果。在这三种不同的业务模式创新类型所产生的财务绩效方面,我们没有看出明 显的差异。
  • 总结   由于预见到在各个行业将要出现的大规模变化,业绩出色的CEO 正在将工作重点放在业务模式创新上面,并将之作为获得竞争能力和成长发展的一个途径。为了达成此目的,企业领导可以利用三种主要的业务模式创新类型:行业 模式创新、收入模式创新和/或企业模式创新。这些业务模式创新方法可以单独使用,也可以结合在一起使用。   一个令人振奋的好消息是:通过恰当的战略和强有力的执行,所有这三种途径都能够获得成功的业务模式创新。但是,同时, 强调协作和合作的企业模式创新却是最为普遍的战略。在我们的研究中,寻求企业模式创新、关注协作和合作的公司所获得的财务收益绝对比得上使用其它业务模式 创新战略的公司所获得的成果。
ocean wu

数据挖掘解决的典型商业问题 - 0 views

  •  
    数据挖掘 ( Data Mining Forum )都是一个很时髦的词,尤其是在如银行、电信、保险、交通、零售(如超级市场)等商业领域。数据挖掘所能解决的典型商业问题包括:数据库营销 (Database Marketing)、客户群体划分(Customer Segmentation & Classification)、背景分析(ProfileAnalysis)、交叉销售(Cross-selling)等市场分析行为,以及客户流失性分析(ChurnAnalysis)、客户信用记分(Credit Scoring)、欺诈发现(Fraud Detection)等等。
ocean wu

DKP初步方案 - 0 views

  • DKP是一个积分制度。是从EQ这个游戏开始有人注意到。装备的公平分配。因为运气的问题。如果都用晒子来决定装备的归属。很有可能发生。一个很积极参加工会活动的人。一直都没好装备。一个运气好只参加一次的人。却有最好的装备。所以这个制度才被人发现和使用。但是因为各个工会的情况和游戏的情况不同。制度也有所不同。
ocean wu

网站推广计划书里有些什么? - 站长俱乐部 - 中国站长论坛 - 站长之家 - powered by bbsMax - 简约版 - 0 views

  • 雅娜网站推广计划书通过前期的改版和内容制作,初步完成了雅娜网站的整体结构和基本内容,现进入推广阶段,特拟定网站推广计划一分,总计划分步进行:步骤一:网站推广之硬指标的提升。主要针对网站的以下指数做推广工作1、Google PageRank值和Sogou Rank的提升。 方法是提高网站内容质量,从单一的企业网站产品推广等内容向美容技术性内容方向转变,以BBS为载体,解答产品使用和美容技术性问题为内容突破;大量更新一些技术性的文章在博客上;从前期的内容看,博客的优化相对比较成功,为提升PR的重要内容模块;提升的其它方法如提高反向链接将在以下内容中操作;当前PR值为2,为争提高到4以上;还需要不断改进内容;2、ALEXA排名。这一指标的提升来源出流量,所以提升ALEXA排名的关键就是提升流量当前网站的ALEXA综合排名: 4,061,286 争取达到100万以内;3、搜索引擎收录数。包括GOOGLE、BAIDU、YAHOO、SOSO、有道主要这引擎收录数当前网站的搜索引擎收录分别是:464 / 279 / 406 / 95 / 331争取达到2000以上;4、反向链接数。包括GOOGLE、BAIDU、YAHOO、SOSO、有道当前网站反向链接数:2 / 8 / 1533 / 7 / 217 争取达到1000以上;说明:以上为网站推广第一步,着力提升网站的这些指标,通过提升内容质量数量出发,来提高流量、同时可以提高热门关键字内容来吸引流量;其它通过发贴,回贴,论坛GS,友情链接的方法来提高这些硬指标;步骤二:网站合作。1、广告合作。2、网站之间战略合作。3、产品渠道合作等等。
ocean wu

22个国外电子商务系统 - 互联网 - JavaEye新闻 - 0 views

  • 如果你只想在网站中简单销售几样东西,部署一个完整的电子商务平台就小题大做了,下面的这些轻量级系统可以满足这个需求。 E-junkie 最适合销售可下载数字素材,虽然也可以用来销售有形商品,但需要注意处理好扣税,发运等事宜。 FatFreeCart 同样由 E-Junkie 团队开发,适合于使用 Paypal 和 Google Checkout 做结算的业务,只需将他们的代码放到你的网站,并修改产品信息。 Big Cartel 适合设计师和艺术家在网上销售他们的作品。 在 WordPress 博客中开店 以下产品适用于在你的 WordPress 博客中开一个小店。 WordPress e-Commerce plugin WordPress 下最著名的电子商务插件,和 WordPress 完美结合。 eShop WordPress 下的电子商务插件,包括众多有趣功能,比如统计,订单处理,可定制的邮件模板。 Shopp 并非免费,但很好用,同 WordPress 完美集成,有很好的模板标签文档。 WordPress MiniCart WordPress 下的非常轻量的购物车插件,可以嵌入到帖子中,还可以用作捐款插件。 著名 CMS 系统下的购物车集成 以下电子商务产品可以集成到众多著名 CMS 系统中。 Drupal & e-Commerce Drupal 有两个专门开发的电子商务模块,Ubercart & Drupal e-Commerce。 Ubercart 二者中用户最友好的一个,拥有一个动态社区和很多好功能。 Drupal e-Commerce 该 Drupal 模块可以在 Drupal 站点中创建电子商务应用。 E-Commerce for Joomla VirtueMart 是可以集成到 Joomla! 的一个开源电子商务平台,使用 Ajax 技术。 SilverStripe SilverStrip 并不需要额外集成电子商务系统,它本身已经内置。 Django webshop with Satchmo 尽管 Django 更适合开发者而不是设计师,但你应该知道 Satchmo,这是一个可以同 Django 站点完美集成的购物车程序。 E-Commerce with Ruby On Rails Spree 借助 Ruby On Rails 的强大功能,实现了非常出色的购物车,内置 Google 流量分析,支持超过50种结算方式。 开源电子商务平台 以下平台虽然相对复杂,且需要一定的编程基础,但它们是最佳电子商务方案。 Magento Magento 应该算是最好的开源电子商务平台,拥有高级统计,客户组管理,众多结算接口,强大的管理界面等等,唯一的遗憾是它的主题机制有些复杂。 PrestaShop PretsaShop 是一个专业的开源电子商务平台,拥有很多优秀的功能和管理界面。 ZenCart 由一个活跃的社区开发并维护的开源购物车,安装非常简单。 收费电子商务平台 如果你不愿在开源系统上花时间研究,以下收费电子商务系统值得一看。 Shopify 价格还算合理,可以试用,适合那些对技术不太在行的人使用。 Foxycart 和 Shopify 类似,可以帮助你处理电子商务的所有后台工作,几乎可以集成到任何 CMS 系统。 托管式电子商务服务 如果你不愿在技术上花费任何时间,以下托管式电子商务服务适合你。 CafePress! 如果你想在网上销售自己设计的 T 恤衫或咖啡杯,日历什么的,这个服务商可以帮你完成打印,发运一系列工作,你只需设计就是了。 Lulu 你可以在上面自助出版书籍。 CreateSpace 这是 Amazon 的一项服务,你可以在上面销售你的书,唱片或摄影作品。 DeviantArt DeviantArt 是一个社会化网络社区,艺术家和设计师可以在这里卖自己的作品(这也是在网上寻找免费素材的一个绝佳去处 - 译者)。
‹ Previous 21 - 40 of 47 Next ›
Showing 20 items per page