Skip to main content

Home/ 互联网之'我的阅读'/ Group items tagged 网页设计

Rss Feed Group items tagged

ocean wu

网站分析常用的指标 - 网站推广运营 - SEO资料 - 问鹤SEO - 0 views

  • 内容指标指的是衡量访问者的活动的指标,商业指标是指衡量访问者活动转化为商业利润的指标
  • 网站分析的商业指标 平均订货额 Average Order Amount (AOA) 计算公式:平均订货额=总销售额/总订货数 指标意义:用来衡量网站销售状况的好坏 指标用法:将网站的访问者转化为买家当然是很重要的,同样重要的是激励买家在每次访问是购买更多的产品。跟踪这个指标可以找到更好的改进方法。 转化率 Conversion Rate (CR) 计算公式:转化率=总订货数/总访问量 指标意义:这是一个比较重要的指标,衡量网站的对每个访问者的销售情况 指标用法:通过这个指标你可以看到即使一些微小的变化都可能给网站的收入带来巨大的变化。如果你还能够区分出新、旧访问者所产生的订单,那么就可以细化这个指标,对新旧客户进行分别的统计。 每访问者销售额 Sales Per Visit (SPV) 计算公式:每访问者销售额=总销售额/总访问数 指标意义:这个指标也是用来衡量网站的市场效率 指标用法:这个指标和转化率差不多,只是表现形式不同。 单笔订单成本 Cost per Order (CPO) 计算公式:单笔订单成本=总的市场营销开支/总订货数 指标意义:衡量平均的订货成本 指标用法:每笔订单的营销成本对于网站的盈利和现金流都是非常关键的。营销成本的计算各人有不同的标准,有些把全年的网站营运费用摊入到每月的成本中,有些则不这么做,关键要看那种最适合自己的情况。如果能够在不增加市场营销成本的情况下提高转化率,这个指标就应该会下降。 再订货率 Repeat Order Rate (ROR) 计算公式:再订货率=现有客户订单数/总订单数 指标意义:用来衡量网站对客户的吸引力 指标用法:这个指标的高低和客户服务有很大关系,只有满意的用户产品体验和服务才能提高这个指标。 单个访问者成本 Cost Per Visit (CPV) 计算公式:单个访问者成本=市场营销费用/总访问数 指标意义:用来衡量网站的流量成本 指标用法:这个指标衡量的是你的市场效率,目标是要降低这个指标而提高SPV,为此要将无效的市场营销费用削减,增加有效的市场投入。 订单获取差额 Order Acquisition Gap (OAG) 计算公式:订单获取差额=单个访问者成本(CPV)-单笔订单成本(CPO) 指标意义:这是一个衡量市场效率的指标,代表着网站所带来的访问者和转化的访问者之间的差异 指标用法:指标的值应是一个负值,这是一个测量从非访问者中获得客户的成本。有两种方法来降低这个差额,当你增强了网站的销售能力,CPO就会下降,这个差额就会缩小,说明网站转化现有流量的能力得到了加强;同样的,CPV可能升高而CPO保持不变或降低,这个差额也会缩小,表明网站所吸引的流量都具有较高的转化率,这种情形通常发生在启用了PPC(pay per click)的计划。 订单获取率 Order Acquisition Ratio (OAR) 计算公式:订单获取率=单笔订单成本(CPO)/单个访问者成本(CPV) 指标意义:用另一种形式来体现市场效率 指标用法:用比率的形式往往比较容易为管理阶层所理解,尤其是财务人员。 每笔产出 Contribution per Order (CON) 计算公式:每笔产出=(平均订货数X平均边际收益)-每笔订单成本 指标意义:每笔订单给你带来的现金增加净值 指标用法:公司的财务总监总是对这个指标感兴趣的,代表了你花了多少钱来赚多少钱。 投资回报率 Return on Investment (ROI) 计算公式: 投资回报率=每笔产出(CON) /每笔订单成本 (CPO) 指标意义: 用来衡量你的广告的投资回报 指标用法:比较你的广告的回报率,应该把钱分配给有最高回报率的广告,但是这个回报率应当要有时间段的限制,比如“25% RIO/每周”和“25% RIO/每年”是有很大差别的。
  • 网站分析的内容指标 转换率 Take Rates (Conversions Rates) 计算公式:转换率=进行了相应的动作的访问量/总访问量 指标意义:衡量网站内容对访问者的吸引程度以及网站的宣传效果 指标用法:当你在不同的地方测试新闻订阅、下载链接或注册会员,你可以使用不同的链接的名称、订阅的方式、广告的放置、付费搜索链接、付费广告(PPC)等等,看看那种方式是能够保持转换率在上升?如何增强来访者和网站内容的相关性?如果这个值上升,说明相关性增强了,反之,则是减弱。 回访者比率 Repeat Visitor Share 计算公式:回访者比率=回访者数/独立访问者数 指标意义:衡量网站内容对访问者的吸引程度和网站的实用性,你的网站是否有令人感兴趣的内容使访问者再次回到你的网站。 指标用法:基于访问时长的设定和产生报告的时间段,这个指标可能会有很大的不同。绝大多数的网站都希望访问者回访,因此都希望这个值在不断提高,如果这个值在下降,说明网站的内容或产品的质量没有加强。需要注意的是,一旦你选定了一个时长和时间段,就要使用相同的参数来产生你的报告,否则就失去比较的意义。 积极访问者比率 Heavy User Share 计算公式:积极用户比率=访问超过11页的用户/总的访问数 指标意义:衡量有多少访问者是对网站的内容高度的兴趣 指标用法:如果你的网站针对正确的目标受众并且网站使用方便,你可以看到这个指标应该是不断的上升。如果你的网站是内容型的,你可以针对不同类别的内容来区分不同的积极访问者,当然你也可以定义20页以上的才算是积极的访问者。 忠实访问者比率 Committed Visitor Share 计算公式:访问时间在19分钟以上的用户数/总用户数 指标意义:和上一个指标的意义相同,只是使用停留的时间取代浏览页数,取决于网站的目标,你可以使用两个中的一个或结合使用。 指标用法:访问者时长这个指标有很大的争议,这个指标应结合其它的指标一起使用,例如转换率,但总体来说,较长的访问时长意味着用户喜欢呆在你的网站,高的忠实访问率当然是较好的。同样的,访问时长也可以根据不同的需要自行设定。 忠实访问者指数 Committed Visitor Index 计算公式:忠实访问者指数=大于19分钟的访问页数/大于19分钟的访问者数 指标意义:指的是每个长时间访问者的平均访问页数,这是一个重要的指标,它结合了页数和时间。 指标用法:如果这个指数较低,那意味着有较长的访问时间但是较低的访问页面(也许访问者正好离开吃饭去了)。通常都希望看到这个指数有较高的值,如果你修改了网站,增加了网站的功能和资料,吸引更多的忠实访问者留在网站并浏览内容,这个指数就会上升。 忠实访问者量 Committed Visitor Volume 计算公式:忠实访问者量=大于19分钟的访问页数/总的访问页数 指标意义:长时间的访问者所访问的页面占所有访问页面数的量 指标用法:对于一个靠广告驱动的网站,这个指标尤其值得注意,因为它代表了总体的页面访问质量。如果你有10000的访问页数却仅有1%的忠实访问者率,这意味着你可能吸引了错误的访问者,这些访问者没有啥价值,他们仅仅看一眼你的网页就离开了。这是你应该考虑是否广告的词语产生了误解。 访问者参与指数 Visitor Engagement Index 计算公式:访问者参与指数=总访问数/独立访问者数 指标意义:这个指标是每个访问者的平均会话(session),代表着部分访问者的多次访问的趋势。 指标用法:与回访者比率不同,这个指标代表着回访者的强烈度,如果有一个非常正确的目标受众不断的回访网站,这个指数将大大高于1;如果没有回访者,指数将趋近于1,意味着每一个访问者都有一个新的会话。这个指数的高低取决于网站的目标,大部分的内容型和商业性的网站都希望每个访问者在每周/每月有多个会话(session);客户服务尤其是投诉之类的页面或网站则希望这个指数尽可能地接近于1。 回弹率(所有页面)Reject Rate/Bounce Rate 计算公式:回弹率(所有页面)=单页面访问数/总访问数 指标意义:代表着访问者看到的仅有的一页的比率 指标意义:这个指标对于最高的进入页面有很重要的意义,因为流量就是从这些页面产生的,当你对网站的导航或布局设计进行调整时尤其要注意到这个参数。总而你是希望这个比率不断地下降。 回弹率(首页)Reject Rate/Bounce Rate 计算公式:回弹率(首页)=仅仅访问首页的访问数/所有从首页开始的访问数 指标意义:这个指标代表所有从首页开始的访问者中仅仅看了首页的访问者比率 指标意义:这个指标是所有内容型指标中最重要的一个,通常我们认为首页是最高的进入页面(当然,如果你的网站有其他更高的进入页面,那么也应该把它加入到追踪的目标中)。对任意一个网站,我们可以想象,如果访问者对首页或最常见的进入页面都是一掠而过,说明网站在某一方面有问题。 如果针对的目标市场是正确的,说明是访问者不能找到他想要的东西,或者是网页的设计上有问题(包括页面布局、网速、链接的文字等等);如果网站设计是可行易用的,网站的内容可以很容易地找到,那么问题可能出在访问者的质量上,即市场问题。 浏览用户比率 Scanning Visitor Share 计算公式:浏览用户比率=少于1分钟的访问者数/总访问数 指标意义:这个指标一定程度上衡量网页的吸引程度。 指标用法:大部分的网站都希望访问者停留超过一分钟,如果这个指标的值太高,那么就应该考虑一下网页的内容是否过于简单,网站的导航菜单是否需要改进。 浏览用户指数 Scanning Visitor Index 计算公式:浏览用户指数=少于1分钟的访问页面数/少于1分钟的访问者数 指标意义:一分钟内的访问者平均访问页数 指标用法:这个指数也接近于1,说明访问者对网站越没兴趣,他们仅仅是瞄一眼就离开了。这也许是导航的问题,如果你对导航系统进行了显著的改进,应该可以看到这个指数在上升;如果指数还是下降,应该是网站的目标市场及使用功能有问题,应该着手解决。 将浏览用户比率和浏览用户指数结合起来使用,可以看出用户是在浏览有用的信息还是厌烦而离开。 浏览用户量 Scanning Visitor Volume 计算公式:浏览用户量=少于1分钟的浏览页数/所有浏览页数 指标意义:在一分钟内完成的访问页面数的比率 指标用法:根据网站的目标的不同,这个指标的高低有不同的要求,大部分的网站希望这个指标降低。如果是搞广告驱动的网站,这个指标太高对于长期的目标是不利的,因为这意味着尽管你通过广告吸引了许多的访问者,产生很高的访问页数,但是访问者的质量却是不高的,所能带来的收益也就会受到影响
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

