首页 > 经验 > 关键词 > Web2.0最新资讯 > 正文

Web2.0体验式网站设计的41个关键

2011-05-27 15:21 · 稿源:玖八壹の扯淡博客

 

Web2.0时代,体验式营销,体验式网站设计开始走向主流,那么体验式网站到底意味着什么?具体表现在那些地方?周末,根据建站的一点经验和观察,也参照了网友的一些建议,总结了体验式网站设计的四各方面,41个关键体验点,将其梳理概况,但仍是较为粗浅,欢迎补充建议。(老早的一篇文章,但还是挺实用的)

体验式网站设计的四个方面

1、视觉体验:呈现给用户视觉上的体验,重在UI设计,强调舒适性。

2、浏览体验:呈现给用户栏目和内容的体验,重在合理规划,强调协调性。

3、信任体验:呈现给用户的信任体验,重在细节斟酌,强调稳定性。

4、互动体验:呈现给用户操作上的体验,重在路径设计,强调易用性。

一、视觉体验的11个关键体验点

视觉体验:呈现给用户视觉上的体验,重在UI设计,强调舒适性。

1. 整体风格:这是网站给用户呈现的第一印象,主要体现在两方面,一是网站质量的权衡,网民第一次看到网站后,首先会根据感觉对网站有个上、中、下额评判,二是网站类型的归属,例如是资讯型,形象型等。因而网站在设计之前,必须明确目标客户群体,并针对目标客户的审美喜好,进行分析,网站设计要符合目标客户的审美预期和类型归属。

2. 网站LOGO:LOGO的设计水平直接体现了站长的审美水平。并且logo是网站整个风格的主导,也是网站对外传播的形象标示,务必要仔细斟酌,不仅要简洁得体,还要符合网站的定位和目标,最好找家设计公司,或者去toidea.com 威客一下。

3. 页面布局:重点突出,主次分明,图文并茂,声画全面。网站的有效空间是有限的,网站的第一屏画面至关重要,页面布局要与网站的营销目标相结合,将最能吸引用户的内容,通过合适的表现形式,放置在最重要的位置。

4. 页面色彩:六个务必:网站务必要有个主题色,务必注意冷暖色调的搭配,务必注意主色调、辅助色的使用数量,务必保持网站整体形象相统一,务必注意渐变色的使用,务必恰当搭配色彩的明度和亮度。

5. 页面大小:最好将网站设置成为自适应的页面,如果无法修正,最好调整为1024*768,照顾到800*600用户,页面主要内容可以偏左设置。此外,还有一些异性的网站,务必要考虑到核心用户群的使用习惯,可以主要从年龄上来判断,30岁以上用户,还是800*600居多。

6. 动画效果:首先注意动画的放置位置,其次是呈现方式,再次是加载速度,最后也是最关键的是内容的表现形式。动画效果会在第一时间吸引用户的关注,但关注不是目的,要让用户有兴趣接受动画所传达的内容。在动画表现形式设计时,还要注意与主画面相协调,动画效果节奏适中,不干扰主画面浏览。

7. 内容形式:现在有个立体化新闻的概念,视频、图片、文字、评论都在一个页面中展示,而且再加上网民评论的即时更新,表现形式更生动。此外,对于文字部分,字体大小最好设置可调选项,对重点内容进行标注,对关键词设置链接(seo),如果没有广告的考虑,最好不要设置多页浏览,很影响阅读体验。

8. 图片展示:首要的还是图片栏目的页面位置,要与整体网站比例协调,符合一般用户的浏览习惯;其次是图片的展示形式,现在有很多flash的图片代码,还有 lightbox的js也是不错的选择,再次是图片内容要清晰、不变形,图片选择上也要符合网站的总体风格,不要太突兀。

9. 图标使用:首要考虑与页面整体风格统一,其次是简洁、明了、易懂、准确,再次可以尝试使用一些3D效果图标。

