Zhuoer Wang's profile

SF Station Website - Redesign Concept




该作品是为资讯类网站 SF STATION 做的 Redesign 概念设计。该网站主要面向喜欢外出找乐子的年轻用户群体,为他们提供旧金山湾区的娱乐相关信息,包括音乐节,话剧,展览,俱乐部,酒吧,露天活动,旅游等丰富的资讯。

Redesign的思路包含两个方向:【 基于原网站本身存在的UI设计方面的缺陷进行优化,提升用户在信息接收—操作处理—反馈时的体验 】以及【 针对网站主要面向的年轻用户群体和网站本身的功能属性,做出更符合相关特征和调性的视觉风格的改进 】。

— 区分页面中的可交互元素,和不可交互元素。
使可交互元素凸显出来,增强指示性,引导用户准确高效地操作,如增加明显的红色按钮;“ News ” 页面每个板块的大标题后增加箭头元素,更具指向性,暗示用户点击跳转;顶部导航栏标记点击后的状态等细节。
不可交互的部分基本为资讯信息本身:1. 根据格式塔原理中的接近性法则,让图片和文字之间的成组关系能一目了然,组内信息整体性更强,使用户视觉更聚焦。2. 对一组内的标题,副标题,标签,段落文字的排布进行重新的优化,突出主次层级。3. 参考了国外很多时尚类年轻向的网站设计中使用的大字的效果,对页面中重要的标题和信息进行加大字号以及字母大写处理,使关键信息更易被用户快速识别,加强文字间的对比使页面视觉更有表现力。

— 网站由原本白色背景更换为黑色背景,营造 “ 演出 ” 的氛围,突出网站功能特征,且符合用户是年轻躁动爱玩的人群这一属性(夜生活开启,演出开始)。从专业的角度,黑色能给眼睛较大的适应,减少背景色彩给眼睛的刺激,提升用户观看体验,从而延长页面停留时间。同时,黑色背景能更好地凸显页面中各个板块以及元素的信息,产生视觉捕捉的效果,给用户提供更为清晰的指示。 

— 必要内容的补充和丰富。如原本网站的首页和 “ Events ” 页面内容重合,没有一个标志性的首页设计。Redesign 后在首页中重新整合了 “ Events, News, Topics, Sponsors ” 中的主要信息,让首页能呈现一定的关键信息同时更有吸引力,符合用户对网站 “ 首页 ” 的一般认知。 

SF Station Website - Redesign Concept
Published:

Owner

SF Station Website - Redesign Concept

Published:

Tools