文档章节

初学者谈谈网站交互设计

王尘宇
 王尘宇
发布于 2017/09/07 00:05
字数 1158
阅读 4
收藏 0
由于所在团队的项目原因,开始接触实战的交互设计,第一次使用 Axure 来为一个网站设计一份交互。加入团队的时候,整体站点的功能和需求基本有了一个大框架,所以只提出了一些修改和增减的意见,主要针对网站在功能上的侧重以及交互上的缺失,而主体板块上面则没有做过多的变动。 在『自以为』完成了交互稿之后,看到视觉同学给出的效果图,似乎有点『心满意足』的感觉。很巧地,在人人上遇到了以前的老舍友,目前正在某大型网站做产品经理,于是就冒昧地提出把我做的网站原型拿给他看看,请求提一些建议。 结果是,出乎我的意料,但是又让我非常满意地,提出了很多至关重要的建议(正规公司的培训和自己摸索是完全不同的)。尤其是在学生团队中无论如何摸索也不容易自我觉醒的建议。所以趁热打铁,权当自己是一个初学者的典范,说说初学者对网站交互设计的一些误解。 误解一:交互设计,就是用软件做控件布局和跳转链接 从我和朋友的原型图就能高下立判,一个原型图逼近成品,而我的,则可能好一点的手稿也要比我的原型图清晰和美观。错误地把交互理解为设计主体布局和页面之间的跳转关系,并且简单呈现给视觉,是我做交互设计犯下的第一个错误。 单调的页面也仅仅体现了布局,丝毫没有体现出交互,更没有表达出不同的切换效果、换页动画以及呈现方式,这会对视觉以及前端同学的工作造成很多的不便。 误解二:交互设计,只是体现一个大概的设计概念 此条与误解一有些许重叠的地方,总而言之就是设计太潦草和太简单。在我的设计稿中,已知的网站944像素宽度也没有体现出来,是根据目测随意设置的边距,并且每一个页面的边距都不同(因为都是目测随便摆的)。同样地, 在高度方面更是没有细致的规划,没有考虑到每一屏所显示的内容,没有考虑到哪些控件可能出现屏幕上『青黄不接』的状态。实际交互和原型设计,应该是像素级的工作,应该让视觉和前端的同学明确知道每一个控件的精确位置,而不是让他们来替你做这件工作。工具方面,可以使用网格和屏幕分割线来划分区域,便于设计。 误解三:交互不对内容的排布做充分的考虑 首页过大的 banner 会导致分割了首页导航栏和主体内容,过度注重美观则使得内容打了折扣。同时,在活动列表等界面中,尽量保证每一屏中的几个活动所在的位置和体现效果『公平』,否则排序靠后的内容就非常容易被忽略掉(点击量落差巨大)。因此, 在交互设计中,除了要确定某一个大区域中放置的内容,对于其中细节内容的排布也应当有所考虑和安排。否则,你的设计就会影响运营同学的工作。 总的来说,交互设计和视觉设计、前端实现构成了网站设计不可或缺的整体,我再次对前期工作的不严谨和不专业对前端以及视觉同学表示深刻的歉意。交互设计,绝不仅仅是使用 Axure 把控件拖来拖去的体力活,也不是拍脑袋决定某一个布局好看或者某一个区域的内容。所有的位置、信息和像素,都是产品的体现、都是需求的满足、都是功能,都是产品经理需要 care 的东西。 最后,大公司对于重要的页面的设计都会有高级负责人亲自过目和确认,保证最终的效果。而在我们团队中,则可能需要产品经理、设觉设计和 Leader 一起来把关。

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
加载中

评论(1)

cindy21
cindy21
做原型设计还是使用国产Mockplus吧,效率比Axure要快几倍。
关于构想的移动web应用程序设计框架的思考

谈这个构想的移动web应用程序设计框架之前,要先谈谈web应用程序开发中的C/S和B/S,再谈谈jquery mobile,之后再谈谈现在已有的android UI开发工具。 一谈web应用程序开发中的C/S和B/S,在B...

egaotan
2014/05/06
154
0
写给simpleFramework官方网站运营100天的总结

前言 simpleFramework 官方网站上线100天,为推动国内的开源产品做出自己的力量,在今天这个特殊的日子,我就谈谈我对的simple的认识,用来大家更好的了解simple. (以下内容是作为使用者在伴...

simplesns
2011/01/15
607
2
0设计经验,如何找到一份UX设计师的工作?

UX (User Design) 设计师作为全球最受欢迎的高薪工作之一,截止至2017年,一名高级用户体验设计师的年薪已平均高达86,071美元,这也是为什么广大年青工作者争相进入UX设计行业的原因。但是,...

mo311
02/27
0
0
如何选择最佳响应式设计框架?

  【IT168 评论】现在有很多框架可供设计师和前端开发人员选择,其中大多数都可进行原型设计和部署。你可以从中找到最佳综合性框架,并且是轻量级框架,让你可以准备好进入下一个项目。目前...

it168网站
2017/06/21
0
0
谈谈我对 Ruby 的看法

引言 我上司给我发一篇 java sonar 啥的文章,他觉得很神奇,我就告诉我上司,2013 年左右 王垠 写了 RubySonar 和 PySonar,我还给上司发了 Rubocop。 他的第一反应是:卧槽这什么鬼玩意(一...

jakit
2017/12/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

最全最强解析:支付宝钱包系统架构内部剖析(架构图)

支付宝系统架构概况 典型处理默认 资金处理平台 财务会计 支付清算 核算中心 交易 柔性事务 支付宝的开源分布式消息中间件–Metamorphosis(MetaQ) Metamorphosis (MetaQ) 是一个高性能、高可...

晨猫
29分钟前
4
0
竞品分析

那什么样的场景需要用关键纬度分析法分析竞品呢? 竞品分析的目的是为了看竞品们和自己产品重合的业务都具备哪些功能点,以及这些功能是怎么做的,以此确定自己产品的优化方向。 竞品们的业务...

于谦老师
36分钟前
1
0
OSChina 周三乱弹 —— 公司女同事约我

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子:分享水木年华的单曲《蝴蝶花(2002年大提琴版)》 《蝴蝶花(2002年大提琴版)》- 水木年华 手机党少年们想听歌,请使劲儿戳(这里) ...

小小编辑
今天
1K
16
Linux环境搭建 | VMware下共享文件夹的实现

在进行程序开发的过程中,我们经常要在主机与虚拟机之间传递文件,比如说,源代码位于虚拟机,而在主机下阅读或修改源代码,这里就需要使用到 「共享文件」 这个机制了。本文介绍了两种共享文...

良许Linux
今天
9
0
JUC锁框架——AQS源码分析

JUC锁介绍 Java的并发框架JUC(java.util.concurrent)中锁是最重要的一个工具。因为锁,才能实现正确的并发访问。而AbstractQueuedSynchronizer(AQS)是一个用来构建锁和同步器的框架,使用A...

长头发-dawn
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部