Archive for the 'Thinking' Category

Page 2 of 5

一张图让你了解OAuth2

Oauth2原理

参考资料:
http://blog.csdn.net/seccloud/article/details/8192707

移动Web前端框架jQuery Mobile、Bootstrap、jingle ui

jingle ui,jQuery mobile,bootstrap
微博、微信的热们,很多的内容通过手机分享,越来越多的用户通过手机点击链接进入目标页面,然而手机触屏交互与电脑鼠标的交互差异很大、手机与电脑屏幕的尺寸差异也很大,因此针对移动web的前端设计与开发愈发重要。

今天我们来简单了解一下这三个移动web的前端开发框架jQuery mobileBootstrapJingle UI

  • jQuery mobile 是jQuery针对移动web领域发力的开源产品,相信jQuery你应该有所了解了。虽然曾经的jQuery UI不温不火,但是jQuery mobile在移动web方面还是非常有前景的。相比较其他个框架来讲,jm是最为成熟、全面的。
  • Bootstrap 是twitter前端开发团队开源的一套框架,准确的说它并不是针对移动web的,与jQuery mobile不一样,它主要针对前端敏捷开发的,但是Bootstrap很好的解决了适应性布局的问题,使得基于Bootstrap的项目能够在移动平台显示友好,这种适应性布局在jQuery mobile中也有解决方案。Bootstrap并没有提供更多的移动平台的组件。
  • Jingle UI 是国内shixy 发布的托管在github的开源项目,具有较多的移动web组件,例如布局、按钮、列表、滚动条、表单、通知、弹窗、轮播、下拉加载、抽屉菜单、日历、如表组件。这些组件在jQuery mobile基本都有,相对来讲Jingle UI还年轻,用户体验还不是很流畅。

也许jQuery Mobile更加完善一点,技术支持相对更可靠,更专注于移动web;Bootstrap适合制作多平台的网站兼容布局;Jingle UI还年轻,可能更符合国人习惯。

QQ添加好友用户体验背后的思考

QQ添加好友用户体验
当有人添加我为好友的时候,我收到一个验证消息,同意之后将进入上面的界面,这时我们需要输入“备注名”并选择一个合适的分组。通常情况下,如果你留意的话,你会发现QQ为你预先处理了,很多时候他们能够直接帮你备注和分组,而且非常准确。这是为什么呢?

首先备注名

备注名从哪儿来,我们知道在qq添加好友的时候,输入验证消息的时候会有一个格式“我是……”,而“我是”后面的文字就是给对方作为备注名使用的。这个很简单的功能,背后没有什么高深技术,却帮助了我们很多。
这个设计来源于生活,通常我们跟某一个人打招呼,希望结识对方的时候,我们都会自我介绍,而自我介绍的时候往往会说“我是华为王磊”、“我是哈工大黄明”,通过这样一种习惯,提供一个模板,引导你进入模板。

分组

分组就没有备注名那么简单了。但是原理仍然来源于生活。假如A加B为好友,A与C为好友,C与B为好友,C在B的G分组中,那么A也应该在B的G分组中。进一步讲,如果AB共同好友很多,且分布在B的不同的分组中,如何处理?假设B有10个分组G1-G10,G1-G10都有AB的共同好友,那么有这样的算法:
1. 哪个组具有的共同好友最多,即为解
2. 哪个组与成员与B沟通最密切,聊天记录最多,即为解
声明这部分分析不是官方的实现思路,只是我的猜测。
通过这样的算法,QQ很容易帮你生成备注名和建议分组。这一用户体验的细节确实省去了用户很多时间。

百度与Google直观比较,用实例说话

本文不比较百度和google的技术细节,只用实例说明两者的一些差异。
观点:

百度存在大量的数据遗漏
Google对于技术性博客贡献更大

