说说Sign in页面

来源:百度文库 编辑:神马文学网 时间:2024/09/21 11:12:25
之前有同学分享了向Yahoo Mail的主页学习 的这篇文章,很好,看人家的文章是分析的前提。
文中说要学习的第一点:“鼠标的操作重点(登录框、注册链接等)在右边,这是基于人从左到右阅读习惯,用右手翻书右手使用鼠标(绝大部分人)的使用习惯”。让我觉得很惊讶,从左到右阅读习惯基本上是公认的,(据说犹太文有左右混读的习惯),但右手用鼠标和操作重点在右边好像没有直接的联系吧?之前翻阅过一些通过跟踪鼠标轨迹来反映人的注意力的文章,貌似大量的试验数据都没有得出右边操作的结论,依稀记得数据上看鼠标的轨迹是很混乱的,没啥规律。这个有待学术机构的研究成果吧。
要说Yahoo的Sign in Page为什么会做成这样,各位Ali UED的同学自己去看 Yahoo UED的Home >Interaction Patterns > User Needs To > Perform Action >Signing In,说的很详细了。看完以后希望大家收获的是做事的方法,而不是事情的结果。
对于外部设计同仁,我简单说两句自己的理解。首先我们肯定从左到右阅读习惯。Yahoo Signin之所以做成这样,是因为Yahoo有丰富的产品线,各个产品之间的差异又很大,Yahoo是通过一个ID把所有产品串联起来,巩固Yahoo的品牌,所以在Signin页面上Yahoo需要明确下一个要去是什么产品,并强调该产品的重要利益点,甚至是新功能推广。用Yahoo的原话来说:”Imagery andcolor for branding and page flow continuity”, “messages the benefits ofsigning in”, “reminds users that they can use the same ID across all Y!properties”.
PS:我翻了全文也没看到有说什么右手操作习惯的。
因此就不难理解为什么Yahoo要设计成左边是信息说明和promotion,右边用视觉修饰来突出Sign in的操作。

因此也可以理解一些门户网站和产品线丰富的网站把Sign in页面做成和Yahoo类似。当然有些网站是经过思考的,有些是不经思考直接抄袭的。
再来说说Alibaba的网站为什么把Sign in页面做成这样

道理很简单,Alibaba也好,Taobao也好,就一个市场,就相当于Yahoo的一个Personals,买家卖家互相找。所以不需要解释太多Signin之后会去什么样的产品。即使需要解释当前的操作有什么样的benefits,也只要附带就可以了。所以Signin这个操作框就可以放在左边最重要的位置上。将来随着网站产品线的丰富和功能的强大,也许我们需要考虑上下结构的排版,先告诉用户为什么要Signin和会去哪里,再给出操作框。
最后,记得Signin的左右顺序几年前有换过的,依稀记得数据上没有太明显的变化(也许我没细看)。个人感觉放左放右关系不大,用户找到signin操作框的能力还是有的。给各位设计同仁的建议是跟进自己的网站内容结构和用户需求灵活调整,试一下看一下操作成功率和注册数有多大变化,有数据了欢迎和我交流。呵呵。
出自:http://www.aliued.com/panda/?p=40