带页码的翻页体验与设计比较 - JunChen - 0 views

  • Amazon 商品列表页的翻页 是五个网站中唯一一个区分访问过、没访问过的链接的颜色; 不需要“上一页”、“下一页”的时候就不显示; 第一页的链接永远存在; 告知用户列表总数量和当前显示的数量(Amazon有些页面将数量显示在列表顶部); 不提供所有的页,上图中 400 页是极限,400 页之后的内容可以通过分类选择来缩小范围(同时给出提示)
  • Google 搜索结果的翻页 富有创意的设计; 不需要“上一页”、“下一页”的时候就不显示; “上一页”“下一页”的链接区域很大,容易点; 不提供所有的页,上图中 100 页是极限,100 页之后的内容或许可以更换关键词重新搜索,但是没有提示。
  • Flickr 照片列表的翻页 “上一页”“下一页”永远显示,但不同情况显示不同样式; 按了“上一页”或“下一页”之后则边框加粗(成为重点),引导你继续往下点; 告知用户列表的总数量; 数量少得情况下,提供了“最后一页”的链接(图上没有); 可以访问到所有的页,可惜如上图所示超过一定的页码,显示上有问题(IE 和 FF 都这样)。
  • ...3 more annotations...
  • 新浪文章留言部分的翻页 新浪评论部分的翻页,Ajax 可以拖动翻页(显摆用的); 永远提供“第一页”“最后一页”“上一页”“下一页”的链接,但是样式基本一致没有差别; 告知用户列表的总数量; 提供批量翻页(“上 10 页”)。 但是在新浪博客(新浪比较有代表性的新产品)中,我们也可以看到以下相对比较粗糙的翻页:
  • 新浪博客的翻页 给出了“最后一页”的链接,直接显示为“第 n 页”,如上图中的“第 7 页”; 在单个博客页面上的翻页,以“>>”作为下一页,而不是常见的“>”; 提供了批量翻页(“上 5 页”)。
  • 淘宝商品列表的翻页 永远显示“上一页”“下一页”,并且状态和形状有区分;上一页使用率较低,所以设计的较小; 永远提供“第一页”“最后一页”的链接; 提供页面的跳转,但是默认值为当前页; 在列表的顶部右侧提供了一个简化的翻页,并且与底部的翻页设计一致。
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

站长网站宣传推广必备的几种方式(免费篇) - 0 views

  • 5.邮件、QQ消息群发虽然垃圾邮件都很痛恨,但是如果主题及内容尽心设计一下,对于一些娱乐性网站还是很有效果的。最主要的是成本很低。qq的消息群发也是非常好的方法,现在网上有一些群发器,同时现在比较流行的QQ群,可以多加入一些人们的群,不定期的发布一些网站相关的最新消息。
  • 1.搜索引擎登陆(主要关注baidu,google,yahoo) 目前对于绝大多数的站长来说搜索引擎带来的流量绝对占60%以上。具体登陆可以参见“alexa排名及搜索引擎登陆实践 -我的个人门户建设之路(二)” 一文。里面还包括了alexa的登陆。这里强调一点就是那些什么上千的搜索引擎登陆入口的基本没用,成功率低,登陆了后效果也很差,几乎没流量。重点关注baidu,google,yahoo,这里重点提baidu,很多娱乐性网站的站长都是靠他而活,不然也不会出个反百度联盟。baidu的爬虫很勤奋的,网站开通不久基本上就会被收录的,对于站长来说如果你想网站长期发展就不要作弊就可以。娱乐类的网站只要内容丰富,开通一段时间后就会有大量百度来的流量。google的收录及排名相对困难,初期可以考虑一下做竞价广告。
  • 3.论坛宣传 先收集与你网站相关的访问量较大论坛的网址,然后以你网站的域名和中文名称作为用户名注册,签名档改成你网站的介绍,网站名称最好加大、加粗、染成红色(一般的论坛都支持ubb代码),头像最好设计成网站的logo并要有网址。 基本工作做好就可以发贴,千万别直接发广告贴(又叫AD贴),会被删甚至封ID。可以选择多种形式。比如:a.发原创性文章,内容可以是介绍自己的网站的建设之路,个人对动漫的理解后面附作者的名字和连接;b.即使发布你网站特色的服务项目或者最新更新的内容,比如你们提供什么免费的服务,或者推出某个有个性的服务。c.灌水贴,抢沙发,一般的论坛都会有一群人喜欢讨论一些有意思的话题,有些热门的帖子会被回复到10页,你也可以发起这样的讨论,或者第一个回复别人的讨论,那么你的签名档就会被很多人看到。针对性强的论坛宣传效果是很好的,但是也比较耗费时间。比较适合网站建设初期。贴吧也是一个很大的论坛。
  • ...5 more annotations...
  • 4.病毒式营销,口碑式营销 这种是最被推崇的一种方式,让网友帮你宣传,让他们之间互相传播。就想前一段比较或的百万首页,就是靠博客的力量炒作起来的。由此可以借鉴就是你要想出一个很有新意的东西,让大部分都都感到很特别,他们才会愿意帮你宣传。比如:学习gmail的推广方法,用邀请的方式,你可以提供一个最新的电影或动漫下载,或者一些网上比较难找到的资料,或者比较有意思的页面,比若以前比较流行的祝福、算命等页面在QQ里传播。如果你有论坛最好邀请一些其他论坛有知名度的过来当斑竹,可以适当给一些补偿。比如VIP会员帐号等。
  • 2.友情链接交换、网址站登陆、目录网站登陆dmoz,yahoo,163等 友情链接交换原则可以在不同时间设定不同的,网站刚开始的时候没有PR值也没有alexa排名,交换的门槛就会低一些,同类型网站,被google,baidu收录,网站定期更新的就可以。如果能找到一个高pr值的连接是最好的。但切记不要广泛连接,数量不要太多,而且内容最好可以互补。当网站有了pr值和访问量后基本要求就可以改本大于等于你的pr值,排名相当,访问量相当就可以。友情链接目的:增加连接广泛度,提高pr值,提高被搜索引擎收录的机会。带来的访问量基本上不会很多。网址站登陆有些网址站象hao123,265的流量都非常的大,但是让他们收录也是比较困难的,可以尝试申请,也可以找一些流量稍微小的申请收录。目录网站dmoz是最重要的,可以参考“为什么DMOZ对于网络如此重要?”。当然也是比较难收录的。中国只能访问他的镜像网站ch.dmoz.org.其他目录只有163的比较容易申请。直接到论坛发贴申请,只要是比较正规的网站都会收录。
  • 7.原创文章向传统媒体投稿这就比较考验你的文笔功夫了,但是如果主题新颖的话也很有可能被一些报纸杂志刊登,不但网站的致命度提高还能获得相应的稿费。以前很喜欢看电脑报,我浏览的很多硬件的网站都是从那里获得的,基本上电脑硬件网站的站长都同时是各大媒体的写手。
  • 8.适当学习seo第一点里就提到了搜索引擎,这里再提一下seo,提醒适当的网站优化是绝对能够提高网站被搜索的几率,同时也会提高一些排名,但是过份的优化是绝对会遭到搜索引擎的惩罚的,千万不要抱有侥幸心理。搜索引擎优化的基本知识应该是站长必备的。
  • 6.网摘,blog宣传网摘站本意是可以让每个人把自己喜欢的文章或者经常上网浏览的网站保存并与大家分享。但现在基本上已经成为了各大站长推广自己网站的工具,他们都是各大网站站注册ID然后发别自己网站的文章,也可以带来很多的流量,同时如果被其他人收录又会帮自己宣传。现在网摘站很多比较大有365key,博采中心,新浪 ViVi等等,可以参考http://www.rss8.net 这个网站。blog 是现在非常流行的一种方式,是给每个人提供一个空间可以发表自己的文章或者生活随笔等与他们分享。现在各大博客网站也推出了企业博客的概念,作为个人站长也完全可以利用,开设自己网站的博客经常发一些网站的更新内容或者网站的文章,如果文章比较好被推荐到首页不但提升了流量,网站的知名度也提高了。 注意更新blog要把握度,千万别被认为是spam blog(垃圾博客)
ocean wu

