爱企云-深圳网站建设
所在位置: 首页 > 动态 > 行业动态 > 如何突破传统网站设计的思维惯性

如何突破传统网站设计的思维惯性

一、传统网站设计思维的局限

 

传统网站设计思维存在诸多局限。在设计中心方面,往往以设计师为中心,设计师根据自己的审美和创意进行设计,而较少考虑用户的实际需求和使用体验。在设计理念上,追求华丽炫酷的效果,过于注重页面的视觉冲击力,而忽视了网站的实用性和功能性。设计方式较为单一,缺乏创新,难以满足用户日益多样化的需求。在用户体验方面,传统网站设计存在很多问题。

深圳网站建设

首先,从网站结构来说,很多传统网站采用模板建站服务,尤其是自助建站系统,导致网站结构和布局雷同,无法体现企业特点和优势,不适合做 SEO 优化,难以给用户留下深刻印象,推广成本大多被浪费。同时,在搜索业务关键词时,用户可能因为网站缺乏特色而随手关闭,影响网站的跳出率和在搜索引擎中的排名。

其次,从网站系统来看,仍有很多企业采用老掉牙、运行效率低且漏洞百出的 ASP 程序开发,容易导致网站被入侵,被放黑链等情况,影响网站的安全性和稳定性。而真正的营销型网站建设系统应该是安全、速度运行效率高、代码简洁且能有 HTML 静态生成技术功能,以提高用户体验。

再者,从用户体验角度,现在很多网站页面乱七八糟、花花绿绿,没有重点和卖点,导致用户打开即关。一些重要的能体现网站公信力和销售力的东西没有表现出来,使得网站的转化率不高。

此外,传统网页设计还有其他不足之处。比如在排版方面,不合理的排版可能导致用户体验不佳,段间距和行间距控制不好会使文本可读性降低。还有一些设计师会假设用户了解他们所了解的内容,这容易陷入设计误区。同时,忽视基础设计,如网页加载不出页面、按钮无反馈等问题,也会影响用户体验。设计过于复杂,过多的插画、繁复的特效等会稀释网页中真正重要的内容。在分页浏览方面,一些图片类站点一页一张图片的浏览方式会让用户体验很差。

传统网页设计在盈利方式上也存在问题。传统 PC 端网站主要依靠电子商务、联盟广告等盈利,但随着移动端的发展,依靠联盟广告盈利的网站疯狂挂广告,影响用户体验,加快了网民向移动端迁徙。用 PC 端打开网站,广告漫天飞,网页加载缓慢,各种广告惹人厌;而移动端打开速度快,浏览顺畅。

总之,传统网站设计思维在设计中心、理念、方式和用户体验方面都存在一定的局限性,需要我们跳出这种思维惯性,探索新的设计方法。


二、突破思维惯性的方法

 

(一)以用户为中心

在当今的网页设计中,新型思维的核心是用户。设计师不能再仅仅依据自己的审美和创意进行设计,而要充分考虑用户的需求和情感,从多个角度进行思考。这就需要深入了解用户画像和行为模式,以便更好地满足他们的期望。例如,通过用户调研和数据分析,了解用户的职业、网络冲浪习惯以及对不同网站的喜好和使用情况,从而确定目标用户群体的特征和需求。同时,以用户为中心的设计还要求设计师在设计过程中与用户建立深刻的共鸣,站在用户的角度去理解他们的问题和感受,就像移情设计那样,关注用户对产品的感受,建立情感连接。


(二)转变设计理念

网页设计不应再追求华丽炫酷的效果,而应更加注重内容的清晰易读性、整体的创意性和用户的宜用便捷性。过去,很多网站为了追求视觉冲击力,采用了复杂的设计,导致页面缺乏重点和卖点,用户打开即关。现在,我们应该摒弃这种做法,让设计更加简洁明了。例如,避免使用过多的插画和繁复的特效,以免稀释网页中真正重要的内容。同时,要注重网站的布局和排版,合理控制段间距和行间距,提高文本的可读性。此外,还应关注网站的实用性和功能性,确保用户能够轻松找到所需信息,提高网站的转化率。


(三)采用新设计方法

如今,更多的网页设计开始采用数据驱动设计和体验设计。通过数据分析,设计师可以了解用户的需求和产品存在的问题,从而有针对性地进行改进。例如,利用大数据分析用户的行为和习惯,为用户提供所需的信息和内容,减少用户盲目搜索信息的时间,提高用户体验。同时,注重体验设计细节,从用户的角度出发,思考如何让用户更快地操作。比如,网易云音乐点击账号 Tab 即可直达要提醒的消息,这种微小的创新就能提升用户体验。此外,在设计过程中,要容忍失败,将测试网站作为重要环节,从失败中找到正确的出路。


