Flickr网站初体验

来源:百度文库 编辑:神马文学网 时间:2024/04/28 23:11:11

上图就是此网站的首页,用户访问网页是采用扫描的阅读方式,所以如果页面布局划分不够清晰,就容易增加用户的理解难度。此网站首页中放置了一个很大很醒目的注册按钮,登陆按钮放置在页面右上角;登陆和注册2功能区域划分很清晰,便于用户快速的寻找信息。文字超链接的表达方式很统一,都是默认蓝色加下化线。
一。注册页面:

上图就是此注册页面,用户只需添完此页资料即可。此页面交互特色如下:
1.  感觉字体偏小,看得有些累。而且字体色彩和背景对比不是太强,可读性较差。
2.  页面所有内容都需要填写,感觉要填写的内容太多,如果所有内容都必添,就没必要在所有的字段前面都加上“*”,感觉有些累赘。
3.  页面对需要填写的内容用长的横线进行分割,共分为四块区域。每块区域都有一个加粗的标题,布局划分很合理,便于用户快速浏览此页面信息。
4. 部分字段后面有一个帮助图标,当鼠标移上去时,会出现一个详细的文字信息图层,鼠标移开后会自动消   失,比较友好,见下图:

5.“用户名称“页面用2个字段分开进行表示,与亚洲国家表达方式不一致。很有英文版的软件或者网站对应的中文版本常有这种错误,本地化做得不太理想。
6.当填写ID时,系统系统出现以下的一个验证按钮,如下图,填写完用户名后可以点此按钮进行有效性验证。

如果填写的用户名无效,系统会弹出一个窗体告知其原因,同时给出一些相关的建议,交互比较友好,见下图

7.填写日期需要填写三个输入框,感觉不太方便,应该提供一个日期控件让用户直接选择当前日期。
8.验证码难以辨认,增加用户的注册难度。
9.最下方的注册按钮比较大且醒目,方便用户查找和点击。
二。上传图片页面:

上图就是上传图片的页面,每次最多可以上传6个图片,不支持批量上传。可以给这些上传的图片设置一个标签,同时还可以设置期显示类型。
页面中的“帮助“图标鼠标移上去没有显示信息提示,不太友好。
上传图片时,等待页面如下,没有显示具体的上传进度,如:当前的百分比情况。

三。编辑图片页面:

上图就是编辑图片的页面,默认状态每个编辑功能的图标和文字都是灰色状态,当鼠标移上去时才加亮显示,感觉这种交互方式有问题,容易让用户以为这些功能是不可操作。
点击[增加提示]按钮后效果如下,输入相关的提示信息点[保存]按钮即可,用户可以直接手工拖动起位置和大小,操作体验很棒。

点击[增加类别]按钮后效果如下,当选中一个所属类别后其字体变灰且后面出现一个[移除]图标。选中后应该用突出的效果来显示,目前这种交互方式显得不够友好,容易给用户误导。

同时支持在这个页面中新增一个类别,新增分类页面如下,页面中的[创建新类]按钮很大,[取消]应该是用按钮的表达方式,不应该用文字表示。

点击[翻转]按钮后,出现对话框如下,可以通过点击其编辑按钮预览其效果,最后再点击[确认]即可,此图的[取消]是用按钮的表达方式,没有像新增分类中用文字的方式。此页面中的[确认]太小,此按钮点击频率较高,应该增大其显示尺寸。

四。组织分类页面:

上图就是组织分类页面,页面布局是采用标签的方式,其中自定义的分组标签页还可以关闭。
当然标签的标题用红色显示感觉不太理想,应该用其他一些方式进行区分。
此页面下方显示当前用户的所有图片,可以点击分页的按钮进行图片切换。按钮没有相应的文字提示。首页和末页图标比较大,上一页和下一页图标比较小。
支持直接把下方列表中的图片拖动到上方,选中状态的图片反馈很清晰。
如果点击[更多设置]按钮,查询区域内容发生变化,效果如下,[更多设置]这时应该改为[普通设置]比较妥帖。