科学与艺术兼顾的有效网页视觉设计 - 以用户为中心的设计 - 0 views

  • 理性 基于科学考虑的功能性图形设计也就是我们经常讨论的GUI,它主要服务于系统化平台的交互系统,协助、指导用户顺利完成期望的任务流程,一般我们接触到的视觉设计元素包括: 图片按钮; 导航设计; Banner动画或静态设计; 表单样式设计; 表格、数据、文字表现设计; logo设计 以及图形化不强的页面文字排版、空白布局设计
  • 为什么现在有很多GUI都想转行做UI或ID(interaction design),而忽视视觉设计的价值?我觉得这里面有下面几个原因: 市场恶性竞争,促使视觉审美下降,从而导致创意制作的贬值。所以,除去个别优秀的视觉设计师,处于中间或下层的设计师很容易失去自我价值的鼓舞而放弃自己的初衷,希望能够寻觅一个新的行业方向。而根据现在的市场需求,UI、ID应该是一个比如容易切入的方向,毕竟通过理论的补充,可以在很短时间内有效的提高设计师自身的设计理念而适应新的行业需求。 还有一个原因也是上面提到的市场需求决定了设计师对可用性和用户体验的关注,目前大多数设计师都服务于综合性媒体的网络公司,这样也就局限了他们创意设计的需求,取而代之的更多是对实用性,高效性的页面设计要求,所以学习相关的理论知识以适应公司发展需求是非常容易理解的, 最后就是设计师本身的自我定位,据我所知,国内目前并没有一个很好的针对网页视觉设计或用户中心设计的专业培训,所以,入行的设计师未必都有很好教育背景,大多都是因为兴趣爱好或市场需求而不断调整自己在整个行业中的角色,就业的需求,再加上诸如UCDCHINA理论资源的不断涌入,让很多本就不成熟或说对自己职业方向不明确的设计师,看到新的适合空间,所以这样的转行也是完全可以理解的。
  • 感性、个性 再说说基于视觉艺术考虑的视觉冲击设计,这类型的设计自由空间大,没有太多理论约束,更多体现出个性元素的概念,其多运用于概念产品、时尚产品、游戏娱乐等独立站点或个人Portfolio Gallery站点里。 上图是来自http://www.rhythmoflines.co.uk/   尽管我们不断推崇务实的简约设计概念,但是另类的创新艺术表现还是不时的冲击着我们不断变化的行业趋势。这类设计的好处在于: 容易创新出新型的交互设计模式; 增加产品自身的品牌价值,也就是我们所说的“化腐朽为神奇” 深刻的视觉冲击,有利于品牌形象的传播; 具有艺术收藏性,树立流派典范; 激励不同类型的设计尝试; 不过如果从实用性来考虑,它可能也会存在下面的不利之处: 生存周期相对较短,也就是高投入未必能带来长期利用率; 浏览文件大,需要更多下载时间,如果平衡的不好,很容易起到负面效果; 兼容性考虑不够,比如插件要求,分辨率要求等; 目标群体的局限性; 总的来说,根据具体运用和项目的商业策略的不同,我们在设计管理上也应该做相应的平衡,是提高有效的视觉传达?还是个性品牌的冲击? 这就如同我们在科学与艺术直接需要平衡点一样。
ocean wu

网站优化规范16条细则要求 - 0 views

  • (1)网站栏目结构合理,栏目设置不要过于复杂;(2)网站导航清晰且全站统一,通过任何一个网页可以逐级返回上一级栏目直到首页;(3)网页布局设计合理,网站设计符合用户浏览习惯;(4)重要文字信息尽可能出现在网页靠前位置;(5)字体清晰,CSS风格协调一致;(6)最多3次点击可到达产品详细内容页面;(7)通过网站任何一个网页不超过3次点击可达到站内其他任何一个网页;(8)遵照搜索引擎为管理员提供的网站优化指南,通过网站结构和内容等基本要素的优化为搜索引擎检索信息提供方便,不采用任何被搜索引擎视为垃圾信息的方法和欺骗搜索引擎的方式;(9)网站首页、栏目首页及产品内容页面均有一定的文字信息量;(10)每个网页有独立的、可概括说明该网页核心内容的网页标题;(11)每个网页有独立的、与该网页内容相关的META标签设计;(12)每个网页有独立的URL;(13)产品内容页面URL尽可能简短且体现出产品属性;(14)产品/企业新闻详细内容页面是独立网页不是弹出窗口;(15)对于产品品种多的企业网站,要有合理的产品分页方式;(16)网站内容保持适当的更新周期。
ocean wu

2009年海外Web设计风潮(上)_斐派精准 - 互动体验,精准营销 - 效果为先,见效付款,承诺效果 - 0 views

  • ...73 more annotations...
  • 2. 富UI 现代 Web 中的 UI 变得越来越漂亮,越来越好用。过去的一年,Web 中的 UI 有了显著提高,有了一种接近桌面的感觉。Ajax 和 Flash 被广泛使用。 特别是我们比去年看到了更多留白区域,还看到很多现代的 UI 技术会显示用户同系统之间交流的视觉状态,比如,按钮在正常和被按下时显示不同的样子,用户同系统交互时能及时得到反馈,另外,越来越多的服务可以被用户定制。
  • 1. 凸版印刷风格 这种风格有些出人意料,可能因为之前很少有人使用。该风格在在各种主题的网站中都有,但主要用于产品设计或在线服务类网站。
  • 3. 透明 PNG 使用 PNG 实现透明虽然不被 IE6 支持,却在过去的一年大行其道。设计师们似乎正在尝试将背景图片和内容融合并实现一些印刷媒体的风格。比如,将 PNG 半透明图片放到整体背景的某个区域上,用来加亮显示这个区域,如标题或声明。一些 PNG 同名技术还用来实现灯箱框效果。 Smashing Magazine 去年曾有篇使用透明效果实现创意设计的文章,很多设计师在他们的作品中开始尝试这些技巧。有趣的是,透明效果常被用于页首和页尾部分,不过也有些例外。
  • 4. 巨大字体 以前的文章中我们曾介绍过巨型字体设计,2009年,巨型字体设计还会风行,尤其是那些设计社,以及展示型,产品介绍型,或在线服务型网站,他们会使用巨型字体显示重要信息。 巨型字体设计中使用的字号往往超过36px,设计师们对字体编排注入了更多关注,以实现更漂亮,更连贯,更值得信赖的站点。
  • 6. 灯箱效果 灯箱框是第二代弹窗,它们比第一代基于 JavaScript 的弹窗更友好,可以让用户将注意力集中到最重要的部分。这些窗口一般由用户的某个行为激发,并显示在其它内容的上层,他们有时候是半透明的,并包含一个关闭按钮。
  • 5. 代用字体 设计师们还把更多注意力放到字体上,虽然经典的 Web 字体,Helvetica, Arial, Georgia 以及 Verdana 等仍占主流,一些代用字体正浮出水面(如 sIFR)。 有趣的是,这些字体会和设计无缝地衔接,设计师们似乎并非为字体而字体,而是要将字体同他们的设计结合在一起实现更漂亮的效果。
  • 7. 媒体块 随着宽带接入的普及,用户现在可以承担更丰富的内容,设计师们也借机提出更有吸引力的内容。越来越多产品网站使用媒体块显示视频,让用户更容易理解这些内容。用户只需靠在椅子上看视频,不需要一步一步往下点,这些食品通常比较短,直奔主题,虽然很正规,但也包含一些娱乐性。 不过请注意,视频应当是你内容展示方式的次要选项,并不是所有人都有宽带接入,也不是所有人都喜欢有视频播放(他们可能正在后台听网络收音机或播放音乐),另外,也不是所有人都启用了 Flash 和 Javascript。
  • 8. 杂志外观 传统印刷媒体设计中使用的编排技术也出现在 Blog 设计中,文章的编排,文字排版,图片甚至对其方式。基于网格的设计也很流行,但主要用于展示与产品页以及大型博客,极少用于公司网站或网店。
  • 9. 滚动幻灯导航 幻灯片水平和垂直滚动,可以向不同方向滚动,当前项加大加亮。这种导航技术可以让用户快速直观地浏览站点中的内容。一般常用语娱乐性网站,另外,设计者还可以使用该技术展示他们的作品。
  • 10. 在重点位置做形象展示 网站的左上方一般是一个站点最重要的区域,因为那是用户注意力最集中的地方。因此,在那个部位放上网站中最重要的信息是明智之举。 事实上很多设计师正是这样做的,不管是 Web 程序,公司网站,在线服务还是作品展示,设计师们将口号或简介性内容放在那里,并使用醒目的排版给用户以良好的第一印象。这些内容长短不一,不管哪种方式,但它们都占据可观的空间,一般横跨整个幅面,高度在250到400之间。不过这些形象展示性区域一般并不用于博客或在线商店。
  •  
    2009 Web 设计风潮 1. 凸版印刷风格 2. 富UI 3. 透明 PNG 4. 大字体 5. 代用字体 6. 灯箱框 7. 媒体块 8. 杂志式样 9. 幻灯滚动 10. 重点展示区域
ocean wu

2009年海外Web设计风潮(下)_斐派精准 - 互动体验,精准营销 - 效果为先,见效付款,承诺效果 - 0 views

  • 反 Box 式布局 单页布局 多栏布局  巨型插图与多变背景 更多留白 社会网络元素 讲解式导航菜单 Status elements (Flickr, Twitter et al) 动态 Tab  超大搜索框 Category visuals 作者头像图标 (这也算?-译者) 图标和视觉引导 Tag 索引 (取代 Tag 云) 插图风格 水彩风格 手写风格 怀旧风格 有机纹理或照片背景 证章风格 价格标签风格  条带风格
  • ...51 more annotations...
  • 2. 单页布局 单页布局是使用一个单一的页面展示站点的全部内容,这并不意味着站点内容少,这个页可能很复杂,包含了大量图形和动画效果,加载的时间也会有些长。比如,用户点击导航菜单后,该栏目下的新内容会在旧内容处通过渐入渐出,滑入滑出等动画效果显示出来,而页面其它部分始终保持不变。(白宫的最新网站的首页就有这个意思 - 译者)
  • 3. 多栏布局 多栏布局(大于3栏)通常比较复杂,但通过适当设计,会对访问者带来更好的访问体验。最近几年,Web 内容爆炸,用户停留在一个网站的时间越来越少,就要求  Web 设计者尽可能有效地展示数据,既要让访问者多停留,又要让他们更容易发现他们希望看到的内容。
  • 多栏设计一般用于杂志布局或展示型布局站点,一般使用网格布局技术实现。多栏布局一般使用概述/细节式结构,首先用多栏展示概述式内容,然后进入详细内容的展示。Mozilla Labs 就是一个很好的例子。
  • 4. 巨型插图式与多变背景设计 象巨型字体主导当前 Web 设计一样,巨型插图风格设计似乎也正流行起来,巨型插图可以和巨型字体的结合使用,带来更吸引人,更生动的效果。 另外,设计师们越来越喜欢使用那些色彩鲜艳的图形提供背景,包含各种风格,抽象画,剪贴画,剪贴簿,装饰画,怀旧,水彩,有机纹理以及照片背景等。
  • 5. 更多留白 这是近年来最值得期待,也是最有意义的 Web 设计风潮,设计师们在页面留白方面越来越慷慨。(这也是我非常欣赏的一种风格,只可惜在我们国内,仍有大量的客户认为满当当的页面说明你的公司实力雄厚 - 译者。)
  • 6. "社会"网络元素 任何人都喜欢流量与认可,在 Web 设计中加入社会网络元素,可以鼓励你的访问者参与进来。(不过在 Web 2.0 日渐式微的今天,也许满页花里胡哨的社会网络元素正逐渐变得让人厌烦 - 译者)
  • 7. 解释风格的导航 传统的水平导航条,一般是一些标题连接或图标链接,用户很难从这些短短的信息中真正知道这些导航所代表的内容,解释性导航会在栏目导航菜单上提供进一步解释内容,让用户更好地理解这些栏目代表的内容。
  • 这类导航一般使用更容易表达内容的大图标,加解释性文字,鼠标 Hover 效果也必不可少。
  • 8. 动态 Tabs 这类设计一般在页面加载时,将多个 Tab 中的内容一次性加载,通过 Javascript 或 CSS 效果,实现鼠标指向某个 Tab 时,该 Tab 中的内容立即显现。(微软官方站近一年来一直是这个设计风格的代表。- 译者)
  •  
    1. 反 Box 式布局 2. 单页布局 3. 多栏布局 4. 巨型插图与多变背景 5. 更多留白 6. 社会网络元素 7. 讲解式导航菜单 8. Status elements (Flickr, Twitter et al) 9. 动态 Tab 10. 超大搜索框 11. Category visuals 12. 作者头像图标 (这也算?-译者) 13. 图标和视觉引导 14. Tag 索引 (取代 Tag 云) 15. 插图风格 16. 水彩风格 17. 手写风格 18. 怀旧风格 19. 有机纹理或照片背景 20. 证章风格 21. 价格标签风格 22. 条带风格
