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. Laravel5.1学习笔记18 数据库4 数据填充

    简介 编写数据填充类 使用模型工厂类 调用额外填充类 执行填充 #简介 Laravel includes a simple method of seeding your database with t ...

  2. 在已有spring的基础上集成hibernate

    1.导入hibernate的包和spring的包    hibernate3.hibernate-jpa-2.0-api-.必须的包,log4j,log4j配置文件  1.1 导入Spring的依赖包 ...

  3. DeadObjectException

    开发的过程中有时候会遇到DeadObjectException,说明系统service已经停止运行,解决的方式是在mainfistxml的application标签中添加android:hardwar ...

  4. tac

    功能说明:反向显示文件内容. 参数选项: -b 在行前而非行尾加分隔标志. -r 将分隔标志视作正则表达式来解析. -s 使用指定字符串代替换行作为分隔标志.   cat命令与tac命令的对比:

  5. IO文件读取

    /** *按字节读取文件 */@Testpublic void readerByte() { File file = new File("D:\\BindCheckControllerTes ...

  6. [转]linux内存管理源码分析 - 页框分配器

    转自: http://www.cnblogs.com/tolimit/ 阅读之前,先敬原作者一杯! 分段和分页 先看一幅图 也就是我们实际中编码时遇到的内存地址并不是对应于实际内存上的地址,我们编码中 ...

  7. python数字取反~

    >>> a = [1,2,3,4,5,7,6,4,2,10] >>> h = len(a)//2 >>> h 5 >>> ~h ...

  8. gitlab分享项目到其它组

    1. 找到以下页面(管理员权限),随便点入一个项目 2. 点击edit编辑 3.点击members 4. 查看是否分享成功

  9. 17.使用原生cross-fiels技术解决搜索弊端

    主要知识点: 原生cross-fiels的用法 原生cross-fiels解决三个弊端     一.原生cross-fiels的用法     GET /forum/article/_search { ...

  10. array_map 等php回调函数使用问题(关联数组下标获取)

    前言:我自己用此类回调函数,来替代 foreach 纯粹是用为代码的简洁性,让代码更好看.(我有点代码小洁癖~) 1.array_reduce 当迭代处理一个一维索引数组时,在回调函数内是无法获取到当 ...