10. 广告位的设计:广告设计最关键是要符合用户对网站广告的预期,不要让用户对广告产生反感。有很多是网民早已认可的广告位置和形式,例如页面上方的 banner条,页面两边的对联形式,页面右下方的文字广告等,这些位置都是网民们默认的广告位,千万不要冲击网民的浏览习惯,避免干扰视线,除非你的广告创意绝对吸引人,否则结果往往是立刻关闭广告和网站。

11. 背景音乐:除非是活动推广或者是形象推广类主题网站,搞点刺激性的音乐提提神,否则千万不要设置背景音乐,一个字,烦!就算设置背景音乐,最好将开关按钮及音量控制放在显要位置,免的网民因为找不到控制按钮而立刻关掉页面。

二、浏览体验的八个关键体验点

浏览体验:呈现给用户浏览上的体验,强调吸引性。

1. 页面导航:网站导航如同楼房的地基,是整个网站基础和框架,一切内容和服务都是从导航中延伸出去。页面导航的设计分为两个层次,一是形式层:体现在导航位置、表现形式(文字、图片、flash等)等方面,二是内容层,页面导航也是对整个网站内容框架的分类和高度概括。形式层的设计,建议参照一下韩国网站的设计风格,动感、简洁、清晰。至于内容层,就因站而异了,分类条理最关键。但栏目名称尽量简短,栏目层次也不宜过多,两层比较合适,但也要以内容为中心。

2. 页面速度: web2.0,网站中增加了越来越多的视频、动画元素,对网站速度的要求也越发苛刻。回想一下,这么多视频分享网站中,为什么很多人选择优酷?就一个速度。此外,大一点的网站再考虑一下南北互通,或者教育网的对接问题,此外选择一家稳定的服务器托管商也至关重要。

3. 页面容量:主要指首页的页面容量,除非是资讯类网站,否则网站首页内容最好不要超过两屏,最好不要让用户再滚动鼠标就可以浏览到整个页面。再就是页面设计要考虑到文字和图片的搭配,还有不同字号、字体、颜色的搭配,还有网站留白的设计,以免页面造成视觉抵制,心理学家做过实验,人眼每秒摄入的有效字符最多只有20个,要是页面全是细密的文字,效果就可想而知了。

4. 页面结构:结构就是放置内容的框架,网站的页面结构其实是有章可循的,尤其是现在大家见的网站越来越多,自然也形成一些列默认的模式。简单分网站主要也包括“同”字型、“司”字型、“三”字型、“F”型等页面布局,具体随后会撰文详述,这里要强调的是页面结构的创新也要基于一定的规律,千万不要打破用户的浏览预期。