ocean wu

转:海尔内部的网络公关指导文件 - 0 views

  • 为了更好的利用网络这个平台,增加海 尔厨房在网络上正面帖子的数量,宣传海尔品牌,总部制定了网络管理推进平台,各分中心、专卖店必须严格按照此平台操作,总部将根据各分中心的执行情况进行 考核。
  • 一、网络推进工作操作步骤    增加正面帖子的操作步骤:    (一)、每个分中心确定若干网络管理员(管理员统计表见附表1),将网络管理员的信息填写好,分中心分以下两种形式:    1、  既有直营店,也有专卖店的分中心:直营店由店长担任;专卖店由设计总监或设计师担任(也可由其他人担任)    2、  只有专卖店的分中心:由每个专卖店设计总监或设计师担任(也可由其他人担任)    (二)、各分中心网络管理员在百度(www.baidu.com)搜索引擎上用12个关键词搜索,注意在搜索时每个关键词前加上当地分中心,例如:青岛海尔厨房、青岛海尔橱柜、青岛海尔厨房投诉……以此类推。在搜索每个关键词时,只需浏览搜索结果的第一页即可。关键词如下:        1、 橱柜        2、 厨房        3、 整体橱柜        4、 整体厨房        5、 海尔橱柜        6、 海尔厨房        7、 海尔整体橱柜        8、 海尔整体厨房        9、 海尔橱柜投诉        10、海尔厨房投诉        11、海尔整体橱柜投诉        12、海尔整体厨房投诉    (三)、在用12个关键词搜索后,根据搜索结果排查出3个当地浏览量较大的网站(在搜索结果中排名靠前、出现次数较多的网站,有关家居、建材、团购类最好),搜索完毕后,请填写“附表1”中的“每个网络管理员排查出的三个网站网址”一项,并反馈总部    (四)、全国网络管理员在各自搜索的3个当地网站上注册一个统一的ID“allgreen”    (五)、总部定期给全国网络管理员提供帖子(每周5篇,每周末发下个星期帖子),网络管理员在收到总部帖子后,进行当地化修改,并用已经注册的ID“allgreen”将帖子在排查出的三个网站的论坛上发表,每天一篇。    (六)、发表上帖子后,注意关注发布的帖子,并以楼主的身份进行回复并顶贴。帖子内容要灵活多变,可以在总部提供的帖子基础上结合当地促销、活动、畅销产品等信息。    删除负面报道的操作步骤:    (一)、每个网络管理员在百度(www.baidu.com)搜索引擎上搜索12个关键词(关键词见步骤二中),注意在搜索时,每个关键词前加上当地分中心名称,例如:青岛海尔厨房、青岛海尔橱柜、青岛海尔厨房投诉……以此类推。在搜索每个关键词时,只需浏览搜索结果的前两页即可。     (二)、用每个关键词搜索后,记录搜索结果中的前两页关于尔厨房的负面报道的题目、网址等,将记录反馈总部(负面报道反馈表见附表2)    (三)、全国各网络管理员每星期反馈一次负面报道搜索结果
  • 二、网络管理员工作职责    (一)、在排查出的当地三个重点网站上,保证用注册的统一ID将总部提供的正面帖子每天更新并回帖,并努力将帖子顶为热门贴、精华贴。    (二)、保证每个星期排查一遍网络上的负面报道,并在每个周末及时反馈总部排查结果(见附表2)。    (三)、保证当地网络信息畅通、及时,有效的增加网络上海尔厨房的正面帖子和杜绝网络上负面报道的传播。
  • ...2 more annotations...
  • 三、网络管理员的激励政策    (一)、对于直营店、大卖场的网络管理员        1、总部将根据网络管理员的工作效果(包括是否每天发贴,是否每个星期及时排查负面信息等),正激励100-200元/月不等        2、对于工作执行不到位的网络管理员,负激励100元/月    (二)、对于专卖店的网络管理员(由产品经理监控)        1、总部考核专卖店网络管理员的工作效果,(包括是否每天发贴,是否每个星期及时排查负面信息等),由经销商正激励100-200元/月不等        2、工作执行不到位的网络管理员,由经销商负激励100元/月
  • 总部将在每月对网络管理员的工作效果进行通报,将根据总部的通报情况考核兑现。
  •  
    为了更好的利用网络这个平台,增加海尔厨房在网络上正面帖子的数量,宣传海尔品牌,总部制定了网络管理推进平台,各分中心、专卖店必须严格按照此平台操作,总部将根据各分中心的执行情况进行考核。
ocean wu

B2c杂思:首页的第一使命 - 0 views

  • 用什么来衡量首页刺激和捕捉新用户兴趣的能力?       把首页定位为入口,在目前统计信息有限的情况下,可以把主动触发率或者说二跳率可以作为首页优劣的主要参照指标:从首页点开其他页面的用户比例越大(而不一定是平均打开的页面越多),这个首页就越好。
  • 如何提高首页的二跳率。        观察B2c的首页,常见三种取向:第一种首页基本无单品,以图片加文字引导的“集中二跳点”为主,吸引人尽快再点一次;第二种首页列出大量商品,希望通过总有几款打中用户眼球,最常见;第三种是前面两种的平衡或混合。
  • 单品在概率意义上普遍低命中率,对用户兴趣的匹配覆盖面不够大、刺激不够强。       可以大胆作出以下推论:        1.  如果品类较多,首页罗列多个独立品类,每个品类列出几款推荐产品(或畅销产品),那么这几款推荐产品如果匹配用户兴趣不成功,用户很可能会对整个品类丧失探究兴趣。       我们已经知道,单品的兴趣命中能力是比较低的,这几款典型商品在吸引部分用户的同时,推开了更多的用户;        2.  如果品类不多,首页大量罗列商品,那么就是暗示用户首页已经有足够代表性,如果首页见不到适合刺激自己兴趣的商品,用户就可能离开(为了缓解这一点,可以强化“下页”或“更多”)。       由于首页用户未被按兴趣分流,用户不得不行走在大量无感觉商品中寻找可能感兴趣的商品,按照前述单品弱小的发现,每个单品能够刺激到的用户比例是很有限的,因此这个寻找效率很低,首页即使有大量商品罗列,仍然难以覆盖很大的访问人群,会丢失相当的用户;        3.  如果首页主体位置只推荐很少几款单品,而不强调品类列表入口,那么将有大量用户对这几款具体商品不感兴趣而离开,风险很大;
  • ...5 more annotations...
  • 最理想的首页,既不罗列商品,也不按门类推荐典型商品,而是按照用户的潜在分类(商品品类、功用、消费力、行为倾向),以图文形式呈现多个入口,进入下一级的商品列表;       这些入口起到了过滤分流的作用,在更狭窄的匹配面上,可以保证在查看下级商品列表时有较高的兴趣命中率;       这些图文形式的入口,面积不要太大,要明显象入口,图片的选择和文字引导一样都非常重要,集中传递信息、强化刺激。        狭窄的匹配划分+强化的刺激,就是首页提高二跳率的关键法门。
  • 不同的b2c,其新用户稳定性结构不同:       通过熟人口碑、媒体报道等信任途径而来的用户,带有解决某种问题、寻找某个东西的动机的用户,购买理性类商品的用户,有较好的探索耐心;通过引擎、广告而来的用户,只是随意逛逛没有特别目标的用户,比较缺乏探索性,短时间内没接触到匹配自己兴趣的东西,以及刺激不够强度,很容易就会跑掉;男生和女生有耐心的东西是不一样的。。。       根据新用户稳定性结构的不同,首页可以采取不同的取向。前面的讨论主要针对新用户稳定性差的b2c,例如女装。
  • 还有一点也很重要,就是给首页做减法,那些只有少量用户感兴趣、点击率低的东西,如果无法改造就取消,减少对用户注意力的分散,先把新用户引到最有可能刺激用户的商品列表或促销页面。
  • 在新用户对商品开始感兴趣之前,很少人关注没有结合具体商品或品类的全场促销政策,例如全场性的送分、买N送N、折扣,这些东西不用花太大面积强调。全场促销不如分散差异化的局部促销。       在新用户对商品开始感兴趣之前,用户不关心物流和运费、不关心积分政策,这些没必要在显著位置。       首页显示的社区内容看的比摸的多,点击率通常很低,主要用来暗示人气,不需要期待用户去点击,因此小面积+快速动态就好。
  • 通过集中刺激——分流,通过集中匹配——转化。
ocean wu

