页面UI注意事项,你在乎吗?
早上打开微信,看到一篇文章,下面就和大家分享一下,该文章属于前端文章系列,希望做后台开发系统的程序员也可以学习一下,只会写代码把功能实现是第一,接下来也要把界面做做好。
现在的界面风格对于手机而言,一直跟随苹果的设计风格,而安卓的很多app在今年也跟随苹果的扁平化风格开始改变UI设计思路
对于后台界面,我想淘宝的后台界面也不可能那么绚丽,也可能很平常普通的界面,但是我想凡事要不断的往前推进,让自己的产品要更好,更能够吸引客户的眼光,首先UI还是第一个,一个十年前的界面放到现在,可能使用者会已经习惯了,不用再改动了吧,如果当你对UI进行了调整,客户也会赞美很多,下面就看些注意事项
Good UI是一家研究用户体验的设计机构。我们知道成功的页面设计不仅有很高的转化率更便于用户使用,既能满足商业目标更能为用户带来良好的体验。今天为大家分享一些Good UI 在一些项目中获取的设计以及运营策略等方面的经验。
1. 用通栏布局代替多栏布局
2. 给用户些好处,别急着做生意
3. 整合相似的功能,去掉零碎的UI元素
4.利用社会认同效应,别总是自吹自擂
5.主要功能需要多次强化显示
6.区分选中和可点击的状态,不要使用户困惑
7.布局有层次有重点,而非简单罗列
8. 允许用户撤销操作而不是使用弹窗需要用户确认
9. 明确的告知用户适用人群而不是简单的面向所用用户
10.简洁明了,直接了当
11.页面上多使用对比的方法
12.直接标出产地,别总单纯的讲历史
13.使用简洁的表单
14.把选项列出来而不是藏起来
15.使用连续性的提示符,别让用户误以为页面到了终点
16.功能专一而不是使用太多的链接
17.提示体统状态
18. 在动作按钮上增加些吸引人的诱惑
19.用直接操作来代替无数个菜单
20.直接显示输入框可以省略一个页面
21. 用一些动效过度而不用立即显示变化
22. 循序渐进的引导用户而非生硬的要求用户注册
23.试着减少线框,减少不必要的注意
24.向用户展示功能上的便捷之处而不是泛泛的展示特性
25. 用户没有使用记录的时候要善于引导
26. 给出默认的选项而不需要用户选择
27.保持一致性降低用户的学习成本
28. 自动补全一些数据,降低用户的操作负担
29. 尊重用户的使用习惯而不是创造新的规则
30. 提示用户如何规避风险,而不是总想着如何获利
31. 善于引导用户的视觉浏览线,而非单一布局
32. 将相关的条目分组,不要杂乱无章的排列
33.采用及时校验而不是到最后才提示错误
34.需要用户输入的格式宽松严格限定格式
35.让用户有一些紧急的意识,别让用户拖得太久
36. 适当尝试饥饿营销
37. 帮助用户识别
38. 使用更大的点击区域
39. 增加加载的速度,别让用户等太久
40. 可以给用户提供一些快捷操作
41. 使用一些对比
42. 初始化的时候给用户一些激励
43.循序渐进地引导用户,不要简单粗暴地直接呈现给用户
这些注意点,设计师和工程师们,喜欢吗?
.net开发技术交流:
原文转载来自:易设计编译,http://mp.weixin.qq.com/s?__biz=MjM5MjIzMTk1Mg==&mid=200975283&idx=1&sn=aa8057f72739e976fbd2181d3a8645d7&scene=3#rd
博主新浪微博:http://weibo.com/2554995581/profile
如果觉得好可以推荐一下
做一个开心快乐爱生活爱工作的攻城狮
将来的你一定会感激现在拼命的自己
页面UI注意事项,你在乎吗?的更多相关文章
- 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目 实战使 ...
- ASP.NET MVC页面UI之多级数据选择UI(行业信息、专业信息、职位信息的选择)
多级数据选择操作在开发中是常见的操作,比如选择行业信息时,一般有个大类,每个大类下边又包含很多小类,本文简单实现了弹出窗口一级一级选择功能. 本文博客出处:http://www.kwstu.com/A ...
- 通过Java + selenium +testNG + Page Objects 设计模式 实现页面UI的自动化
Page Objects 设计模式 简单的讲,类似与Java面向对象编程,把每个页面都抽象为一个对象类,将页面元素的定位.业务逻辑操作分离开,然后我们可以通过testNG实现业务流程的控制 与 测试 ...
- 图片全部加载完成之后再显示页面ui,公司项目里用上,自己写的几行代码
说明: -----onload事件 这里我并没有考虑ie的兼容性 因为项目是移动端的: -----求大神指正~ -----自己测试正常 页面没加载完之前会有一个提示 /************** ...
- .net mvc页面UI之Jquery博客日历控件
摘要:最近在做一个博客系统,其他需要用到博客日历控件,网上搜索了很多资料,其中大部分都是javascript的,经过总结使用jquery实现了博客日历效果.代码如下: 原文链接转载请注明:http:/ ...
- ASP.NET MVC页面UI之联动下拉选择控件(省、市、县联动选择)
地区选择操作在WEB应用中比较常见的操作,本文在.net mvc3下实现了省市县三级联动选择功能. 本文博客出处:http://www.kwstu.com/ArticleView/admin_2013 ...
- 好吧,我承认我是爱瞎折腾----利用YDUI改变页面UI
上周恒丰代付接口上线投产后,我做了一个“恒丰代付检查工具”,用途是,当线上调用恒丰代付出现了问题订单时,可以在这个工具页里做相应的弥补. 我项目里其他一些工具页的UI用的是YDUI.YDUI号称是“一 ...
- drupal7 自定义登录&找回密码页面,注意事项
1.登录页面的 $form['form_id'] 和 $form['form_build_id'],是这样输出的: <?php print drupal_render($form['form_i ...
- 前端小白页面开发注意事项及小工具(html\css\js)
技术一直在向前发展.但是有一些是相通的,要找准重点,将80%的时间放在提升基础问题上,余下的20%再去学习框架,库和工具. HTML 1. HTML 属性应当按照以下给出的顺序依次排列,确保代码的易读 ...
随机推荐
- RxJava基本流程和lift源码分析
1.subscribe过程 2.lift过程
- struts2:上传多个文件时实现带进度条、进度详细信息的示范
上一篇文章讲了上传单个文件与上传多个文件(属性驱动)的例子.本例是上传多个文件(属性驱动),并且显示进度条.进度详细信息的示范. 在文件上传选择界面,允许用户增加.删除选择的文件,且只能上传指定类型的 ...
- iOS CoreData技术学习资源汇总
一.CoreData学习指引 1. 苹果官方:Core Data Programming Guide 什么是CoreData? 创建托管对象模型 初始化Core Data堆栈 提取对象 创建和修改自定 ...
- Embeding Python & Extending Python with FFPython
Introduction ffpython is a C++ lib, which is to simplify tasks that embed Python and extend Python. ...
- [初读笔记] Cloud Migration Research: A Systematic Review (TCC, 2013)
Pooyan Jamshidi, Aakash Ahmad, Claus Pahl, "Cloud Migration Research: A Systematic Review," ...
- React Native ——实现一个简单的抓取github上的项目数据列表
/** * Sample React Native App * https://github.com/facebook/react-native */ 'use strict'; var React ...
- Android关于Theme.AppCompat相关问题的深入分析(转)
http://www.jianshu.com/p/6ad7864e005e 先来看这样一个错误: No resource found that matches the given name '@sty ...
- Go语言实现HashSet
set.go // set project set.go package set type Set interface { Add(e interface{}) bool Remove(e inter ...
- [转]使用Xcode 4发布App 实例操作
使用xcode 4发布app 实例操作是本文介绍的内容,不多说,我们直接进入话题. 1.iOS Provisioning Portal 和iTunes Connect 没有变,下载与安装.mobile ...
- [LeetCode] Fraction to Recurring Decimal 哈希表
Given two integers representing the numerator and denominator of a fraction, return the fraction in ...