5.内容安排:首先是突出重点内容,大标题,大图片塑造视觉冲击,这也是借用报纸的操作手法,其次是内容协调,每一个栏目应确保足够的信息量,避免栏目无内容情况出现;再次是内容形式,兼顾视频、图片、文字的比例和页面协调。

  • 相关推荐
  • 大家在看
  • 顶部导航vs侧边导航,哪一种用户体验更好?

    先来了解一下项目的背景。Conduira online是一个线上的教育平台,为准备考试的用户提供有用的工具和资源。这个平台目前有一个侧边导航栏,上面有 11 个选项。后来由于平台的变化,将主导航的选项缩减到 3 个——主页、实习和课程。

  • 为小年糕用户体验再升级,美摄科技带来视音频黑科技

    近年来,我国老龄化趋势明显。中国老人将以每年 1000 万人的速度增加,到 2020 年,50- 75 岁的群体将超过 4 亿人。老年人口不断增加,互联网老年用户的比重也在不断增加。根据 2018 年腾讯应用宝发布的《老年用户移动互联网报告》,中国目前已经拥有了 8000 万老年网民,占老年人口的20%,也就是说,每五个老年人中就有一个使用手机上网。目前最火爆的短视频、直播等新媒体也正在成为中老年群体最喜欢的内容形式。其中许多中老年?

  • 抓住关键点,提升App搜索设计的体验!

    搜索过程中需要展示什么?如何帮助用户尽快找到他们想要的?搜索的体验如何与其他体验相联系?这是很多设计师思维模糊的地方。

  • 微软详解新Edge为何基本不占用太多内存/CPU:保证用户体验

    ​微软正在全速推进Edge浏览器的市场占比,毕竟老大哥Chrome的领先份额有点太大了。

  • 微软承诺认真改进Windows 10:提高用户体验、减少Bug

    对于Windows 10来说,微软或许是听到了不少用户的吐槽声,他们承诺接下来要提高系统的用户体验。据外媒报道称,微软承诺Windows 10将继续成为未来开发的重心之一。在 Ignite 2020 大会上,Pan

  • “超级大嘴巴”助力用户体验提升和创作者变现创收

    近日,超级大嘴巴开启内测,目前拥有食谱发布、展示、AI拍照识别果蔬、拍照识别菜名知晓卡路里的功能。 根据简介显示,该工具主要用于提升美食自媒体的用户体验,以及为短视频创作者变现增收。 提升用户体验: 主要是为粉丝提供方便,帮助用户解决以下的痛点: 刷视频学习做菜时,不知道配料、辅料是怎么样的。可能自己家里面缺某一种或者缺其中的几种。菜市场买菜时,开始记得,过一会儿买回家后,发现忘记了。 有的菜谱步骤比较

  • 智能短信改变信息行业格局,卡片短信提升用户体验!

    随着市场营销模式的转变,信息技术不断升级,智能短信的兴起流行,成为短信营销升级变革的结果,智能技术逐渐渗透人们日常生活的方方面面,物流快递、银行及服务点等信息通知方式都已变为智能短信,满足用户持续升级的使用需求,泰迪熊移动的智能短信产品,就在为企业及用户提供创新智能服务。说起智能短信,相信大家不难发现,人们日常收到的银行服务短信、网站通知、快递信息都成为了智能短信。作为一种服务与营销入口,智能短信

  • 云视听极光少儿模式专为孩子打造,提供更安全体贴的用户体验

    独立拥有少儿模式的视频应用TV版,必须要为这样的设计比个心。腾讯视频TV端,云视听极光就做到了,云视听极光少儿模式是由腾讯视频自主研发的产品模式,汇集了少儿闹钟、黑名单设置、单片循环、远程管理等多项特为少年儿童身心健康成长而设计的管理功能,能够为儿童提供更为简单便捷的应用操作,同时为父母提供一个放心的少儿电视环境。忙碌了一整天回到家当然是希望多陪陪孩子,陪着他们看他们的专属节目那再好不过了,可当我们没

  • 体验好的电商APP长啥样?这里总结了7种绝佳的UI设计原则

    最近,国外设计师Jennifer Jhang对一些顶级的电子商务APP如耐克、苹果、三星、Ebay、Banggood以及Best Buy等产品进行了研究,并总结了 7 种主要的用户界面模式。

  • CoinBene满币张漾斌:专注做好产品,提升用户体验

    满币创始人张漾斌 | CoinBene满币从2017年成立,至今已经良好运营3年多。CoinBene满币CEO张漾斌表示,“满币的运营模式是,始终专注做好产品,致力于提高用户体验”。为了满足用户多元化的需求,CoinBene满币曾7天上线开单止盈止损,在已有全仓和逐仓的基础上,30天上线分仓,10天搞定计划委托。CoinBene满币旨在为所有合约用户打造一个简洁、专业的数字货币交易平台,不止服务于专业的交易者,也要为合约新人打造一个0门槛的合约交易平台。C

  • 从濒临破产到价值4亿美元,这个无代码网站设计平台经历了什么?

    很多初创公司都会试图构建自己的网站或者开发平台,而在没有预算和专业网站开发人员的情况下,无代码开发平台和工具成为了很好的选择。

  • 信用飞发力智能风控,杜绝乱收费现象,全面提升用户体验

    随着大数据、人工智能、云计算等技术在传统领域的广泛应用,各类风险也利用新技术不断升级演变,金融风控的难度不断升级。作为一家立足航旅场景的数字科技公司,坚持以科技为驱动,全面提升用户体验,杜绝乱收费等行为。 在整体经济下行的大背景下,数字科技企业如何运用科技手段有效降低风险,成为整个行业健康发展的重中之重。也因此,以大数据、人工智能、云计算等新技术为基础的智能风控,成为近年来各大平台及数字科技企业的

  • vivo IFEA 分离式镜头设计荣获2020红点设计概念大奖

    2020 年 10 月 9 日,深圳 —— 享誉全球的设计界“奥斯卡”德国红点奖于线上颁奖典礼中官宣获奖名单。vivo工业设计团队凭借vivo IFEA(Interest Free Explore Amazing)分离式镜头设计,在来自 52 个国家的 4170 件作品中脱颖而出,荣获红点设计概念奖,彰显其卓越产品设计和领先创新科技。对vivo而言,成为近三年为数不多斩获红点奖的中国手机品牌,意义非凡。红点设计概念奖证书vivo IFEA分离式镜头设计示意图 德国红点奖始于 19

  • 如何设计抖音主页头图 抖音背景图怎么设计

    抖音主页头图要怎么设计会比较好看,让人留下比较深的印象呢,背景图的设计思路以及主要考虑的因素有哪些。下面我们会通过几个要点来介绍下,抖音背景图的设计注意要点,大家在抖音设计自己的头图时可以参考下。1、KOL出镜,也就是自己抖音视频里的主角出现在头图背景图里面,让他/她成为标志性IP,记得要使用好看的高清形象照,不用其他过多文字或其他修饰就能引流2、在头图里面,再次自我介绍,完成对账号的简介的补充说明,或者

  • MIUI 13全新UI设计曝光:上下滑动式电源菜单

    尽管MIUI 12今年4月才发布,6月开推稳定版,但MIUI 13的开发已经悄然进行中。日前,国外用户Enes Keskin晒出号称是MIUI 13全新电源菜单的UI设计。仅从预览来看,长按电源菜单后的柱状条带设

  • 如何设计抖音LOGO头像 抖音logo怎么设计好看

    抖音账号的头像LOGO要怎么设计比较好看,又符合自己账号的定位属性,什么头像可以让别人一眼看了之后留下深刻印象呢,这里我们来一起了解下如何设计好一个抖音的logo头像。

  • 如约而至!科勒精选·设计中国北京设计论坛即将开幕

    亚洲高端设计大展“设计中国北京” 2020 将与全球厨卫领导品牌科勒KOHLER再度合作,邀请来自国内外顶尖的设计大师,以“以设计之道复兴世界”为主题开展为期 4 天的科勒精选·设计中国北京设计论坛。其中,展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。2020 年注定是不平凡的一年,第三届“设计中国北京”( 9 月 23 日 –9 月 26 日)重磅回归,旨在凝聚全球设计的力量,以前瞻思想深入探讨“后?

  • 科勒再度携手设计中国北京,以设计凝聚幸福点滴

    2020 年 9 月 23 日 –9 月 26 日,亚洲高端设计大展“设计中国北京” 2020 即将隆重举行,全球厨卫领导品牌科勒KOHLER作为论坛的冠名赞助商,再度携手“设计中国北京”,带来为期 4 天的科勒精选·设计中国北京 设计论坛。本届论坛汇聚来自国内外 30 余位顶尖设计师的前瞻思想,将以“以设计之道复兴世界”为主题展开探讨。展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。在设计中感知幸福生活在

  • 快递价格战压缩快递员收入:一单仅赚2毛5 用户体验直线下降

    快递行业的竞争愈演愈烈,不断加剧的价格战使得快递员更忙了,快递员为什么反而收入降了?据央视报道,许多快递员对派费下降叫苦不迭。一位快递员在网上吐槽说,今年7月,到手派件费已降至0.4

  • 网站导航:7个最佳实践,设计技巧和警示

    一些小的事物可以创造大的变化,网站导航栏就是一个很好的例子。导航的结构和标签可能会对结果产生巨大影响

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签

热文

  • 3 天
  • 7天