资讯 产品 软件 游戏
当前位置: IT频道 > 软件 > 软件开发

工具型网站的体验设计——从广告平台出发

发布时间:2014-06-16  来源:

  工具型网站的特点剖析

  工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节,那便是:功能与数据。所以谈至“体验”,其实设计目标也就更加清晰和明确

  1.在保证功能流程顺利走完的基础上,让用户的感觉更加舒适;

  2.在面对大量数据时,让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁 不安。

  工具型产品普遍业务逻辑复杂且迥异,数据量大,往往还涉及不同角色的场景分类……套用一句老话:水很深。设计目标则成为了一盏心中的明灯,时刻提点自己要留神脚下的四伏的暗礁。

  功能设计之我见

  一级准备

  在处理功能设计之时,我奉行一句话:先弄明白了再下手。因为个体功能的修改牵涉到整个流程的走向,往往会在原有的基础上增加操作分流;而平台中的功能增加更会和其他的功能模块发生交互行为或产生影响。在设计师自己还不能对该功能的设计了如指掌的时候就匆忙动手,其结果就是设计进行到一半,问题暴露然后返工,更悲剧的是全套设计稿看似高效地做完,之后却面对全盘洗稿的惨剧。

  “脑图”在这个阶段的作用就变得至关重要。用什么工具出脑图?专业软件Mindmanager、Xmind、FreeMind也好,最原始的笔和纸也罢,只要能全面清晰地表现“关系”和“影响”就已经完成了使命。

  上个月正值“广告经理”在原有的支持PC端用户建立广告位并制作广告,查看效果的基础上,增加支持移动平台业务的功能。牵一发动全身,移动平台业务的功能加入使得整个“广告经理”众多模块都受到影响。下图便是在与产品经理召开需求会议的同时诞生的关联模块草图。这张草图既能在设计开展前期就相对准确的估计新版本的设计方向与工作量,又能在设计过程中保证设计侧重点与功能设计的完整性,作用不可小觑。 

  

脑图不仅仅有宏观把控的全局意义,而且也同样可以具备指导设计工作细节的现实价值。

  同样以此次广告经理-移动平台版为例,加入了移动业务,必然导致各原有主功能的走向出现分流,而基于广告的业务逻辑,不同平台上的广告大到展现形式,小到允许输入的字符数等等都会出现不同的变化。静下心来通过脑图梳理分流时的各种情况,然后淡定的打开设计工具开始工作,这肯定是比自以为很清楚,做到哪算哪来的科学和高效的,不是么?

  功能的平台表现形式

  功能模块具体落实到网站中,其表现形式大体包括:表单及其对应控件、按钮、信息反馈及提示,相互之间的关系便如下图所示。

  如此一来体验设计也便有了出发点和依托。举几个在广平系统中用到的设计案例吧。

  在智胜广告平台(AdWIN)的设计中,用户登录后便直接进入个人首页,在这里我们需要放置本平台最基础同时也是用户所有活动的出发点:创建广告。因此我们有理由在这个页面强调该入口,使它即能对新用户起到传达本平台的最大功能同时引导操作的作用,又能让老用户在登录之后直奔工作主题。

【1】 【2】 下一页

编辑:李敏

热点关注

创·想 ——2016华龙网H5创意设计大赛

  为提升工作中的创意激情,促进业务水平发展,不断提高网站移动端设计产品的用户体验,特举办本次活动。详细>>

iPhone 6弯曲起火烧伤用户大腿

  据香港《文汇报》20日报道,苹果公司最新手机iPhone 6和6 Plus推出后,已有用户投诉机身脆弱容易弯曲,但原来还有起火危险。美国男子莱希特早前在亚利桑那州旅游期间, ...详细>>

不买iPhone 6的十大理由

  腾讯科技讯 10月18日,iPhone 6/Plus国行版昨日在大陆正式开售。对于土豪来说,一款几十万的  Vertu手机才能彰显出身份。还可以列出iPhone 6的很多毛病,比如丑、没有...详细>>

华龙测评室

应用宝德PSM实现服务器远程监控管理

应用宝德PSM实现服务器远程监控管理

 网络时代的服务器担当着越来越重要的业务:运行网站、电子邮 ...详细>>
顶级婚礼摄影师的摄影秘密

顶级婚礼摄影师的摄影秘密

     这篇摄影教程会让您尽情领略顶级婚礼摄影...详细>>

精品推介

售价550元起 WP8新机Win JR和Win HD发布

售价550元起 WP8新机Win JR和Win HD发布

  10月14日上午消息, 据外媒报道,手机厂商BL...详细>>

高清图集

大美西藏——珠峰大本营重庆国际车展性感车模成哥游世界系列大美西藏--雪域高原神秘的尼泊尔印象泰国(二)