UI即User Interface(用户界面)的简称。

UI设计是指对软件的人机交互、操作逻辑、界面美观的总体设计。

好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适简单、自由。充分体现软件的定位和特点。

UI的设计关系到客户对产品的熟知的、认可度。软件的生命周期。

从我们现有的项目中思考UI设计。在AJZZ项目中。米总针对页面的设计提出了非常多要求,原因我们的界面差非常多,详细他的要求差远了(界面的美观、颗粒代码复用性等等)我们的代码复用性与开发效率上来说在现阶段已经是相当能够了,可是对于界面这一关来说,实在是差强人意了,UI是用户最关心的,怎样保证开发的页面是用户想要的?用户认可度?开发的比用户要求的还要高一个层次,想用户所想。做高于用户所要的开发,在Gxpt中都是大量的使用了复选框,一个又一个。无形之中添加了用户使用操作的难度,复杂度,培训也是一个烦琐的工作。

实例图片1

这种多个下拉框的选择是非常复杂的,用户不太明确该怎样操作?没有给用户提供焦点?而后升级到改成一个文本框类似百度这种话客户真正自己操作的时候。焦点就在这里。这种话不用培训他也知道怎样操作,类似百度一样,这是给普通用户的操作(数据的挖掘分析)。

实例图片2

这样简洁界面而又不失简单,非常方便自己主动的引入用户来输入框内输入内容。当然负责的查询咱们后面设计有高级查询button。把页面设计到给用户眼见一新的感觉,可是功能更加的强大,如今百度的能够自己主动搜索了。你打一个字他以下自己主动搜索出来你须要的内容,这么的贴心,也不用单击一下,充分为用户考虑,为用户省去了一次的点击事件,重新笼络了用户的心。提高了舒适感,贴心感(这种技术实现都没有问题,思想最为重要)

这样给用户的感觉是很的智能。灵活,快捷,当然也很喜欢,用户喜欢咱们产品,产品就会持续下去,软件能够继续下去,我们才有很多其它的生存空间,当然应对高级用户的选择:都有高级搜索,这是给高级人员使用的。

在海南的时候。洪局也相同提到了。把用户当然什么不懂得傻子,拿到站点不用培训就会操作。进入界面就一个搜索框,焦点在那。目标非常明白,这种页面设计用户不夸都不行,我们应该充分把用户的操作易用性体现到页面上,程序的复杂计算。逻辑之类的在由我们开发者去做到咱们的站点实现。这种话复杂操作封装到程序中,用户简单操作就能够要自己想要的内容,客户是相当的喜欢的。







        一个是搜索框。一个是滚动栏。通过米总的解说,我们学习到了非常多,每一次使用滚动栏的时候要注意要深思熟虑,谨慎再谨慎,避免带来更大的操作复杂性,滚动栏须要能够动一下鼠标的,每一次多动一下鼠标就是一件不可理喻的事情。给用户添加了负担的风险;充分利用页面的空白处。鼠标手势之类的,这样能够方便用户的关闭、打开、处理页面的操作。大大提高页面操作的流利度。

通过UI设计暴露的问题

我们还是以程序猿的思维方式来开发项目,而没有站在用户的角度来设计,这样用户喜欢咱们软件的生命周期才会持续。浏览器兼容性,我们开发要每实现一个功能要測试经常使用浏览器的兼容性。使用IETest来測试,这样不至于后期快上线出现这种浏览器不兼容的问题。

总结

我们是程序猿,设计师,我们多关注微软、苹果、安卓等等成熟的产品,那都是成千上万project师们的依据大量数据挖掘后获得用户的习惯后设计的界面。是用户最须要的。所谓的站在巨人肩膀之上。我们要从行动開始。从身边的软件開始。每个软件的存活都有它成功之处,我们以全心全意为用户服务的原则,开发出更加优秀的产品。

