`
gray888
  • 浏览: 531972 次
  • 性别: Icon_minigender_2
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

从网页设计角度评测淘宝首页改版-来源:onling.net

阅读更多

这两天正好在看《网站界面设计》一书,这本书,也是我首次接触比较系统的介绍界面设计理论的书,书中对界面的可用性设计原则、交互设计、呈现设计以及网络广告设计四方面介绍的很系统很详细的介绍,而且书中包含了大量的实际案例分析,看后收获很大。于是,最近一直想找个界面来练练手,刚好taobao的首页进行了新一轮的“胖身”改版,就全当成学习来,来分析一下Taobao的首页界面改版评测:

 首页是网站的大门,用户从这里进入网站,又从这里进入到网站的各个频道和内容,首页是用户的主要集散地,他的呈现和侧重点直接决定了网站的导向,对于用户来说,首页是导航,对于网站来说,他相当于目录和发布区,对于活动以及商家,他又是广告。平衡三者的关系是首页设计的重点,网站的首页和栏目页体现了网站的主旨以及特色,把流量引向网站最重要的地方,这一方面来说,Taobao的网站改版还是达到要求了。 首页的基本设计原则:

(1)首页上最显著的设计元素之一应该是公司网站的名称,让用户知道他来到了什么地方。

呵呵,这个很明显,TAObao的LOGO依旧放在左上角最显眼的地方。
 taobaologo.jpg

(2)首屏需要体现最基本的用户任务,即70%以上目标用户需要使用的功能和网站的主推的服务,需要将两者巧妙地结合在一起,引导网站流量。

 Taobao是一个C2C的网站,用户上网主要来淘自己喜欢的东西,所以搜索是他最重要的入口,这里淘宝的首页把搜索的设计很显眼,也很人性化,只不过不知道为什么右上角上方也有一个搜索,虽然搜索很重要,但是太多相似的信息会不会令用户感到迷惑。



(3)首屏需要传达足够的信息,以让用户感受网站内容或功能的丰富。

这个看看后面密密麻麻的宝贝类目,就能感觉到,不过这个也是最最困难的,信息多了,要如何安排,安排不当,就容易造成信息的杂乱无章,让用户迷失导向,不过这里这个处理的还可以,一些重要的常用的用不同颜色处理,各个类目用不同的背景区分开来,相对信息还是比较清晰。只是他的背景背景感觉应该用橙色系的色度比较淡的来做背景,这个整体的有机型会强一些。

 taobao5.jpg

(4)首屏需要体现网站的更新,体现网站的活力。

淘宝集市;品牌商城,二手闲置。类目的右侧,全球购和促销区的领地,尤其是新增的促销区域,这些动态的数据更新,相信已经足够体现了这个中国最大的C2C的活力,这一版,也把这些强化了不少。

(5)首页的设计能够引人注目,能够让目标用户过目不忘,并对网站形象产生良好的准确的认知和记忆,就设计和视觉而言,用户所希望的是:布局整齐清晰,板块明确,色调不要让眼睛疲劳。

这一块,感觉改版後,板块比原来清晰不少,整个网站的架构也更明了,设计上更加大胆,色彩依旧保持鲜艳为主,刺激用户购买欲望,还是保持原来的主色调,毕竟也是一个企业色,但是个人感觉用色还是有点杂,有点很强烈的对比,让用户感觉心理很不舒服,

       taobao2.jpg
(网页页面的颜色跳跃会不会太突然了些,虽然这样可以强调公告信息,但是,感觉不是很和谐~)   
taobao31.jpg

(整体的色彩过于混乱,按照我个人的理解,taobao的主题色应该是橙红色,但是,感觉整个页面中,蓝色跟橙红比重相似,从上来拉下来,感觉进入两个世界,感觉整体性不是很好~)  (6)首屏需要较快的下载,因此网页顶端需要减少图片,减少表格的复杂性,保证表格横切的可能性以加快下载速度。

这个个人感觉淘宝的导航虽然设计的很漂亮,但是经常打开后圆角丢失,或者背景图片没现实出来,不过好在导航文字能很快出现,但是过多的图片还是影响了用户对网站整体的感觉,还有个问题,也是关于页面下载速度的,公告栏以及中间的图片广告的背景,好像是深色的粉红,在页面下载之前很刺眼,但是最后有出现清淡的板块,感觉用户心理变化很大,这一块的背景设置应该还是以淡色为主,虽然用户最终影响不大,但是,速度慢的时候,还好思很明显的。

(7)对于商业网站而言,首屏需要考虑广告的位置和呈现。

这个不要说了吧,眼球最中间就是三幅翻动广告, 广告鼠标放在下面数字上会出现相对应的图片,下面对应的数字会变大,背景变难,以前面区分开来,这个让用户有控制权,让用户掌握所有操作的主动权,感觉产品是为他服务,广告也是自己需要的,广告虽然对网站的生存很重要,但是Taobao的广告还不是很令人讨厌,已经成为首页设计的一分子,这方面他们处理得很不错。

 

 

 

 

 

 

 

Taobao的首页改版,整体来说还是很成功的,功能板块比之前清晰了不少,立体感也强了很多,给人感觉很好,之前的页面感觉信息有点匮乏,而且信息冗余很多,经常进来,就陷入迷失状态(会不感觉有点马后炮的感觉,呵呵,不过这的确是我的最初的感觉:)),首页信息的杂乱,影响了用户最网站忠诚度,现在的改版,整体感觉更清新,页面功能也更明了,对用户的操作也有一定的引导性 整体来说,个人感觉改版还是非常成功的,至少在一定程度上我在首页关注的时间比以前多很多,很多有用的信息,在首页就能找到。目前还在学习相关理论,等书全看完了,再过来分析一下~
分享到:
评论

相关推荐

    parking_android_app

    Onling停车系统:Android应用程序Android应用程序屏幕截图: 登录停车区 登录:能够从应用程序的登录页面创建帐户的用户。 如果用户忘记了密码,他们还可以通过单击“重置密码”按钮来重置密码。 在重设密码字段中...

    sqlserver_indexanalysis

    The information in the DMVs is gathered from when the SQL Server service last started, thedatabase was brought onling, or when the index metadata was updated (such as during reindex operations, which...

    IncompatibleClassChangeError(解决方案).md

    IncompatibleClassChangeError(解决方案).md

    中国智慧工地行业市场研究(2023)Word(63页).docx

    智慧工地,作为现代建筑施工管理的创新模式,以“智慧工地云平台”为核心,整合施工现场的“人机料法环”关键要素,实现了业务系统的协同共享,为施工企业提供了标准化、精益化的工程管理方案,同时也为政府监管提供了数据分析及决策支持。这一解决方案依托云网一体化产品及物联网资源,通过集成公司业务优势,面向政府监管部门和建筑施工企业,自主研发并整合加载了多种工地行业应用。这些应用不仅全面连接了施工现场的人员、机械、车辆和物料,实现了数据的智能采集、定位、监测、控制、分析及管理,还打造了物联网终端、网络层、平台层、应用层等全方位的安全能力,确保了整个系统的可靠、可用、可控和保密。 在整体解决方案中,智慧工地提供了政府监管级、建筑企业级和施工现场级三类解决方案。政府监管级解决方案以一体化监管平台为核心,通过GIS地图展示辖区内工程项目、人员、设备信息,实现了施工现场安全状况和参建各方行为的实时监控和事前预防。建筑企业级解决方案则通过综合管理平台,提供项目管理、进度管控、劳务实名制等一站式服务,帮助企业实现工程管理的标准化和精益化。施工现场级解决方案则以可视化平台为基础,集成多个业务应用子系统,借助物联网应用终端,实现了施工信息化、管理智能化、监测自动化和决策可视化。这些解决方案的应用,不仅提高了施工效率和工程质量,还降低了安全风险,为建筑行业的可持续发展提供了有力支持。 值得一提的是,智慧工地的应用系统还围绕着工地“人、机、材、环”四个重要因素,提供了各类信息化应用系统。这些系统通过配置同步用户的组织结构、智能权限,结合各类子系统应用,实现了信息的有效触达、问题的及时跟进和工地的有序管理。此外,智慧工地还结合了虚拟现实(VR)和建筑信息模型(BIM)等先进技术,为施工人员提供了更为直观、生动的培训和管理工具。这些创新技术的应用,不仅提升了施工人员的技能水平和安全意识,还为建筑行业的数字化转型和智能化升级注入了新的活力。总的来说,智慧工地解决方案以其创新性、实用性和高效性,正在逐步改变建筑施工行业的传统管理模式,引领着建筑行业向更加智能化、高效化和可持续化的方向发展。

    java大题啊实打实的

    123

    asdjhfjsnlkdmv

    asdjhfjsnlkdmv

    二手车价格预测,代码核心任务是通过机器学习模型(如线性回归、随机森林和KNN回归)预测车辆的价格(current price),并使用评估指标(如 R² 和 MSE)来衡量不同模型的预测效果

    该代码实现了基于机器学习的车辆价格预测模型,利用不同回归算法(如线性回归、随机森林回归和 KNN 回归)对车辆的当前价格(current price)进行预测。代码首先进行数据加载与预处理,包括删除无关特征、归一化处理等;然后使用不同的机器学习模型进行训练,并评估它们的表现(通过 R²、MAE、MSE 等指标);最后通过可视化工具对模型预测效果进行分析。目的是为车辆价格预测任务找到最合适的回归模型。 适用人群: 数据科学家和机器学习工程师:对于需要进行回归建模和模型选择的从业者,尤其是对车辆数据或类似领域有兴趣的。 企业数据分析师:在汽车行业或二手车市场中,需要对车辆价格进行预测和分析的专业人员。 机器学习学习者:希望学习如何使用 Python 实现机器学习模型、数据预处理和评估的初学者或中级学习者。 使用场景及目标: 汽车定价与估值:用于为汽车或二手车定价,尤其是当需要预测车辆的当前市场价格时。 汽车行业市场分析:通过数据分析和回归预测,帮助汽车销售商、经销商或市场分析师预测未来的市场价格趋势。 二手车市场:为二手车买卖双方提供价格参考,帮助制定合理的交易价格。

    基于模型预测控制(mpc)的车辆道,车辆轨迹跟踪,道轨迹为五次多项式,matlab与carsim联防控制

    基于模型预测控制(mpc)的车辆道,车辆轨迹跟踪,道轨迹为五次多项式,matlab与carsim联防控制

    StoreError解决办法.md

    StoreError解决办法.md

    白色精致风格的个人简历模板下载.zip

    白色精致风格的个人简历模板下载.zip

    白色宽屏风格的房产介绍服务网站模板下载.zip

    白色宽屏风格的房产介绍服务网站模板下载.zip

    基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目)

    基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目),本资源中的源码都是经过本地编译过可运行的,评审分达到98分,资源项目的难度比较适中,内容都是经过助教老师审定过的能够满足学习、毕业设计、期末大作业和课程设计使用需求,如果有需要的话可以放心下载使用。 基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目)基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目)基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目)基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目)基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目)基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目)基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目)基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目)基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目)基于Python实现的医疗知识图谱的知识问答系统源码毕业设计(高分项目)基于

    白色宽屏风格的生物医疗实验室企业网站模板.rar

    白色宽屏风格的生物医疗实验室企业网站模板.rar

    C# 操作Access数据库

    C# 操作Access数据库

    NSFileSystemError如何解决.md

    NSFileSystemError如何解决.md

    白色简洁风格的商户销售统计图源码下载.zip

    白色简洁风格的商户销售统计图源码下载.zip

    白色简洁风格的室内设计整站网站源码下载.zip

    白色简洁风格的室内设计整站网站源码下载.zip

    侧吸式油烟机sw16可编辑全套技术资料100%好用.zip

    侧吸式油烟机sw16可编辑全套技术资料100%好用.zip

    matlab人脸识别代码

    在 MATLAB 中进行人脸识别可以通过使用内置的工具箱和函数来实现。MATLAB 提供了计算机视觉工具箱(Computer Vision Toolbox),其中包含了用于图像处理、特征提取以及机器学习的函数,可以用来构建一个人脸识别系统。下面是一个简化的教程,介绍如何使用 MATLAB 进行人脸识别。 ### 准备工作 1. **安装必要的工具箱**:确保你已经安装了“计算机视觉工具箱”和“深度学习工具箱”。如果没有,可以通过 MATLAB 的附加功能管理器安装它们。 2. **获取数据集**:准备一个包含不同个体的人脸图像的数据集。你可以自己收集图片,或者使用公开的数据集如 AT&T Faces Database 或 LFW (Labeled Faces in the Wild) 数据集。 3. **安装预训练模型(可选)**:如果你打算使用深度学习方法,MATLAB 提供了一些预训练的卷积神经网络(CNN)模型,比如 AlexNet, GoogLeNet 等,可以直接加载并用于特征提取或分类。 ### 步骤指南 #### 1. 加载人脸检测器 ```matlab face

    白色宽屏风格的建筑设计公司企业网站源码下载.zip

    白色宽屏风格的建筑设计公司企业网站源码下载.zip

Global site tag (gtag.js) - Google Analytics