阿槑语录
  • 也来说说微博

    2011-11-30

    1.  新浪微博产品目标

    1.1     微博产品通用目标:用户使用微博的目的通常为以下几点:实现社交、获取信息、营销推广以及使用各种应用

    1.2     新浪微博产品特性:新浪微博作为目前微博第一霸主,基于其传媒平台的本质,由单纯微博信息发布到微活动到如今在线私信聊天,正逐步将微博产品打造成接近于SNS社交网络服务的平台,以达到其传媒目的。 

    2.  新浪微博产品功能分析

    2.1     微博产品无论实现社交还是营销推广,都需先满足用户最主要的需求:发布信息。在该功能上,新浪微博提供了一站式服务:自行为用户提供短链接、图床、音频床、视频床。极大地方便了用户的使用。

    2.2     为满足交流及互动需求,除发布原创信息外,用户通常有两种交流方式:

    2.2.1     转发他人信息,可加评论或不加评论。对此,新浪在每条微博下方均有“转发”链接,可让用户迅速实现目标。且转发链接点开后可选择是否同时作为评论,并且转发的微博内容不占自己微博140字符的限制,可让用户充分表达自己的观点:

    2.2.2     与特定用户进行一对一交流。在该功能上,新浪微博提供评论及私信功能。用户可在某微博下进行评论,由“@”功能直接提示评论对象,从而达到对话交流目的;也可通过私信以类似邮箱的方式进行私密性地对话。最近新浪微博更是改版将私信扩展为在线聊天工具,进一步满足完善了用户对“一对一交流”的需求:

    2.3     为满足用户获取信息的需求,新浪微博增加收藏功能,用户可对自己感兴趣的信息内容进行收藏,并在最近一次改版中添加了收藏分类功能,用户可对收藏的信息进行分类管理:

     

     

    2.4     对新浪微博其它应用产品分析,如微活动、微盘等等,此处略。 

    3.  新浪微博营销手段分析

    为吸引用户黏性,新浪微博通过增加用户成就感(勋章体系)、打造明星用户(粉丝效应)、增强微博趣味性(添加各类应用)、调动用户积极性(参与热门话题)等多种手段增强用户的页面活跃度。营销手段在此处不展开分析,略过。 

    4.  新浪微博客户端分析

    为提升便捷性,新浪微博开发了几乎全部手机平台的客户端,同时提供微博桌面作为电脑应用客户端。使用户不必再登陆电脑查找页面,大大提高了用户的参与度,也使微博作为信息传播手段的地位进一步巩固增强。各类客户端分析也不在此展开,略过。 

    5.  新浪微博界面评测

    5.1     界面设计清晰简洁。比较腾讯微博和新浪微博的界面就可发现,新浪微博界面更为简洁清晰明了,不滥用图标,以免造成界面过于丰富而显得凌乱,非重点内容进行淡化处理,以突出主要功能,有的放矢

     腾讯微博各类文字均重色显示,弱化了文字输入框

     新浪微博简洁明了,非重点文字淡化处理

    腾讯微博图标过多,勋章体系中未获得的勋章也一并列出,更添加了凌乱感

    新浪微博仅以文字表达功能内容,清晰明了。上方勋章系统只显示已获得内容。

     

    腾讯无论自己发布内容还是转发的内容均用同样颜色显示,让人不易区分重点新浪无论是字体大小还是背景色以及字体颜色均作了区分,主次关系一目了然新浪无论是字体大小还是背景色以及字体颜色均作了区分,主次关系一目了然

    5.2     重视引导用户。新浪微博在微小细节处均注意用交互状态来引导用户。如“发布”按钮以灰色显示,在有内容填充后才变为彩色,其颜色变化给用户以提示,引导进行下一步操作

     

    新浪微博填写内容前

     

     新浪微博填写内容后

     5.3     重视个性定制,提供了换肤功能、关注分组及收藏标签自定义、图片数目及排版自定等多项自由定制功能,满足用户个性化需求

     

    左上角可为用户提供便捷换肤入口
    提供微博关注分组,并可以自由制定分组名称及排序,充分满足用户个性化需求

    提供图片数目及排版格式灵活定义的功能,更好地满足了用户的需求,完善了用户体验

    作者:zhuamei | 分类目录:代码技术 | 标签:
  • 前端小悟

    2011-09-30

          终于把页面给制作完了,赶鸭子上架地边学边写,倒是飞速成长了,在最后几天看自己之前的代码就已经开始嫌弃了~

          种种技术详情就不赘述,记下几点小悟提醒自己吧:

          1、整体规划是多么的重要。各个页面的布局结构以及嵌套层级关系应该都一开始就全部做好。

          2、虽然也知道有些重复的效果可以用同一个id或者class,可是对于各种大体一致却又有微调的class是否使用同一个命名还没把握好,也是跟这次没有整体布局意识有关。

          3、命名规则,开始用了一些自认为还比较有规则的命名方式,但到了最后才意识到命名多了以后仅靠个人以为的逻辑规则是远远不够的。并且对于后来的维护人员也不利。某日在网上看到一篇说命名规则注意事项:1.一律小写;2.尽量用英文;3.不加中杠和下划线;4.尽量不缩写,除非一看就明白的单词. 之前犯的就是第四项错误。恩,关于第三项其实是一个很庞大的话题,单开一篇小博都不为过了~

         4、对于各类状态的考虑,其实早早就写完了页面,在功能嵌套过程中又和程序员反复沟通反复修改调整了很多,才意识到之前对于各类状态的考虑多么不完善。最简单的例子:各个内容显示模块的溢出是以分页还是滚动条来显示;各个弹出窗口的显示;对于各类错误的反馈等等等等不一而足。

          不过尽管问题多多,这套页面毕竟也是自己怀胎半月的产物,还是第一个娃,我还是很爱它哒~

     

         附:在百度上看到某位前辈写的感悟,觉得很有道理,虽然ms看起来比较虚,但真正做了以后就会发现切切实实那都是前辈的宝贵经验,也一并记录下来吧(http://zhidao.baidu.com/question/305312789.html):

        一、基本功:各浏览器的兼容性,熟知一些浏览器的bug并能快速的解决,熟练使用html语言以及css,能手写当然最好,不能手写也没关系,用工具也行,但一定要知道它们各有什么用处,这样当我们想用的时候能快速的知道用什么比较合适;
    二、判断力:拿到图纸后能迅速判断出该页面哪块用那些标签,css该怎么写,图片该怎么切,哪些地方可以共用,这些比较适合一些比较大的单页面,一些大网站的首页,如果是整站的话里面要考虑的东西就更多了,像该分几个文件夹、几张样式表了,样式改怎么划分了,是公用的放一块还是按模块划分了等等,这些都是切图的前期要考虑到的,考虑到了全局,以后做的时候就不会顾此失彼;
    三、效率:我认为的效率是又快又好的完成所交给的任务,而这个好就是用最少的标签、最少的样式完成所要的效果,所以就要熟悉各种标签的用处,我的原则是,能不适用的标签尽量不用,这里还涉及到seo方面和网站的负载方面的东西,有时间也可以研究研究;
    四、习惯:一个好的builder应该有一个良好的习惯,这条放在任何工作岗位都很重要,这里主要谈哪些习惯才叫好习惯;首先,代码注释,无论是结构页还是样式表,一个方便程序员套后台程序,让他能进行很快的定位,二个也方便自己以后修改;其次,应该总结出一套自己的命名规则;三,有一张自己的通用样式表,里面放工作中常用的一些样式,像清除html原有的属性了,分页样式了等等,当自己想用的时候直接复制随便改改就能用了;
    五、全局把握:这点是考验一个人能力的关键,考虑全局不仅要考虑现在该怎么做,还要考虑到以后的怎么改最省事,所以在做的时候尽量考虑这个页面或者网站的重用性,扩展性,和可维护性,这是一劳永逸的,方便他人,最重要的是方便自己;
    六、学习:学无止境,光会div+css是不行的,还要学习其他的技术,比如js,提高自己的价值,多看看别人的代码,对比一下自己的代码,综合起来选一套最好的;

    作者:zhuamei | 分类目录:代码技术 | 标签:
  • 试一试

    2011-08-31

    好吧我没出息,激动不已忐忑不安,试试看我的新博吧

    作者:zhuamei | 分类目录:代码技术 | 标签: