怎样来评判网站界面设计的好坏?

2016-02-17 04:00 5 1 收藏

下面这个怎样来评判网站界面设计的好坏?教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - 平面设计 】

也许你是老板,要评估自己的新网站设计情况,或者你是项目经理,要查看你的设计师制作的网站模型。你该在网站界面设计中发现什么呢?谁都会无关痛痒地说这个看起来不错或者这个好像不怎么好用,但是怎么才能给出有意义的反馈呢?

我们经常需要叫非职业设计师来评判界面设计的好坏。也许你是老板,要评估自己的新网站设计情况,或者你是项目经理,要查看你的设计师制作的网站模型。你该在网站界面设计中发现什么呢?谁都会无关痛痒地说这个看起来不错或者这个好像不怎么好用,但是怎么才能给出有意义的反馈呢?

对设计的全面深入理解并非一篇文章所能概括。本文提供一些对你有所帮助的指导原则。

开始之前,为你提供一个范例。这是我最近做的一个界面评论文章,针对的是尚未发布的Firefox Add-On Builder界面。这个Add-On Builder属于Jetpack project 的一部分,你可以用这个中等复杂度的Web应用,方便的在线开发Firefox和Thunderbird扩展插件,然后将你开发的插件发布到网上供全世界网民下载。

何时让你来评论界面?

什么时候做界面评论是如何做的首要考虑因素。如果是在产品或者网站即将面世之前,那么你只能给些小的建议,因为已经没多少时间让你的反馈有大的影响了。你对相关作品的评论越早,你的话就越有影响力。

怎样来评判网站界面设计的好坏?,PS教程,图老师教程网

不打断用户思路很重要

发现界面中打断用户思路的地方:任何时候,当用户不得不停下来思考怎么使用你的产品,就说明你的界面使他们困惑了。 任何让他们同时想到不止一件事的东西,比如模式对话框,不必要的确认,屏显设置,以及进入网站前强制填写的非必要表单等等。所有这些东西都是用户使用你的产品时的拦路虎。

例子:Windows用户早就习惯了,微软总在问你:你确定吗?

怎样来评判网站界面设计的好坏?,PS教程,图老师教程网

减少交互

界面设计的最高境界是让用户忘掉界面,忽略界面的存在。虽然拥有丰富交互的界面看起来很华丽,但只有用户使用你的产品时所需步骤最少时,才能减少可用性带来的问题。

有一些新闻类网站喜欢把文章分很多块,然后分页来显示,所以用户不得不一直点击下一页来等那么多广告下载完才显示出页面。大多数人都会讨厌这种做法,所以根本不会读完一篇文章。这就是交互过载的表现。

(译者注:国内门户网站都这样,主要是流量考虑)

仔细思考一下,用户使用你的产品时所作的每一小步都是必要的吗?如果你也觉得麻烦,那就去简化一些。

例子:学学泡泡网的绝佳设计吧

怎样来评判网站界面设计的好坏?,PS教程,图老师教程网

视觉位置

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

确保你的按钮、链接和交互动作都正确地进行了逻辑分组。经常可以看到保存按钮紧挨着关闭按钮,这意味着用户的一个小小的错误就可以带来灾难性的后果。

例1-Gmail的发送和舍弃按钮相隔甚远

怎样来评判网站界面设计的好坏?,PS教程,图老师教程网

例2-人人网站内信的发送和取消用颜色识别开(其实可以做的更好)

怎样来评判网站界面设计的好坏?,PS教程,图老师教程网

不要过多使用图标

图标通常看上去很漂亮,却不那么容易理解。每次他们想要使用图标的时候,他们都会把鼠标放上去,看看这个图标到底是什么意思。尽量使用文字来表达你的意思,而不是只有行内人容易识别的图标。

例子:淘宝商城的图标制作很见功力,配合文字使用恰到好处。

怎样来评判网站界面设计的好坏?,PS教程,图老师教程网

提供一个良好的起点并保持一致

最好的界面应该是可逐渐学习的。进行一项基本的任务前还需要研讨15分钟的肯定不行,应该让用户很容易学会使用,然后继续自己的任务。你的产品很好地说明了从哪儿开始以及如何开始吗?刚学到的东西能帮助引导用户理解下一个东西吗?请保持简单的机制和一致的隐喻。

例子:豆瓣的3个核心频道,良好起点和一致性的典范。

怎样来评判网站界面设计的好坏?,PS教程,图老师教程网

选项少意味着担忧也少

为一个动作(比如注册)提供多种选择会给用户带来无形的负担,要尽量避免这样。给用户提供很多选项似乎是个好主意,实际上却非如此。这样容易使界面膨胀,让用户做过多不必要的决定。

如果你看到不止一种方法可以做某件事,让你的设计师花点儿时间简化一下,做一个统一的方案。不要让用户处在犹豫不决中。用户脑中不相关的选择越少,他们就越清晰地知道如何完成自己的要做的事儿。

例子:看看苹果的简约设计。

怎样来评判网站界面设计的好坏?,PS教程,图老师教程网

例子:再看看宏碁的相对复杂设计。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

怎样来评判网站界面设计的好坏?,PS教程,图老师教程网

界面重要,交互更重要

相比于产品的使用感受,它的外观更容易引起注意。要避免把大多数时间都花在产品外观上的陷阱。外观容易改变和改进,相关的瑕疵毛病也容易发现。但是交互才是产品的核心,把多数时间花在处理产品交互问题上,最后再把外观表现做好!

例子:看这个日期提醒,交互更重要。

怎样来评判网站界面设计的好坏?,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160217/1578301.html

延伸阅读
无论网页或是移动APP的设计,很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。本文就移动APP表单设计进行浅析,看设计师是如何在设计与交互体验之间做到小而美的平衡。 一.极致的减法 这是一个异于常规设计思路而得的登录框产物,这不是通常意义上的登录窗。它仅仅保留了用户名的输入,只需按回车便可确定,跳出了登录界面设计中的...
Madsen Cycles Dripping In Fat Custom T-Shirts JAQK Cellars Weta Shop   Uniqlo Myla Zoomii.com – The Real Online Bookstore Pure and Little Nixon Amazon Window Shop Behance Outfitter Opera Ma-Ge Struck Apparel Hot Sauce Emporium Ophelia Fancy...
这些网站都是值得我们收藏的。这次我们主要整理APP界面设计网站、图标、APP Icon、配色等网站,每个都很不错,无聊的时候都可以去翻一翻,看看最新的作品。 对于没有设计过APP UI的朋友,最好的开始就是模仿,学习人家的UI、UX等等,希望你能从下面这些网站获取灵感,Enjoy! iPhone/Andorid UI界面设计灵感库 这几个网站主要收集应用界面的截...
绿色有很多中好的寓意:被批准放行(绿灯)、举重若轻、挣些美钞。同样,绿色也有自己的阴暗或者不引人注意的意义:绿眼怪(嫉妒),脸色苍白(feeling green around the gills)以及简单的太嫩(be green)了,比如,毫无经验。 到现在为止,我们在这个系列中了解了蓝色 和红色以及它们在设计中的一些实例。今天让我们了解一下绿色。和蓝色一样,绿色...
网站模板一直很流行,因为它可能帮助一些企业或用户快速搭建一个专业的网站出来,模板听起来有点不舒服,也许你见太多山寨作品了吧。在设计达人网这里你可以看到很多专业设计师制作的作品,即使是模板也会很漂亮。 对于没设计能力或者想投入更少资金来建站,那么选择模板是最好的了,比如购买高级版的WordPress主题或使用免费HTML模板都可以。...

经验教程

705

收藏

89
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部