UI设计--->全心全意为人民服务的宗旨---->注重客户体验--->软件持久的生命力的更多相关文章

  1. UI设计--->全心全意为人民服务的宗旨---->注重客户体验--->软件持久的生命力

    UI即User Interface(用户界面)的简称.UI设计是指对软件的人机交互.操作逻辑.界面美观的整体设计.好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适简单.自由,充分体现 ...

  2. 说说UI设计

    近期的项目验收中,无数次的提到了UI的设计,首先来说说为什么UI设计如此重要. 对于用户来说产品的外观是最先映入眼帘的,无论你用了什么高端的技术,无论你后台代码封装的多么好,用户是无法体会到的,能体会 ...

  3. UI设计是青春饭?今天告诉你真相!

    最近有学员来问,“我想转行学习UI设计,但是听很多人说,UI设计是吃青春饭的,互联网公司是不是只选择年轻的血液而淘汰年纪大的?”今天,我来统一回答一下. UI设计是不是青春饭? 我们先来思考一个问题: ...

  4. 从Web借鉴UI设计

    从Web借鉴UI设计 用户体验已经成为衡量应用软件质量的重要标准.在过去我们可能会惊叹于某个Web应用的华丽界面,现在,随着HTML5的强势登场,各类表现层技术及开发框架的发布,Web与窗体应用的界限 ...

  5. UI设计行业中的“延禧攻略”,教你从青铜变王者

    最近一直在追<延禧攻略>,女主魏璎珞敢爱敢恨,有仇必报的性格吸引不少人,她从低贱的秀坊小宫女步步为营,最终成为皇帝最宠爱的令妃呼风唤雨.尔虞我诈的后宫,想要打怪升级光有颜值是万万不够的,更 ...

  6. 合理使用CSS框架,加速UI设计进程

    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 原文出处:https://dzone.com/articles/how-to-speed-up-your-d ...

  7. UI设计的分类

    软件UI设计(界面设计包括硬件界面设计和软件界面设计,我们这里探讨的是软件界面设计)包括用户研究.交互设计.与界面设计三部分.   1,用户研究 我们再产品开发的前期,通过调查研究,了解用户的工作性质 ...

  8. 详解 “Android UI”设计官方教程

    我们曾经给大家一个<MeeGo移动终端设备开发UI设计基础教程>,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Andr ...

  9. 移动周报:十款最实用的Android UI设计工具

    上一周可以说是一个不断Mark周,从最实用的Android UI设计工具.免费移动应用测试框架推荐,到HTML5开发框架等等,各种开发工具.框架精彩丰呈,看得小伙伴们是不亦乐乎.当然,还有不容错过的M ...

随机推荐

  1. C# asp.net repeater实现排序功能,自动排序,点击头部排序,点击列排序

    在网上看到好多关于repeater排序的,自己动手用了,发现一些问题,贴源码后把发现的问题以及解决方法给出 repeater实现排序功能(单击升序排列,再单击降序排列).原理很简单,在<TD&g ...

  2. Python之IPython开发实践

    Python之IPython开发实践 1. IPython有行号. 2. Tab键自动完成,当前命名空间任何与已输入字符串相匹配的变量就会被找出来. 3. 内省机制,在变量前或者后面加上(?)问号,就 ...

  3. JS——旋转木马

    1.opacity和zIndex的综合运用 2.样式的数组的替换:向右边滑动---删除样式数组第一位并在数组最后添加:向左边滑动---删除样式数组最后一位并在数组前添加 3.开闭原则,只有当回调函数执 ...

  4. Linq处理decimal字段汇总Sum()为NULL

    xxxxxxxx.Sum(f => f.jifen).GetValueOrDefault(0)

  5. 8、scala面向对象编程之对象

    1.  Object 2.伴生对象 3.让object继承抽象类 4.apply方法 5.main方法 6.用object实现枚举功能 1.  Object Object,相当于class的单个实例, ...

  6. PHP 之sha256 sha512封装

    /* PHP sha256 sha512目前(PHP 7.1)没有内置的函数来计算,sha1() sha1_file() md5() md5_file()分别可以用来计算字符串和文件的sha1散列值和 ...

  7. CPU指令、机器码、程序和汇编语言

    一.指令 指令就是指挥机器工作的指示和命令.控制器靠指令指挥机器工作,人们用指令表达自己的意图,并交给控制器执行.一台计算机所能执行的各种不同指令的全体,叫做计算机的指令系统或指令集,每一台计算机均有 ...

  8. [luogu3155 CQOI2009] 叶子的染色(树形dp)

    传送门 Solution 十分简单的树形dpQwQ,转移关系:父亲染了儿子不用染 只需要确定根就是简单树形dp,而其实根可以随便取一个非叶子节点 可以分情况讨论发现答案并不会改变 Code //By ...

  9. CentOS 7.2安装配置Vsftp服务器

    一.配置防火墙,开启FTP服务器需要的端口 CentOS 7.2默认使用的是firewall作为防火墙,这里改为iptables防火墙. 1.关闭firewall: systemctl stop fi ...

  10. Charles 下载-破解-安装-配置

    我当前使用版本为V4.2.7 最新版本下载地址 Charles 在线破解工具 下载完之后,先进行安装,安装完之后,根据破解链接中的步骤来就ok了. 比较费劲配置在下面,不过跟着一步步来就一定能好的 点 ...