10 Useful Usability Findings and Guidelines - Smashing Magazine - 0 views

  • 可用性是一个网页设计的一个重要方面。无论你是工作在一个投资组合的网站,网上商店或Web应用程序使网页便于和您的访客使用乐趣,是关键。许多研究已经做了关于网络和接口设计的各个方面这些年来,其结果是在帮助我们改进我们的工作很有帮助。这里有 10有用的可用性和准则的调查结果 可以帮助您改善在您的网站的用户体验。
  • 研究已进行了以找出正是影响人们对网站的公信力的看法:史丹福Makovsy网站可信度研究2002年:调查什么做网站可信的今天什么原因导致Web站点可信吗?是大型的定量研究报告计算机要件诚信
  • 最近的研究证明,用户相当滚动,在某些情况下,他们愿意滚动到页面底部的舒适。许多用户都更愿意与比1分页滚动,和页面的最重要的信息,许多用户并不一定是放置倍以上“,”(这是因为现有的各种显示分辨率相当陈旧,过时术语)。因此,它是一个好主意,分为扫描,方便的分隔它们很多空白,部分布局。如需进一步信息,请看一看看的文章 展开的折叠 (Clicktale), 寻呼队滚动 (威奇托大学-氓), 爆破的褶皱神话 (框和箭头)。
  • ...6 more annotations...
  • 研究发现, 平均搜索框18字符宽。数据显示,27%的查询太长,以适应它。 扩展到27个字符框可容纳90%的查询。请记住,您可以设置宽度使用EMS,不只是像素点。一时间是宽度和一个“米”字高(使用任何一个网站的字体大小设置为)。因此,使用这种措施的规模文本输入字段宽度为27字符宽。
  • 版式研究:行高(像素)÷体复制的字体大小(像素)= 1.48 1.5通常建议经典印刷书籍,所以我们的研究印证了这样的经验法则。很少有网站使用任何低于这一标准。而网站的数量减少到了1.48,你从这个值进一步。线路长度(像素)÷行高(像素)= 27.8 平均线长度为538.64像素(不包括利润和填充),这是相当大的考虑,很多网站仍然在身体副本是12至13日在字体大小像素。之间的空间段(像素)÷行高(像素)= 0.754 原来,段间距(即两者之间的一个段落的最后一行,并在第一行的空间下),很少等于领导(这将是完美的垂直节奏的主要特征)。很多时候,段落间距只有75%,领先段。原因可能是,领导通常包括由下伸了空间,而且由于大多数字符没有下伸,额外的空格线下创建。每行的字符数是55最优至75 根据经典的印刷书籍,每行的字符之间的最佳人数是55和75,但75至85每行的字符在实践中更受欢迎。
  • 博客设计研究:布局通常有一个固定的宽度(基于像素)(92%),通常为中心(94%)。固定布局宽度不等的951和1000像素(56%)。首页显示10到20个(62%)的摘录。58一个网站的总体布局%用于显示的主要内容。
  • Web窗体设计研究:登记环节的题目是“注册”(40%),并在右上角上。注册后便形式简单的布局,以避免分散注意力的用户(61%)。在输入字段,标题是粗体(62%),田间地头,是垂直排列超过他们的水平排列(86%)。设计师往往包括一些强制性的领域和一些可选字段。电子邮件确认没有获得(82%),但密码确认(72%)。“提交”按钮为左对齐(56%)或中心(26%)。
  • 组合设计研究:89%的水平布局集中,其中大部分有一个较大的水平导航菜单。47.2%的投资组合有一个客户端页面,67.2%,有一些独立的网页服务的形式。63.6%的人对每个项目的详细页,包括案例研究,鉴定,与截图,汇票和草图幻灯片。联系页面包含行车路线,电话号码,电子邮件地址,邮寄地址,电子名片和在线的形式,
  • 其他资源15宝贵的可用性你从来没有听说过PDF文件15个重要研究结果你应该知道10其他研究结果你应该知道良好的可用性介绍11惊人的发现从眼动研究25个非常有用的可用性作弊表和清单10可用性调查结果提高销售和客户忠诚度Web窗体设计准则:1眼跟踪研究
ocean wu

Designing Websites for Kids: Trends and Best Practices - Smashing Magazine - 0 views

  • 您希望如何设计一个漂亮的,五颜六色,刺激的网站,很迷人,令人难忘,并允许您让您的创造性思维流,而无需担心传统的可用性和最佳做法太多了?在今天的网页设计市场,这是罕见的,这样一个项目将提出本身-除非你被要求设计一个适合儿童的网站!为儿童设计的网站上长期被忽视的文章的网页设计和设计综述,但也有许多美丽和有趣的设计元素和儿童的网站,是值得讨论和分析,提出了布局。还有 最佳做法是独有的网络儿童设计的网站数量 -应该通常不会在一个典型的网站试图做法。这篇文章将展示一个数字的针对儿童的流行的商业网站,有一个趋势,元素分析,用来帮助保持儿童的兴趣,刺激技术。
  • 可用性测试最后,最好的方法来帮助孩子建立一个成功的在线经验之一就是通过观看儿童浏览和与网站互动的游戏和其他独特的功能。并不是所有的公司将具有广泛的测试预算,但几乎所有有能力这样做至少有小量的测试- 即使它只有一个孩子。这将允许您查看通过一个孩子的眼睛的网站进行必要的修改,相同会在任何可用性测试工作。像迪斯尼,芝麻街公司,和PBS当然,一直在研究多年的儿童行为,所以上述例子展示了许多可以利用的形式作为成功的儿童网站的基础上,即使没有可用性测试完成。
  • 常规和非常规的最佳设计一个孩子网站的做法总结。传统的最佳实践创建元素,视觉上令人难忘的大使用明亮,鲜艳的颜色刺激感官从自然因素纳入在设计中创建深入地址是导航元素大,很容易找到使用视频包括打印内容打破网格可用性测试的基础上进行修改非常规最佳实践创造幸福,令人疑惑使用动画人物使用图形重型导航栏使用Flash动画十分嵌入议案和声音触发负载页包括一个“游戏”一节更改光标作出贡献的主题添加声音导航翻车事故负责对儿童和家长一个网络设计师,谁已就儿童的网站工作很可能会说,这是一个最有趣的和有趣的项目,他们已经有工作的特权。如果你有机会创建一个用户体验,是针对儿童,一定要按照有关的网站都展示了一些行之有效的方法,在这里讨论,你的网站将有很好的机会成为一个有孩子的巨大成功。
ocean wu

网站SEO分析_关键词的位置、频率和组合 - 1 views

  • 1、注意看关键词的位置、频率和组合。 2、针对搜索引擎友好性和用户体验优化设计的网页标题顺序应该是 内容页标题+栏目页标题(列表页标题或专题页标题)+频道页标题+网站标题
  •  
    注意看关键词的位置、频率和组合。 针对搜索引擎友好性和用户体验优化设计的网页标题顺序应该是 内容页标题+栏目页标题(列表页标题或专题页标题)+频道页标题+网站标题
ocean wu

Taobao.com UED Team » Blog Archive » 心流与情感设计(上) - 0 views

  • 我们使用网站,这一切的活动事实上都是在围绕着一个东西:信息。扩展开来,我们的一切活动都是在围绕着信息做交互。
  • 心理学家齐客森米哈里(Mihaly Csikszentmihalyi)将这种关注的注意力称为“精神能量 psychic energy”。就像我们日常生活中的能量一样,没有能量就没法工作,每次工作就会消耗能量。我们都应该有过这样的体验:有段时间,我们会全身心地投入到 某种事情中,将我们的集中注意力完全集中在这件事情上,所谓的废寝忘食。齐客森米哈里把这个状态称为“心流 flow”。心流是:忘我、忘记时间、忘记其他所有不相关的东西,完全沉静在某项事物或情境中。
  • 我们并不需要去学习专门的课程或者使用新的软件来为心流而设计。事实上你也许已经踏上了为心流而设计的道路。开始心流设计之路,就是去考虑每一步交互之后应该出现的结果,然后,去掉那些影响用户达到这个预期结果的所有阻碍。
  • ...6 more annotations...
  • 为所有用户行为提供即时反馈能够减少用户的焦虑感。有效地使用布局、信息设计、排版、交互设计和信息架构可以平衡挑战感和用户的技能等级。
  • 心流:当用户在完成交互行为时需要高技能水平,并且通知感知到高挑战,且两者达到某种平衡时就会有心流的体验产生。最生动的例子莫过于玩游戏。任何游戏一定会提供一定的难度给玩家,并常常伴有过关打boss等设计来让玩家感知挑战。 控制:在驾车的时候,是需要高的技能——驾驶的,但是挑战感并不强,这时,能够感觉的就是控制感。当然,提高挑战感,例如赛车,能让某些人着迷,从图上可以看出原因,因为他们进入了心流状态。 放松:放松性的阅读和品美食就属于高技能和低挑战。 无聊:做家务,需要有一定的技能水平,但是却不能让人感觉到挑战,所以做家务事一件很无聊的事情。 冷漠:当交互行为的技巧低而面对的挑战也低的时候,但是这样就无法产生持续上升的心流,也会出现心流体验。这种情况下是一种冷漠。例如看电视,我们沉浸于其中,但事实上整个身体、心理并没有很激动地参与,而表现出了冷漠、无感情。 忧虑:在不参加太多逻辑的争论的过程中(当然不是参加辩论赛),有一定的挑战却没有要求很高的技能。表现出的就是忧虑的情感。 焦虑:在做一些例如重复性的工作,死记硬背文章的时候,由于技能水平低却完成高挑战的任务,就会出现焦虑。 激励:当工作技能提升或者学习水平提高等,有一定的驾轻就熟之感,这时,工作和学习就有一种激励的感觉。
  • 心流通道的概念。
  • 将心流理论应用到我们的实践中去,我在这里根据心流产生的原因来一一阐述。 清晰的目标 首先,我们要理清我们设计的流程,将我们的逻辑信息构架、导航、搜索路径尽可能清晰地展示给用户。尽量的让每一个页面只完成一个目标,且清晰。减少选择,让用户能够很快地做决策。强大的网站应该是像在一个高档的餐厅,客户用餐,除了体验到美食,也同时体验到了优质的服务。可惜,现在的大多数网站都像是在做自助餐,在你面前摆上无数种选择,认为这是在尊重用户意愿。就像自助餐一年难得吃几次一样(大部分人认为自助餐是性价比高,在利益的驱动下去吃。),这样的自助餐模式网站开始看起来不错,但他们忽略了用户总是懒惰的这个事实,用户总是期望有人一步步告诉他该做些什么,于是慢慢地用户就会失去兴趣——因为他们总是不知道该干些什么。 提供及时的反馈 Donald博士在《设计心理学》这本书中 在说明执行/评估周期(Excution/Evaluation Action Cycle)时,有对反馈做比较深入的阐述。在这个周期的评估阶段,用户会去比较现实发生的和他们预期发生的事件之间的差别。及时的反馈有助于用户评估之 前所作的操作是否有助于更进一步地接近目标,以便用户重新调整操作或者进入下一个操作步骤。所以在页面上我们会关注页面加载速度,加快反馈时间。另外,我们应当尽量及时且清晰地让用户了解计算当前在做些什么,用户刚才的操作有哪些影响。例如在进行某些操作的时候,用户总能获得刚才的操作成功与否的反馈。 尽量设计相应的挑战以迎合用户的操作技能 在上述关于心流通道的概念中,我们已经解释了在一定的挑战感结合一定的用户的操作技能下,用户才能进入“心流”状态。在《软件观念革命》中 所述的针对新手、中间用户和专家用户设计的观点与这点其实是类似的。这就要求我们在每个流程、每个页面设计之初要理解该页面为谁设计,以便来制定界面的复 杂程度。对新手访问的页面,设计简单、清晰的结构,以便他们迅速学会界面。对于专家用户,除了增加页面的复杂度,同时可以加入页面定制的功能。在白鸦的只把20%拿出来中,白鸦说:“不要试图一下子把什么都抛给用户,他们根本接受不了。需要用你20%的对用户最有吸引力的东西在0.3秒内搞定她的神经,然后勾引她自己去发现另外的80%”。这也是在平衡挑战感和用户操作技能。广泛地,《和谐界面》提出的“5W+H启发式(5W+H heuristic)”中的“谁/为什么(Who/Why)”也如出一辙。