(四)协同设计与用户参与

设计团队应进行协同设计,不断测试、反馈和优化。在设计过程中,团队成员可以集思广益,发挥各自的优势,共同打造出更好的产品。同时,用户也应该参与到产品的设计和优化过程中。例如,可以通过调查问卷等形式收集用户的需求和意见,分析用户的行为和习惯,为产品的改进提供依据。还可以像凡科网站建设所提到的那样,制造生动的情景,让用户感受到自己也在参与网页设计,增强用户的参与感和体验感。


(五)注重用户体验

掌握用户心理学和行为学常识,能够为网页设计提供更好的指导。设计师要了解用户的需求和期望,提供更好的使用、视觉和互动体验。在设计过程中,要注重网页的统一性和整体性,避免出现混乱的布局和不协调的色彩搭配。例如,可以采用灵活的布局和网格系统,实现页面元素的自适应排列,确保在不同设备上都能良好显示。同时,要注重可触控的交互设计,满足移动设备用户的操作需求。此外,还可以通过情感化设计,为用户带来独特的温暖,消除用户对产品的刻板印象,提高用户的满意度和忠诚度。


三、具体实践案例

 

(一)网易系产品设计

网易系产品在设计方面有很多值得借鉴之处,通过网易云音乐、网易邮箱大师、马蜂窝等产品案例,可以看出如何突破竞品固有思维、提高用户操作效率、进行不一样的设计、打破功能束缚以及进行情感化设计。

1. 网易云音乐

网易云音乐在音乐类 APP 市场中独树一帜。从用户体验的五要素出发,其产品定位主打音乐社交,用户偏年轻化。在盈利模式方面,除了广告投放、免费增值、音乐商城、票务系统、内容付费等常见方式外,网易云音乐还充分发挥 “强社区” 属性。例如,霉霉 Taylor Swift 最新数字音乐专辑《Lover》在网易云音乐上线后取得了优异的销售成绩,这与网易云音乐的歌曲评论运营以及 “云村社区” 的建设密不可分。歌曲评论量高,霉霉还录制专属视频在评论区与网友互动,同时开发专属表情包方便用户交流。此外,网易云音乐的 “云村社区” 取代了 “朋友” TAB,出现在一级入口,内容以陌生人推荐内容为主的瀑布信息流,用户可以不停滑动浏览新内容。这种社区化的设计满足了年轻用户的社交需求,提高了用户粘性和付费习惯。

2. 网易邮箱大师

网易邮箱大师是网易推出的全平台邮箱客户端。其 logo 设计提取代表 “邮箱” 的中字 “邮” 为主要设计元素,结合网易经典的品牌红白两种主要配色,醒目的红色将设计感的 “邮” 字衬托。在新推出的 7.0 版本中,不仅升级了全新的界面,App 的 logo 也进行了全新升级,采用五条向右角度倾斜的圆角矩形斜杠图形设计,看似简单却暗藏微妙的设计情节。同时,网易邮箱大师上线邮件 “聚合” 功能,专门为职场人提供科学、高效的邮件整理方式。例如,聚合联系人可以将同一发件人的信息一目了然,聚合关键词可以将关联邮件迅速归类,方便用户查找和整合邮件。

3. 马蜂窝

马蜂窝在品牌设计方面有很多亮点。在品牌 LOGO 设计中,通常伴随着一本 VIS 手册,使企业在品牌推广中标识更加系统性、规范性。在 APP 设计中,马蜂窝将 LOGO 元素融入各个页面,如启动页、首页、目的地页、酒店页、“我的” 页面和 Loading 页面等。例如,首页的金刚区 ICON、底部的弧度和二级导航栏显示当前位置状态都采用了 LOGO 的小微笑元素,切换时还有微动效。在目的地页,融合品牌元素的特色功能如爱玩的玩乐热销榜和酒店推荐,增加了用户的粘性。此外,马蜂窝还通过不断尝试,如将寓意着快速的 LOGO 元素提取出来放到二级导航栏上面,学习利用 LOGO 的外轮廓制作宣传海报、Banner 或弹窗等,来传递品牌元素,提高品牌知名度。


(二)手机网站建设

手机网站建设需要摆脱用户惯性思维,采用一些方法来提高用户体验。

1. 遵循独立域名

