全面的网站评估方案

所属分类: 网页制作 / 应用技巧 阅读数: 1465
收藏 0 赞 0 分享

有时会被问到“看看XXX网站如何?”之类的问题。
谈到评估,通常都是指产品级的网站,如果模式很新,了解需要花一定时间。于是,很多人又问“那么你仅从UI/UE的角度看看呢?”首先我们得达成共识,一切花里胡哨都在为功能服务,如果功能满足都成问题,其他就没必要谈了。
举例分步说明,注意先后顺序。

第一,没有足够应用经验,不可能了解网站的功能和结构,如何做出判断?
初步印象
    是否有眼前一亮的感觉?任何元素都可能抓住用户,先入为主。 能否尽快搞清楚,网站提供何种服务,并且能尽快明白,有无注册的必要?

信息可视化
    好页面似一杯鸡尾酒,具有层次感,远近都能看出效果,而不是一坨浆糊。 呈现是否平衡?不相干的元素之间,也可能建立联系,很多不协调的根源,就在这里。 尝试在纯UI的角度深度感知,整体氛围是否和已了解的概念搭配?比如够不够热闹、有没有品位。 通过模块能否分辨出网站?不看Logo还认识网站么?检查内容 界面的相关性。

导航系统
    多深入几级页面,是否清晰自己的位置? 多纵横逛几个来回,是否已经迷路?

第二,假设对产品有了初步了解,确定自己需要此服务,如何细化尝试?
功能结构
    主体逻辑是否清晰?思路是否顺手等习惯问题。 能满足自己多少需求?只是衡量产品的成熟情况,但不是好坏关键。 有多少创新?让自己意外了,统统记下来。

设计细节
    交互设计,挑主要业务流程进行测试,主要看逻辑是否混乱。 视觉设计,不仅仅是图形,字符效果同样需要推敲,也属于深入信息可视化的范畴。 信息设计,内容有没有生命力?情感化等同于催化剂。

客户端技术
    交互流畅程度,大量的Ajax技术应用会影响效率。 搜索引擎的优化工作,可以借助Alexa和Google两大工具。 代码质量,看几个代表性页面就可以。

第三,在竞争对手的角度,如何提炼总结?
产品跟踪
    更新节奏,改版中可能会暴露发展方向和一些好创意。 解决方案,重要的不是完美,而是统一,体系才能形成壁垒。

数据挖掘
    找准用户群,并在运营的角度进行细分、锁定各自特征值,提供可修正的参考依据。 关注用户忠诚度,不满意就意味着寻求改变。 用户活跃程度和活跃倾向,也是值得参考的重要数据。

我也经常参与测试产品,不管是自己的、别人的、感兴趣的、不感兴趣的、见过的、没见过的,大致都可以使用同样的方法体系。把事情做彻底,目地就是搞清楚设计意图。
三个部分阐述,其实也暗合用户理解的本能、行为、反思三层结构。通常,人做事的能力和态度具有相关性,从前边的工作成果,基本上就能评估出后续工作的斤两。
更多精彩内容其他人还在看

sitemesh教程-页面装饰技术原理及应用

Sitemesh是一种页面装饰技术:它通过过滤器(filter)来拦截页面访问,据被访问页面的URL找到合适的装饰模板等等,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

浏览器可以注册的事件小结

我们在网页制作中经常会用到浏览器事件,这里简单的整理下方便需要的朋友
收藏 0 赞 0 分享

从image/x-png谈ContentType(s)

今天在做一个文件上传的功能的时候,发现我总是上传不了png的图片。经过调试发现,应该是在ContentType的地方判断失误了。后来百度了一下发现一个有意思的现象,我发现png的图片的ContentType并不是我在注册表中看到的image/png,而是image/x-png
收藏 0 赞 0 分享

窗口中的各种距离/滚动距离的精确计算汇总

平时在项目开发中,没少跟边距,位置,坐标什么的打交道,悲剧的是,如果你对这些东西没有非常清晰的概念,编码的时候会非常痛苦,到处找资料寻求距离的精确计算,接下来本文提供一个示意他,希望对你有帮助
收藏 0 赞 0 分享

web的各种前端打印方法之CSS控制网页打印样式

使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措,接下来介绍CSS控制网页打印样式是如何实现的
收藏 0 赞 0 分享

响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用

现在移动设备越来越普及,用户使用智能手机、pad上网页越来越普遍,但是传统的fix型的页面在移动终端上无法很好的显示。因此,Ethan Marcotte提出一种响应式web设计的概念,响应式web设计的英文为Responsive Web Design,简写为RWD,感兴趣的朋友可
收藏 0 赞 0 分享

响应式WEB设计学习(2)—视频能够做成响应式吗

除了图片以外,还有一种常见的多媒体形式是视频。有时在web设计中,根据需要会在页面中加入视频,视频大小的自适应单靠CSS本身似乎是做不到的,感兴趣的朋友可以详细了解下
收藏 0 赞 0 分享

响应式WEB设计学习(3)—如何改善移动设备网页的性能

究竟是网页中的何种元素拉低了网页在移动设备中加载的速度呢?这些元素应该做何处理以提升页面在移动设备中的整体性能?是否存在一种设计模式可以同时满足移动端及桌面端的页面设计呢?带着这些疑问开始本文之旅吧
收藏 0 赞 0 分享

网页设计必备手册 216网页安全色大全

网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合(调色板或者色谱),也就是说这些颜色在任何终端用户的显示设备上都是相同的效果
收藏 0 赞 0 分享

网页设计中设计出有层次感的界面的经验介绍

很多网友常说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。
收藏 0 赞 0 分享
查看更多