ocean wu

13个网页设计必备的Firefox扩展 - 0 views

  • IE Tab浏览器兼容是所有Web开发者都要考虑的问题,IE Tab能够让您再Firefox中以IE的渲染方式来呈现页面,并且可以方便的在两者之间切换。
  • Style Sheet Chooser IIStyle Sheet Chooser II 允许浏览者或开发者迅速的在为同一页面编写的不同样式之间来回的切换,甚至能够保证被选择样式应用到该站点的全部页面上. Style Sheet Chooser II 会覆盖Firefox内置的样式表切换器[style-sheet-switcher].你可以用多种方式来调用它:a. 通过"查看"[View]->"页面样式"[Page Style]下面的选项;b. 通过工具栏[Toolbar]的一键切换;c. 通过状态栏[Status Bar]的图标按钮;小提示: 是否在状态栏和工具栏中显示图标,可以在扩展偏好[Extension Preference]中设置
  • CSSViewer一款小巧的CSS属性查看器,随着鼠标的移动显示当前所指示元素的CSS样式信息,其中包括了所有从父级元素继承而来,用户自定义以及浏览器自定义的样式信息. 同Style Sheet Chooser II 一样,你也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。
  • ...10 more annotations...
  • CSS validator用W3C的CSS标准来校检页面,在新页面中显示校检结果,不过只对包含了CSS样式文件的页面起作用,例如http://www.w3.org/其快捷按钮既可添加在右键菜单中也可添在工具栏上
  • ColorZilla 2.0ColorZilla的主要功能有:将浏览器页面内的任何一点转换为16进制的颜色字符串,方便您快速的将其粘贴到其他的CSS样式中;通过缩放页面来测量其上任何两点之间的距离;从内置的调色板中选择预置的颜色,并把最常使用的颜色添加到自定义的调色板中;
  • FireShot 0.59FireShot能够方便的创建页面的截图[略缩图],相比于其他的扩展,FireShot提供了一系列的编辑和注释工具,方便你快速的修改所捕获图像或者添加文本,图像注释. 这些功能对于网页设计者,测试者,和浏览者都很有用, 此外用户还可以自己定制所要捕获的范围,是页面全部还是屏幕的可见部分
  • LinkChecker 0.6.3LinkChecker用于检查页面上超级连接的有效性,验证其是否已经损坏
  • Font Finder 0.5c选择一段文本或一个元素,单击右键并在菜单中选择"Font Finder",就能看到所选取对象的字体信息
  • LiveHTTPHeaders这个项目的目的是通过以下两种途径实时显示页面的HTTP请求信息:a. 在"查看页面信息"[View Page Info]中添加"头部信息"[Hearders]选项卡;b. 添加"工具"->"Web设计"[Tools->Web Development]菜单项;此外用户还能利用它修改HTTP Headers并发起新请求!
  • SearchStatus 1.26再你的浏览器中显示Google的PageRank,Alexa排名,竞争力排名,高速关键字密度分析器,关键字高亮显示,后退/相关链接,Alexa的信息和其他的[SEO]搜索引擎优化工具.
  • FireFTPFireFTP,一款免费,高效,跨平台的FTP客户端,让你快速直观的访问FTP Server
  • MeasureIt 0.3.8通过可以绘制在页面任何地方的刻度尺来显示以像素(px)计算的宽度,高度,元素缩进量
  • Html Validator 0.8.5.2HTML Validator,一款为Mozilla和Firefox添加HTML验证的扩展,能够在状态栏的图标上标注当前页面的HTML语法错误数量,不仅会校检服务器发送来的HTML文件,也会校检内存中的HTML代码(通常为执行Ajax请求后的返回值)。
ocean wu

奥巴马在大选中的互联网应用分析 - 0 views

  • 奥巴马在大选中的互联网应用主要体现在三个方面:建立官方网站、“奥巴马无处不在”和网络广告营销。
  • 奥巴马的官方网站为他打造了一个注册成员超过百万的在线社区“我的奥巴马”(MyBO)。奥巴马官方网站47%的访问流量来自这个社区,其次才是首页(40%流量);而麦凯恩官方网站访问流量95%来自首页。
  • ...10 more annotations...
  • 在这个建立于2007年2月的在线社区里可以做些什么?“发现你所在地的活动与团体,联系你周边那些犹豫不决的选民,在blog上分享你的故事”。花费几十秒填写姓名、电子邮件地址、密码即可完成注册,进入社区。一个有效的美国邮政编码,就可以帮助你找到周边人群、活动和团体,由此融入政治共同体。 “我的奥巴马”社区中的电话呼叫功能 “我的邻居”、“我的团体”、“我的朋友”分别对应着经由地域、兴趣/话题/立场、现实人际关系区分并建立的社会网络。该社区还整合了选民数据库,让支持者们可以在线拨打电话给周边其他犹豫不决的选民。 事实上,在线游戏玩家们也会从该社区找到熟悉的元素:它有自己的任务系统,只不过那些任务需要在网下生活中完成:打电话、上门拜访、组织活动、募捐、成为志愿者。如何完成这些任务?社区用多种方式细致地进行指导。它会提示任务完成进度,甚至有积分、等级、排名的设置(2008年8月以后取消了积分与排名,代之以升级和“最近行动”提示面板)。
  • 通过“MyBO”,线上与线下、地方与全国、虚拟与现实被有机地整合起来,富于社区工作经验的奥巴马也建立起了他的核心支持者网络。通过手机短信和电子邮件列表,奥巴马可以在任何时间方便地把信息直接送到上千万人面前。 此外,流行文化元素的应用也让奥巴马的形象更亲切,例如网站上提供的富于感染力的手机铃声下载、专门为iphone用户设计的软件、一群支持奥巴马的著名音乐人制作的18首歌的专辑(点击可试听),等等。
  • 第二,“无处不在的奥巴马”(Obama Everywhere)成为奥巴马竞选团队的理念。除了建立官方网站,更要在最热门、最聚集人气的web2.0网站树立奥巴马的化身或者频道,让选民在自己最常用的互联网应用中就能接触到奥巴马的信息,就能与其他奥巴马的支持者建立联系与互动。
  • 通过互联网应用,建构无处不在的虚拟主体。如果不主动建立官方网站,主动在各热门站点建立具备传播、交流、行动能力的虚拟主体(形式可以是ID、帐号、档案、频道、页面等),就永远是被人谈论、搜索、质询的客体,在信息传播过程中无法占据主动权,传播效果也无从预料。对奥巴马竞选这样目的性极强的政治活动,这一点非常重要。同时这也将成为互联网时代的生存法则:小到个人,大到公司和组织,甚至国家政府,都需要建构这样的虚拟主体,并通过时间流逝和网络扩张来不断增强其信誉和社会资本。
  • 通过互联网应用,建构专属自己的、跨越不同媒介形态和平台的复合媒体,发布一对多的信息流。考察奥巴马诸多虚拟主体的网络日常活动,尽管它们不断地添加“好友”,但它并不像普通用户那样和这些“好友”进行互动。不论奥巴马还是他的竞选团队,都不可能去关注近百万个Myspace“好友”的日常动态,也不会去细读在Twitter上“追随”的十多万人的絮絮叨叨,不会回复在Youtube和官方blog上的无数留言。这仍然是一种“广播”,但却不是简单的“推送”,因为千万的受众是主动选择了这一主体来“接收”信息。
  • 这一“新媒体”被建构起来之后,其效率之高、成本之低都是惊人的。例如奥巴马团队在Youtube上传的视频中,有数十段都已获得上百万次浏览量,其当选后在芝加哥发表演讲的视频,上传两周后的浏览量超过360万次。而通过两年的选举活动拥有的超过千万的电邮地址列表、无数的手机订阅用户,则构成了这一“新媒体”规模最稳固可靠的保障。
  • 在SNS网站上出现的当然不是奥巴马本人,而是他的团队和部门,但这无疑打造出适应互联网用户认同的形象,从而聚集起更多支持者,进而为这些支持者提供彼此互动和联系的机会,编织起一张又一张社会网络。基于某种认同、“迷”(fandom)、共同利益和话题而建立起来的这些社会网络,在持续的互动中继续扩大规模,且用群体智慧带来更多普通人群创造的东西。
  • 在竞选成功后,奥巴马用以助选的各种互联网应用大部分暂停更新,告一段落。他立即开始建构符合自己身份的新的虚拟主体:例如下任总统官方网站,例如在Youtube上开通新帐号和频道“ChangeDotGov”以发布总统官方视频,如“总统每周致辞”,颇有点罗斯福当年“炉边谈话”的味道。看起来,奥巴马还将在自己的执政中尽可能地应用互联网。
  •  
    建立官方网站、"奥巴马无处不在"和网络广告营销。 新主体、新媒体、新社会群体无处不在的虚拟主体。建构专属自己的、跨越不同媒介形态和平台的复合媒体,建构自组织、自生长、自创造的社会化群体。
