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

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

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

实例图片1

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

实例图片2

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

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

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







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

通过UI设计暴露的问题

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

总结

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

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. ●UOJ58 [WC2013]糖果公园

    题链: http://uoj.ac/problem/58题解: 树上带修莫队. 每个块的大小为$n^{\frac{2}{3}}$,在dfs时,把点集分为若干块. 然后类似序列带修莫队,三个关键字:be ...

  2. Luogu1613 跑路

    题目描述 小A的工作不仅繁琐,更有苛刻的规定,要求小A每天早上在6:00之前到达公司,否则这个月工资清零.可是小A偏偏又有赖床的坏毛病.于是为了保住自己的工资,小A买了一个十分牛B的空间跑路器,每秒钟 ...

  3. 【Miller-Rabin随机判素数算法】

    实用性介绍: #include<bits/stdc++.h> #define go(i,a,b) for(int i=a;i<=b;i++) #define T 5 #define ...

  4. tensorflow deepmath:基于深度学习的自动化数学定理证明

    Deepmath Deepmath项目旨在改进使用深度学习和其他机器学习技术的自动化定理证明. Deepmath是Google研究与几所大学之间的合作. 免责声明: 该存储库中的源代码不是Google ...

  5. URLDecoder: Illegal hex characters in escape (%) pattern - For input string

    原因:后台发布文章的时候,内容里面有%,导致后台URLDecoder.decode()转码的时候报错. 看了java.net.URLDecoder的decode()的源码,原来是转码错误. 贴出部分代 ...

  6. 设置思科设备console密码、enable密码、vty登录密码

    思科设备各级密码:1)  console密码 SW2(config)#line console 0SW2(config-line)#password ciscoSW2(config-line)#log ...

  7. windows的常用快捷键(实用篇)

    整理一下windows的常用快捷键,有些快捷键老不用都忘记了,这里整理一下方便自己以后忘记时翻阅. 一.Fn键的使用 1.F1帮助 2.F2重命名 3.F3打开搜索 4.F4打开地址栏常用地址 5.F ...

  8. java总结之基础类型与常量池

    1.基础类型有byte short int long char boolean float double八种. 其中byte short int long char 的包装类型是存放在常量池(用来维护 ...

  9. jquery easyui datagrid数据自动换行 panel用法

    nowrap:false 初始化panel $('#txtLeftPercent').panel({ title: '剩余权重:' + percent, height: 10, width: 180, ...

  10. idea热部署

    <!-- 热部署模块 --> <dependency> <groupId>org.springframework.boot</groupId> < ...