ComingX一篇博文 扁平化设计的中文字体选择 ,该文发表于2013年10月5日,今天是2013年12月14日。我们来看看两个搜索引擎对此文的搜索情况。为了对比公平,我们选用同样的关键词“扁平化 中文字体”,这两个关键词也最能概括这篇博文的内容。下面我们来测试两个搜索引擎的结果:
百度
baidu_google_01
没有一条记录是关于这篇博文的,从第5条开始,已经不是这两个关键词同时匹配的记录了。我尝试往后翻了10页,仍然没有看到这篇博文。

Google
baidu_google_02
第一条便是这篇博文,这个结果甚至让我受宠若惊,因为知乎基本上也是同时满足这两个关键词,知乎的排序权重应该比ComingX博客要高。

我想尝试尽可能准确的输入这篇博文相关的所有关键词,因此在百度输入 “扁平化 中文字体 comingx” 的时候,出现了如下图
baidu_google_03

我确定这个结果不是因为“扁平化 中文字体”,而是因为“comingx”,因为当我在百度输入“comingx”的时候会有这样的结果:
baidu_google_04

当我完全输入这篇博文的标题“”进行检索时,仍然没有
baidu_google_07

我再展示一下cnzz提供的网站搜索引擎比例分析图
baidu_google_05

baidu_google_06

不管是从pv还是ip,哪个方面google都相对较优。

通过简单的比较,也许不能说明什么具体的技术问题,也不能说明Google与百度孰优孰劣,也许还有一些其他干扰因素我未曾考虑到。

ComingX·创新工场俱乐部

comingx创新工场
当我把这两个Logo放在一起的时候,我有一种感觉,这种感觉同样存在于ComingX队员的心中。大学我们走到了一起,非你我所预料,却又如此自然。在感恩节的零点,我迫不及待地告诉各位ComingX队员和关心帮助过我们的朋友,ComingX创新工场俱乐部从今天开始,On the road。。。谢谢亲们。正如ComingX网站写下的一句话:“大学是一个创造梦想、实现梦想的地方,为了充实的今天、为了美好的明天,向着梦想灯塔行进的过程中,我们偶然走在了一起。”

网页设计与前端正在发生的改变

Html5热潮已经渐渐平息,正如一场海啸袭击一个城市,在台风的蛊惑下,那么排山倒海,似乎一下子flash没有了、js神话了……
巨浪过后,海水慢慢淹没城市。而如今html5正在慢慢的涌向Web,逐步淹没传统网站、淹没Flash。随着移动用户的不断增长、各种家庭互联网设备的出现,Web设计正在走向一个变革。

这个变革突出的代表就是适应性设计(Responsive Web Design)。设备屏幕纷繁多样,大大小小、宽长不一,适应性设计成为一个必然趋势,而Bootstrap为你提供了有效的解决方案。我不得不感叹Twitter这个美国公司的分享精神,而我们却想方设法的将她置于墙外,这种行为我除了惭愧,还是惭愧。

Microsoft官网为例,请看三个分辨率下的网页表现:

microsoft_1microsoft_2响应式设计
desktop
pad
mobile

随着适应性的发展,我们必然期望网页图片元素能够无限缩放,因此,矢量icon正在袭来。html5 vector带给我们的不仅仅是矢量化的icon,当它与js结合的时候,你发现那就是天生一对,我们可以用js动态绘制icon,动态控制icon运动,形成更喜人的交互icon。
请看样例网页
vectoricon
当鼠标指向icon时,羽毛笔会有写字的动作,非常生动。

移动内容社交类网站正在兴起

papame
changba
啪啪唱吧的出现,似乎在暗示着一种新的网络内容交互形式。先看看他们的交互流程吧。

  1. 下载移动客户端App,注册账号
  2. 利用App创造内容(图片、声音或者视频)
  3. 分享链接到社交媒体(微博、QQ空间、人人网等等)
  4. 发布者的好友通过链接进入浏览并评论、评分、收藏、分享等社交操作

该类网络内容,不提供首页、不提供检索、不提供列表浏览,所有的浏览方式仅仅通过一个链接进入。内容发布者利用客户端随时发现身边内容、发布内容、分享内容。网站推广类似早先Gmail的邀请注册一样,没有邀请链接是无法找到内容的。