ocean wu

51.com流氓更懂细节和用户 - 0 views

  • 列举几个突出的设计: 一. 系统推荐新人一栏很有特色,男的登录,系统推荐一般显示三女一男,女的登录则显示三男一女,每刷新一次进行变换,对用户的心理把握很到位。 二. 用户注册完成的提示信息里加入了提示用户把户名和密码写在本上或记在手机里,实际而且人性化。虽说这个工作谁都能做,但没几个网站会认真的这么做。 三. 为了突出个人空间和个人主页(猜测),以求做到切入点专一明确。51将“乱弹一下”和“群组”两个功能放到公告一栏的下面。 四. 51多数网站都使用的如音乐、相册、记事本、通讯录等功能进行深度优化,使其易用性强、实用性更强,很好地迎合了会员的需要。 五. 个人用户管理中心最下两栏提供了常用网址和软件的下载以及链接,并能支持用户添加更多自己喜欢的链接,虽然每个网站都可以提供类似服务,51做得更细致。 六. 提供了详细的找朋友搜索功能,可以按照年龄、性别、有无恋爱史、地区、交友目的进行搜索。 七.51的激励机制非常具有蛊惑性,通过各种极具竞争性、引导性、奖励性、甚至是忽悠的机制设计,很好地让俊男美女们在网站里尽情地 PK.
  • 51的细节细在那???   51赚钱因为网站做得好,网站做的好又与其细节处理有很大关系,51之细,细在方方面面,以下列举几点: 1. 团队 要把事情做好,首先的有个好的团队,51就有一个非常好的“草根”策划团队,其总策划据说是个曾经摆过地摊的“网外人士”,但恰恰是这样的人,才深深的懂得每一类人想的是什么,需要的是什么。其团队既深悟互联网又洞悉用户心理。把现有的功能进行优化创新,使产品和应用更符合用户的胃口,这就是该团队的强项。(如:视频认证、大广播、新人推荐、礼物买卖、甚至通讯录) 2.定位 51的定位十分精确,其所有的服务都面向中低端人群,而整个中低端人群的需求——最直接的说法就是:泡与被泡!而且该人群极容易被忽悠,赚钱虽然不多但掏钱绝对慷慨。51的所有产品设定,都围绕一个主题,甚至在专业人士看来,其网站都显得很庸俗,为高品味人群所不齿,但恰恰就是这么做才能迎合中低端用户的需求。最后不要忘了中国的互联网人群还是中低端为主。 3. 产品 有几个突出点: 一、域名简单好记,易于传播;中低端人群对51的记忆绝对比对sina的记忆要好得多,名声再好对该人群来说也只是“浪得虚名”。 二、有视频认证,提升粘性和网站真实性,确保俊男美女能够在51里出人头地,让他们尽情享受泡和被泡的感觉。 三、俊男美女大量集中推荐在你的首页和网站的首页,其千娇百媚和玉树临风总会让你情不自禁地去点击,但是当你点到你最想泡的哪一位时,很可能会弹出这样的提示:您需要升级为VIP才能和他/她聊天或看到他的信息。最后就是乖乖交钱。 四、网站新人推荐、脚印、留言、回复等沟通功能优化得很好,交流十分方便;“泡”的速度无形中被加快了。 五、整个网站简单易用、用户易于理解,别看网站美工做得十分一般,但有许多都是故意而为之,非常符合中低端用户的需要,还有51的注册流程设计十分优秀。 六、网站的文化层次定位较好;符合不喜欢qq那么花,又不喜欢sina那么严肃的用户的需求,而这部分用户非常多; 七、51的群组非常红火,分类往往经过深思熟虑,页面简单方便十分利于沟通。 八、51首页的“大广播”。为什么要弄大广播?因为有很多人要充分表现自己才能以赢取芳心,如同交友杂志里页面底下的交友感言一样,用户可以发一段纯文本的文字,有机会在首页以走马灯方式显示。不过用户必须以手机方式确认,且每条信息支付2元钱。 九、51首页的“新人推荐”,占据了首页关键的位置,首页没有许多其他网站都有的好几屏内容——其目的就是为了突出最重要的“新人推荐”部分,让所有的帅哥美女很快被鲜花拥戴,而不是孤独寂寞。
ocean wu

