css - 如何尽可能高质量的完成具有良好UED交互的页面?
迷茫
迷茫 2017-04-17 11:07:53
0
2
304

有哪些经验或者小秘籍 分享呢?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

Antworte allen(2)
迷茫

经验谈不上,去年刚毕业的时候在一家小公司实习,刚好网站换代,而且人手不够,所以我就参与到了产品的交互设计中,这里我就讲下我的一点心得和体会吧。
因为经验几乎为零,所以首先我决定参考同类产品中的优秀者,设计的正确与否很大一部分源自丰富的经验,如果经验不够怎么办,那就从学习那些有经验的设计人员开发出来的优秀产品入手吧。因为我做的是网络教育这个行业的产品,所以我花了大概一周的时间,每晚5个,总共观摩了大概2,30个左右的同类产品,为什么每晚只有5个呢,是因为我不仅仅是单纯地浏览网站,而是每一个都要注册登陆,真正地体验,只有这样你才能真切地体会到产品,而且在这个过程你能把握到不少优秀交互逻辑,这些都是只浏览网站拿不到的。此外在这个过程中,我觉得横向比较很重要的,为什么我在网站A用得不爽,而在B则爱不释手呢,仔细分析里面的原因。好了,还是具体讲讲我的一些心得吧:

1.功能明确
我觉得在产品初期,一定要保持整个产品的清晰度,各个功能点要明确清楚,不要叠加逻辑,让用户像走迷宫一样在里面转,我觉得就应该把用户当做一个“笨蛋”,他可以不费周折地就畅游在你的产品内。在《代码大全》里面有句话是-优秀的代码是它自己最好的文档。当你考虑要添加一个注释时,问问自己,“如何能改进这段代码,以让它不需要注释?”,那么在设计产品时,我们也可以问问自己“如何能明确这个功能,让用户不要用户导航帮助之类的文档就能明白”。这里说下我喜欢的 segmentfault 里的一个小问题,老用户应该知道 segmentfault 有个文章的栏目,这个栏目其实和博客是有功能叠加的,所以我认为这也是功能未明确的一种表现。

2.页面一定要有测重点
比如场景是在一个用户观看网课的页面,结果你把页面内的一些其他功能做得“异常精彩”,用户就会走神,甚至直接点开去到其他页面了,所以每个页面都要有侧重点,可以适当传递一下其他信息,但是不能喧宾夺主。要让用户专注当前页面的重点内容上。

3.交互文本要设计恰当
分析用户的详细特征,设计合理恰当的交互文本,比如我当时面向的是初高中学生,所以我在设计交互文本时会添加一些“同学们”之类的用词,这会让用户用起来很有亲切感,交互文本不要过于专业化和生硬。比如当时有个场景时,有个标签记录学生观看视频课程播放的次数,当鼠标放置到数字上是,会有个 tooltip 显示出来,我写的是“亲爱的xxx同学,你已经观看该课程xxx次了,加油哦!”,我觉得这比内容被设计成“该课程已观看xxx次”要亲切不少。

4.帮助文档
虽然前面说设计产品的目的是为了让用户不需要帮助文档,但是不得不说帮助文档是极其重要的,而且它呈现形式也应该是多样的,直接弄个 Q&A 的专栏,然后让用户自己浏览无疑是糟糕的,我当时考虑了两点,第一点是归纳了当时旧网站经常容易让用户混淆的地方,然后清晰地给出用户帮助指示,第二点是新网站新增的功能在用户登陆的时候就直接通过消息和其他方式告知用户。此外,通过在线客服和社区提问的形式提供用户帮助也是应该考虑的选择。

以上都是我的一些个人看法,因为经验实在有限,希望能对题主有帮助。BTW,写了这么多,突然想到题主想要的会不会是偏于页面样式的交互设计呢。。。

刘奇

这个问题太模糊了,什么叫做良好的UED交互,是说交互好还是UI设计好,还是说做了很多用户调研;良好体现在哪些方面,是页面动态效果比较多,还是页面布局很讲究。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage