美文网首页
初读《网站UI设计之道》 随笔

初读《网站UI设计之道》 随笔

作者: 维维维娜 | 来源:发表于2017-08-15 00:01 被阅读0次

文/维维维娜
2017/08/14 夜里读书

前言

在读这本书之前,我问自己,看这本书的理由是什么呢?目的是什么?想达到什么样的效果?嗯...

我大概是一个极其追求精神愉悦的人,之前一个好朋友是这么描述我的:你就是个不食人间烟火吸精神大麻的人,对不感兴趣的事情连看一眼的欲望都没有。

选择读这本书,理由和目的大概是:
  • 好基友推荐,喜欢一起学习一起进步的感觉,好朋友不就应该共同进步吗?
  • 被书名吸引(大概我会是标题党的目标用户啊)。虽然自己是一名前端,但是常年跟设计师打交道对稿,为了更好更快地达成共识,做更好的产品。
想达成什么样的效果?
  • 希望以后跟产品经理跟设计师沟通起来不那么费劲,一般常见的界面设计逻辑一看就懂无需追问,也能轻易get到设计师所想表达所希望的交互。
  • 能制作简单的网站界面设计,拥有发现美的眼睛以及创造美的双手。

读书心得

第一章:现代网络应用程序中的用户界面设计 之部分笔记

一个优秀的用户界面由哪些因素组成?(摘抄了书中描述得不错的观点)

  1. 清晰。 通过使用文字、流程图、层级图、图标等元素,避免用户对界面的模糊认识。清晰的界面不需要使用手册,也能确保用户在使用过程中减少犯错。

  2. 简洁。 为了让界面清晰,可能会加上浮动框说明或标签提示,导致界面臃肿,因此要让界面清晰的同时考虑界面简洁。

  3. 熟悉。 用户在第一次使用界面时,仍然能发现某些元素是他们所熟知的。最好用户界面设计是不需要学习成本的,按钮可点击,置灰是不可点等熟悉的常见操作。

  4. 响应性。 响应速度,一个良好的界面不应该让人感觉反应迟缓。始终记得,用户的时间很宝贵,加载要快,并且要有信息反馈,用点击属性、loading样式、弹窗提示话语来提醒用户发生了什么,界面是否已点击,是否在加载,请求是否被成功处理等等。不要让界面操作起来很硬,细节处理是加分项。

  5. 一致性。 用户学会了界面中某部分的操作,他很快就能知道如何在其他地方或其他特性上进行操作,所以保持界面的一致性可以让用户识别出使用的模式。

  6. 美学性。 记得,这是个看脸的世界,美总是没有错的。看着漂亮的东西生气总比看着丑的东西生气来得舒心。

  7. 高效性。 一个伟大的界面应当通过快捷菜单或良好的设计来帮助用户提高工作效率。

  8. 容错性。 用户操作界面的时候难免会犯错,是否提供撤销?删除的文件能否恢复?一个好的界面应该为用户提高犯错后补救的方法。删除在程序里称为重要操作,重要操作给提示选择,确定取消。让人有挽回的余地。

总结

一个优秀的用户界面由很多因素组成,任何一个因素对用户体验来说都是至关重要的。

我们写代码,也有要求!我们老大经常强调:写代码要跟写诗句一样,要优雅!

排版优美以及命名规范这是基础,先要别人看得懂,才会觉得你牛逼。如果你创造的是一团鬼画符的代码,对不起,是你没有给我机会让我觉得你牛逼崇拜你!

同理,对于消费者而言,界面就是产品。界面丑得一塌糊涂,请问
你的代码以及你应用程序背后所用的技术结构体系谁会去看?

相关文章

  • 初读《网站UI设计之道》 随笔

    文/维维维娜2017/08/14 夜里读书 前言 在读这本书之前,我问自己,看这本书的理由是什么呢?目的是什么?想...

  • 推荐10个优秀的国外UI设计网站

    经常有初入门的朋友会问,我想学习UI设计,都有哪些网站啊。除了国内的优设、站酷、UI中国、花瓣等,以及国外的dri...

  • 推荐10个优秀的国外UI设计网站

    经常有初入门的朋友会问,我想学习UI设计,都有哪些网站啊。除了国内的优设、站酷、UI中国、花瓣等,以及国外的dri...

  • 推荐10个优秀的国外UI设计网站

    经常有初入门的朋友会问,我想学习UI设计,都有哪些网站啊。除了国内的优设、站酷、UI中国、花瓣等,以及国外的dri...

  • 那些优秀的UI/网页设计网站

    近几年UI设计火爆,UI设计网站也良莠不齐,下面是我整理出来的一些国内外审美比较不错,而且实用的UI和网页设计网站...

  • 浅析单页网站UI设计的技巧

    你了解过单页网站UI设计的技巧么?本教程是向大家介绍单页网站设计5大技巧,对于设计师朋友来说是很值得读的一篇文章。...

  • 设计 - 收藏集 - 掘金

    网站设计配色网:Material UI - 设计 - 掘金无论是在平面设计,还是在 UI 设计上,配色总是最重要的...

  • 网站UI设计之道 第一章节

    今天接着把《网站UI设计之道》 第一章节读完记录一下主要内容 可视界面设计中有哪些主要元素: 布局和定位 形状和尺...

  • 网站UI设计

  • 网站ui设计是什么意思【萧蕊冰】

    网站ui设计是什么意思呢?准备转行的或者刚入行的同学来看看。今天讲一下网站ui设计是什么意思。UI即User In...

网友评论

      本文标题:初读《网站UI设计之道》 随笔

      本文链接:https://www.haomeiwen.com/subject/rkwprxtx.html