30+ Professionally Designed & Useful Mac Applications | Web Resources | WebAppers - 0 views

  • FontcaseFontcase是一个优雅的字体管理软件。它综合了所有下一个精简的工作流程简单,原材料的权力。它举办了强大的标签系统,可自动处理您安装的字体。喜欢 iTunes的 音乐是Fontcase是字体!
  • 邮箱邮箱,由Mozilla技术驱动是一个强大的邮件管理与尖端已为新标准的电子邮件客户端软件的功能。它有一个强有力的信息,并自动完成功能,内容搜索。它提供了一个聪明的信息,并简化了邮件的机构,以及追踪他们的内容交换意见。它具有优越的消息处理和组织的功能,以及强大的安全功能。
  • DropzoneAptonic推断的拖放Mac功能,无限的可能性。利用核心动画功能,自适应网格系统,可以培养安装的应用程序都接受拖放。例如,通过删除一个文件到您的FTP客户端图标,FTP客户端将执行操作上载文件。或者,如果您要安装不做秀一个程序,则只需将安装到网格,软件将被安装。它提供了一个特殊的Flickr上传,您可以拖动图像的网格,它会立即上传到Flickr或保存它下降到区域中的文本。是有特殊的复制和移动网格文件功能以及 邮编 和电子邮件功能。由于Dropzone是在Ruby编码,任何人都可以编辑它以满足您的要求。
  • ...21 more annotations...
  • QueriousQuerious是一个SQL数据库管理应用程序在Mac OS X量身订做它提供了一个新的角度来理解和使用您的SQL数据库。功能丰富的查看,搜索,编辑,输入,输出,数据和结构; Querious提供几个点击的SQL工具域。它还提供CSV或标签文件,以便您可以查看speradsheet风格数据库的易用性,同时还支持数据导出多种工具。
  • 这份暗杀名单纠正的暗杀名单,以创新创造落实这项名单的混乱的生活。命中名单易于使用,您的文章,并有大量的热键,如果你想更有效。它有不同的卡一样,能够帮助你集中在一个时间或今天的名单提供了一个为某一天的事情的清单中列出一个工作的意见。它还与iCal同步,因此让你计划在咨询活动。由于计时器功能,您可以让您的活动跟踪Quickentry使得从任何设备和从任何地方名单不容修正。它还提供的AppleScript插件,扩大应用范围。
  • 时报你的新闻,您的方式。时报改造提出了新闻的艺术。 RSS阅读器不同,它表现为电子邮件消息,时代提出的一个地方,作为各种新闻和图片新闻。这使用户不同的和令人振奋的经验,使您的文件真正的个人文件。
  • 领结您的iTunes经验的提高。它允许您控制您的iTunes使用快捷键,并更新您的last.fm帐户。这是制定了一个JavaScript,CSS和XHTML添加了主题到您的领结。新增样式与领结您的iTunes。
  • 专业代码收藏家总之,代码收藏家Pro是你的代码段的钱包。它提供了易于片段组织工具,以及全球搜索键,可以通过与步枪非常有效的片段。它拖动文件到柬允许你创建一个文本文件拖动到其接口片段。它共享和传输功能使本守则收藏家临护照和一个钱包,来帮助你。
  • 科达一个硬编码的软件。科达是软件,可帮助您在从头开始建立一个网站,并协助与已知的传输FTP功能档案的管理。开发的恐慌,这是一个所有开发一站式解决方案。您可以管理文件,编辑代码,预览和调试从终端由科达提供的所有。调试是外包到Subversion,一个流行的调试工具。如果您仍丢失,已包括在程序员的软件服务台参考来指导你。
  • 直板Norml图标的混乱。此外,他们让你的Mac电脑局势一片。可以支配的直板机凭借其创新的图标您的桌面。设计您的Mac图标,以适应你的风格。它的包装,如iContainer,迅速下降,快速码头等它也可以连接为获得新的图标集iconfactory的功能。把你的计算机到您的涂鸦。
  • RapidWeaverRapidWeaver四是最好的工具,集成了所有的 网页 设计 特征。其屡获殊荣的特性提供了简单但最强大的接口,使网站的建立容易。这是斑驳陆离数据库包含任何网站类型的格式,由播客企业网站创建工具。它最大特点是一按出版社已出版的网站被吸入的痛苦了。您可以发布在网站的支持,内置的FTP,SFTP和MobileME部门。
  • 社会名流以前称为事件箱后,苹果软件的实时收购了3页的声誉有所增加。这个强大的软件,结合了来自Flickr,简易信息聚合,Twitter和其他帐户的社会账,在一个界面,您可以使这一次软件更新一次团伙。该社会名流2即将在11月推出!
  • 比林斯3在2009年苹果设计奖得主,符合网站的计费要求,即当您创建一个购物网站。它可以管理好你的钱比你还添加到它的风格。它的实时计费功能,可跟踪的时间和金钱。它可以使用这些数据自动发送发票到客户端谁欠你的钱。它还创建报表,这使得一个完整的会计配套服务,满足您的基本需要。发票的发言和可定制的同步与您的网站。
  • ExpanDriveExpanDrive是最终的USB你是否曾经想过,而不必担心它可能属于你的口袋里了。该ExpanDrive允许您远程访问您的文件,编辑和保存他们到自己。 ExpanDrive适合每程序数据,因此可以节省的任何程序数据。这好比一个硬盘驱动器从硬盘驱动器了。该ExpanDrive是由MACFuse由谷歌,这使得它易于处理任何本机Mac程序开发。它还具有耗电量的连接功能集支持的SFTP,FTP和亚马逊三取景。可笑吧?
  • 西尔弗贝克大猩猩是一个用户的测试软件,对所有适合Mac的软件。它提供了现场屏幕活动的可用性,参加视频采集,音频意见和飞行记录反馈功能的开发与出口。这真使大猩猩软件,均码!流动流是一个简单的FTP客户端的MAC支持,如FTP,SFTP发布,亚马逊三,WebDAV和MobileME部门iDisk的多方面的协议。它还港口,如快看,快看雾滴等一个直观的多种功能允许用户无需打开它得到的雾滴允许甚至没有运行的应用程序上载文件的文件内容。这些接口已流夺取文件传输客户端类的奖项地段upperhand。
  • PixelmatorPixelmator是一个美丽的设计工具,整合了简便和功能,以形成强大的图片编辑器。它提供了多种精确 选择 工具,产品组合的各种工具,绘画工具,所有匹配层basedimplementation。它还具有快速的校正工具和特殊效果的工具,它将打击你的脑袋。版本版本是一个颠覆,功能强大的调试客户前端应用程序。同一引擎为基础,让Subversion版本可用的新手,以及性感的用户。它包含了多种工具,可让您简化您的项目,与其他projectmembers,并提供方便的工具图标,Subversion的同步。其主要功能包括时间表,恢复到修订,固体SSH支持,书签分组和仓库工具。
  • 焦虑焦虑在这里为你做一些事情,减轻了一些麻烦你。重量轻做的列表管理软件,即可以同步iCal和邮件造成了一个精简的,易于访问的界面。这是伪装在任何环境你有你的系统,将出现在您召唤,或在需要时。Skitch阿有趣的图像采集和共享只需点击一下软件。通过媒体寺的支持,这是叽叽喳喳的图像。它使图像共享只需一次点击即可与您的网络谁可以发表评论,标签或分享,从而重新定义图像共享概念股了。这是新时代的相机 互联网.
  • 的CSS编辑CSSEdit帮助所有用户的青睐。它可以帮助您设计美观和创新以及业绩为中心的网站。该CSSEdit能够提供这些功能,由于其对样式表的重点,同时还具有功能,按照你的舒适程度。在选择生成器和先进的可视化编辑器将帮助您了解CSS和取得的惊人的敏捷完成工作。它还包括实时预览和智能源环境,减少时间的帮助。它还包括万能的X射线检查的网页,最好的CSS整个万维网调试套件。咖啡我们都醒来了一杯咖啡,同样的开发人员可以醒来Macrabbit的咖啡这是一个良好酿制的网站开发工具软件的完美结合杯所有。它为您提供了在开发过程中的统一,从而使其成为强大的,华丽而时尚的工具,可以让你上瘾的工作流程跳跃。
  • DeskShade安排桌面是坏的清理你的房间。有了Deskshade,你可以改变,因为它会帮助您清理。 DeskShade添加到您的桌面生活通过除去不需要的图标,提供了多样的调色板,可以恢复您的桌面。此外,它的动态背景,能够活跃您的桌面。其中一个DeskShade特色是DeskMovie,这里您可以玩而不被通知纠缠电影。CleanMyMac这是一个很好的桌面宠物。 CleanMyMac可以去除不需要的桌面文件和数据,只是趴在你的系统有两个左右的点击。 CleanMyMac功能,您可以顺利的系统性能相结合的埋地从你的应用程序不再使用超薄通用二进制代码,清洁不需要的语言,记录旋转,清洁缓存,快速和安全擦除,应用卸载,和杀死垃圾留下了这样的基本特征。总之,这可以帮助您保存的RAM容量和磅吨麦角让您的系统运行速度比它应该。
  • 涂鸦Scibbles可以帮助您将在您的涂鸦艺术涂鸦。这简化了绘图软件,并为每个用户级别的功能特性。它革命性的用户界面的方式否定二十年正常的做法,采取由图像 编辑 软件 并充分利用了新时代系统的力量。它提供了无限的空间,让绘画素描你想要的任何地方和中风的渲染工具把它转换到一个美丽的艺术。它还提供了1点击共享设施,能适应片剂接口。事情事情是又一个简单而强大的任务管理软件与设备的一系列的Mac兼容:iMac电脑,MacBook Air的,iPhone等它为我们提供了这样的项目,搜索,iCal的强大的管理工具的结合提供了简单直观的用户界面同步,iPhone同步,文件徽章,快速查询,聚光灯和巨大的AppleScript列表,可以添加到改变软件到您的特殊需求。诚然,是当之无愧的苹果软件设计奖2009年得主。
  • 续集专业续集Pro是SQL数据库管理软件,为用户提供良好的用户界面。这是定制的Web开发中的作用作出的同伴。它还提供广泛的连接解决方案。这是一个和蔼可亲的支持MySQL的应用程序的意见,充分表管理指数和多卡接口。它集成了一个强大的查询编辑器来突出你的错误,也有自动完成功能。没有后遗症临,因为它与任何形式的SQL数据库兼容的续集。DiscoApp如果你真的想与CD刻录应用到迪斯科,那么你需要一个像迪斯科专业软件。它创建了一个唱片,这是所有被烧毁的文件数据库。它横跨功能可以自动分割文件到多个燃烧会话如果数据不适合在一个光盘。迪斯科是通过每一个有明晰而不是由任何其他软件的领域划定敏锐的步骤,它指导您在与互动grapic用户界面应用程序界面的十字路口。对于高级用户,有电动工具,可以帮助确定多会话的支持和其他先进的功能。在烟雾功能显示进展情况,每一次您激活使用您的麦克风。
  • 美味图书馆2图书馆的美味多汁的2是一个软件,可以导入您的Mac iSight摄影机任何东西。它甚至会变得更加美味多汁的奖项,因为它sweeped一切已经找上门来。它可以导入任何东西的图书馆和分享上,让一个网络摄像头iSight摄像酒吧类似超市的代码在你的照片互联网上。由于其独特的向量处理器的代码重新调整图像,图像反卷积;美味图书馆是唯一的软件,该软件具有这种能力,扫描,只需在您的iSight前大量刷卡。仓库仓库是一个基于网络的应用为Subversion。这是简单的浏览器,让你对你的Subversion储存库控制以及分享您的信任与点击几组了。通过ssh代码没有更多的麻烦,仓库应用为标志点外围的行为,使你不会在代码的复杂性丢失。茶清
  • 茶清2.0让您对您的个人财务的完全控制。您可以输入数据的swish中,更容易理解分裂交易以及跟踪功能的智能采集和国旗交易功能理财。它也可以管理法案和打印报告,使你对你的财务状况慎重。它可以与iCal同步,并提醒您经常性支出以及与iPhone同步及时提醒你。它也有一个风格,它声当你有低结余警告。通知因为我们都使用的是谷歌邮件,但我们大多数人都没有与谷歌对话通知功能是很迟高兴。雅歌,填补这一空白,是由通知这是对谷歌邮件最好的通知应用程序。它有一个优雅的标签式界面,支持多个帐户,可以随时将您的邮件帐户的所有轨道。它也支持咆哮!
ocean wu

开发新产品所需要的十类文档 - 0 views

  • 《Communicating Design》里面也有10种~ Personas 角色设计文档 Usability Test Plan 可用性测试计划 Usability Reports 可用性报告 Competitive Analysis 竞争分析 Concept Model 概念模型(概念图) Content Inventory 内容清单 Site Maps 站点地图 Flow Charts 流程图(交互流程图) Wireframes 线框图 Screen Designs 视觉设计、原型设计等
  • 5、6、7可以在小型项目中结合,大型的项目中还是要适当分开。 交互原型可以以交互设计说明书的附件形式存在
  • 1、产品概念文档(项目策划书) 主要是对市场需求进行合理的科学的推导,得出新产品机遇,并对产品定位以及未来的发展方向进行概念性阐述。产品概念文档主要用来对新产品进行宣讲,让项目团队对将要开发的产品有一个概念上的理解,在思想上达成一致。 2、用户调研报告 主要有两类,一类是产品概念形成之初,研究人员进行的需求调研而输出的报告。主要是为产品概念的提出提供科学的依据,为需求的推导寻找佐证。另外一类是项目开发过程中,对设计中不确定以及有分歧的地方进行用户测试,得出结果并输出用户测试报告。 3、产品需求列表 这个列表并不一定是文档,但是他非常重要。它是将新产品拆分成几个大的模块,并将这几个大模块再细拆分成各个功能点后形成的功能列表。它的用途是将整个产品的工作量化,利于设计师、开发人员、测试人员评估自己的工作量,利于开发过程中对各个功能点进行跟踪,不遗漏,利于产品测试时对产品进行全面覆盖。 4、产品说明书 产品说明书是目前很多公司中最常见,他主要包括产品功能的详细描述,产品所需要的开发、运行环境,性能要求等等。准确的讲,这份文档并不应该包含具体的交互内容。这个文档面向的是项目的全体成员。 5、交互设计说明书 交互设计说明书对整个产品的界面结构、交互流程进行详细的描述。它一般包括需求分解、竞争产品分析、流程说明、页面布局说明等内容。交互设计说明书的格式众多,灵活性也相当高,但目的都是将产品的结构和及流程形象化。交互设计说明书主要面向开发人员和测试人员。 很多公司将交互设计说明书和产品说明书结合在一起进行撰写,其实这种做法并不是十分合理。通常情况下,产品和设计结合的文档结构非常庞大,非常不利于查阅,也不利于撰写,而且这种结合文档的很多内容对特定人员是无用的。 6、交互设计规范 交互设计规范主要是用来规范新产品中常规的功能、操作等内容,比如页面的标题规范、界面快捷键操作的规范、提示反馈信息的规范等等。 7、视觉设计规范 视觉设计规范主要是规范新产品中一些视觉元件的样式、页面边距相对边距、通用界面的页面框架等等,开发人员根据规范就可以自行开发一些通用界面。 8、开发文档 开发文档包括一些需求分析、系统架构分析、数据库分析、开发日志等等内容。开发文档主要用来作为开发团队的技术沉淀。 9、测试用例 测试用例指对新产品进行测试任务的描述,体现测试方案、方法、技术和策略。内容包括测试目标、测试环境、输入数据、测试步骤、预期结果、测试脚本等,并形成文档。 10、产品评估报告 产品开发完成后,应由测试人员撰写一份评估报告,对产品功能的实现情况、性能情况、bug解决率等问题进行综合说明和评估,来确定新产品是否符合发布标准。 上面的这十类文档是非常理想化的项目中才具备的,也并不是适用于所有的项目开发,但是,产品说明书、交互设计说明书、测试用例等几类文档是一个项目中不可能缺少的,他们是一个项目有效运行的核心文档。
1 - 20 of 58 Next › Last »
Showing 20 items per page