很多站长为了省事,将 PC 端域名与手机域名使用同一个域名,但在移动端,搜索引擎对于 PC 端的资源是排斥的。因此,手机网站使用独立域名是最佳的选择,可以让搜索引擎明确区分 PC 端和移动端,提高手机网站的搜索排名。

2. 根据手机特征设计

手机屏幕远没有 PC 的大,因此手机网站在设计上要更加注重实操性。可以根据手机的实际操作情况来排版网站的栏目,避免采用不适合小屏幕的 PC 端版式布局。同时,要使用精简的网页设计,减少阴影、渐变等复杂的设计,提高网站的加载速度。

3. 使用精简网页设计

手机网站的版面小,需要将设计精简化,去掉过多复杂的设计,不仅能放松页面空间,还能提高网站加载速度,让用户更加顺畅地进行浏览。同时,精简不等于简陋,要去掉装饰性的设计以及用户不常使用到的功能,保留必要性的元素,满足用户的需求。

4. 建设好独立手机购物网站的要点

(1)独立的手机购物网站框架结构建设要清晰合理。购物网站的栏目布局要清晰,网站目录要完善,能让用户快速准确找到自己想要的商品。图片文字要搭配好,图片要清晰,文字搭配要具体;在色彩搭配上要采取不同的色调搭配,给人一种不至于过于单调的感觉。

(2)要注意手机购物网站建设的完整性。在网上购物时,用户希望每一笔订单都是可以得到查询的,因此企业在建设独立手机购物网站时要注意购物网站的提示操作,保证订单的可查询性。同时,要减少弹窗,避免让用户感到烦恼。

(3)提高网站速度。不要在网站上放置过多的视频、图片、Flash 等内容,以免导致网站变慢,增加客户离开的可能性。

(4)活动页面。活动页面可以在短时间内吸引更多的客户,增加产品的销售,提高企业的利润。因此,手机购物网站需要具备活动页面功能,以便在合适的时候推出活动吸引客户购买产品。


四、平衡艺术与商业

 高端官网设计

网站视觉设计需平衡艺术与商业,关键在于应用品牌基础 VI 设计,从 LOGO 的 “形” 和 “色” 提取元素融入网站,提升品牌辨识度,在 icon 设计等方面体现品牌感。

在当今的网站设计中,平衡艺术与商业至关重要。艺术能为网站带来视觉上的吸引力和独特性,而商业则确保网站能够实现其营销和盈利目标。品牌基础 VI 设计在这一平衡中起着关键作用。

首先,从 LOGO 的 “形” 方面提取元素。可以参考 VI 手册中的「象征图形」进行延展,将 logo 外形结构做成相应的 icon 或是动效等。例如天虹的 logo 是一抹橙色极简的彩虹形状,在其企业简介的 Banner 以及每个页面的底部导航,都有将 Logo 这一特征延展出来的图形设计,这种方式让网页中的融入感十分可观。

其次,从 LOGO 的 “色” 方面进行呼应。提取 logo 中的标准色或代表性的颜色与网页元素相呼应,将 Logo 颜色通过网站中的文字、页面板式、icon 设计表现出来。像绿革将 logo 中的两种绿色元素融入到网站界面 UI 中,需要突出的文案也运用这两种绿色去做表达和强调。合理运用 logo 颜色,可以统一网站的整体视觉,且做到突出重点与更有效地传达信息。

在 icon 设计方面,品牌 VI 的应用常见方式就是在 icon 图标的设计上。精致的 icon 可以让表达更简单高效,要打造一套精致的 icon,可以从识别性、规范性、整体性和品牌感四个方面着手。识别性要求 icon 具备让访客快速认出的高识别度,不能让访客产生疑惑;规范性强调每个 icon 要保持视觉大小、色彩等一致性,以及图标饱满度等细节遵循同一规律;整体性要求 icon 设计风格要与网站基调达成一致;品牌感则要求 icon 设计要与品牌调性、理念相符合,传达给访客一致的感受,比如提取品牌色、采取品牌图形作为图标设计视觉元素,从而加深访客对品牌色的感知。

总之,通过应用品牌基础 VI 设计,从 LOGO 的 “形” 和 “色” 提取元素融入网站,并在 icon 设计等方面体现品牌感,可以有效地平衡网站视觉设计中的艺术与商业,提升品牌辨识度,为用户带来更好的视觉体验和商业价值。


联系爱企云
LET'S TALK
LET'S TALK
做品质网站,直接与总监谈
我们不搞销售套路,只有真正懂设计、懂技术、懂方案的人在与您交流
咨询直达   熊总监