这种创业方式是否可以躲避网络大鳄的模仿呢?
盈利模式是怎样呢?

中国亚马逊应用商店上线了

c1-2._V371962408_
这是android开发者的福音吗?Apple AppStore给很多ios开发者创造了价值,而Anroid market却很惨淡。很多Android App创业者只能悲哀的看着自己的产品在91、豌豆荚等网站上肆意下载,却看不到一份钱该有的回报。我们期待Amazon给他们一个希望。

手机可能成为各种穿戴式设备的交互界面

07265301981918368
随着Google Glass的热潮,一种硬件创新潮流正在涌来。如Body Media,戴在腕上,测量生活数据进行分析。这些硬件利用各种传感器,如温度、心率、三轴加速度、光线、声音、压力、弯曲度、超声波等等,输入环境数据,存储数据,辅助人们提高生活质量、优化生活方式。但是,每一个设备都需要一个用户操作界面,而且有的功能很多,可能需要很多按钮。按钮太多容易让人混乱、声控不够精准且调节性不强、触屏占用空间且需要在硬件操作系统层解决触屏驱动。此时,用手机成为设备的交互界面可能是一个好的选择。通过蓝牙连接到手机,通过相应APP实现对设备的命令控制。

中国yahoo mail的关闭服务伤害用户

yahoo中国关闭邮箱
今天登录yahoo邮箱,突然发现“yahoo中国”说要关闭yahoo.com.cn和yahoo.cn的邮箱服务,到2013年8月19日,我的账号将被删除,而在这之前我只能绑定“阿里云邮箱”或者自己去注册一个yahoo.com的邮箱,然后用pop导入历史邮件。

看到这个消息,可以用震惊来形容我的反应。我难以想象一个国际大公司,就这样轻易地、草率地伤害一个用户,可以说我再也不会再相信yahoo中国,甚至很难再相信阿里巴巴、阿里云以及马云。

我不知道阿里云邮箱是否能够满足我的使用习惯,我不愿花费精力去适应一个新的邮箱产品,实际上163已经为我提供了很好的服务,yahoo邮箱只不过是我的网站注册常用的账号(我不想把我的常用邮箱作为网络账号),但是yahoo中国邮箱的关闭,预示我所有的用yahoo邮箱作为账号的网站都将收到影响。起码“忘记密码”的功能是使用不了了。

我尝试登录进去原来的yahoo中国邮箱,因为我着急获取一个忘记密码的邮件,却始终给我显示这样一个页面
yahoo中国关闭邮箱服务

一次次点击“开始”,没有任何反应,我很难想象这是一个大公司的网站。最终我不得不去yahoo.com注册一个邮箱,因为我不想使用一个全新的阿里云邮箱(我对阿里云没有好的印象,因为我觉得Amazon的云服务比阿里云要强100倍)。经过一番折腾之后,我终于注册下了一个yahoo.com的邮箱,我想用的账户都被占用了,我只能选择一个我不喜欢的账户名称。我以为这样我的历史邮件就可以自然的导入新的邮箱中,我错了,新的邮箱里什么都没有,除了一封生硬的欢迎邮件。然后,我准备按照yahoo的帮助文档,尝试导入历史邮件,看完帮助文档,我彻底石化了。原来所谓的导入历史邮件就是用一个收费软件outlook把所有邮件下载下来。

如果不能导入历史邮件,不能使用原来邮箱,我还能干什么。我只能欣赏一下这个新的邮箱是多么的“新”。

yahoo邮箱停止服务

两个显眼的大广告,我从来没有见过哪个邮箱这么迫切需要赚钱。gmail、163、qqmail,你有见过这么大的广告吗?
更让我泪奔的是,我兴致勃勃地打开了欢迎邮件,结果我看到一行行乱码。。。

Yahoo请你不要再来中国,我不会再用任何yahoo的服务。