详细内容请点击 随着移动互联网如日中天,如火如荼的时候,手机APP开发日益高涨了起来,关于手机APP的用户体验,也是一个老话长谈的话题.从事这行业也很久了,以下是我个人在工作中的一些关于APP的用户体验总结. 1.拇指时代 拇指范围,黄金地带.热门键放置区域,便于我们操作点击 2.三步完成 所谓的三步完成其实就是三步理论,简洁,明了,使内容更细化,让用户自己选择不强加显示.三步完成交易,拖泥带水的会让客户厌烦从而放弃购买 3.读图时代 图更直观展示,字是辅助性的,第一时间展示给客户产品,其余让客…

什么是Progressive Web App? Progressive Web App是一个利用现代浏览器的能力来达到类似APP的用户体验的技术,由Google实现,让浏览器打开的网址像APP一样运行在手机上.让Web App和Native App之间的差距更小. 概览特性: 添加到屏幕 从屏幕点击启动 加载屏 支持离线应用 支持Push Notification <!--more--> 除了Chrome支持以外,Firfox和Opera也支持了PWA. Web App Manifest文件…

经常被问到用户体验测试,什么是用户体验测试,用户体验测试要关注的都有哪些呢,现在为大家来罗列一下: 1.横竖屏测试 在移动设备上做用户体验测试,最容易想到的就是对APP做横竖屏的测试来观察APP的显示效果.做横竖屏要注意的几点: (1)APP支持横竖屏切换(2)横竖屏的切换是否正常(针对每个页面都做横竖屏的测试).如果APP中嵌入了webview的页面的话,还要注意webview界面在横竖屏的切换时显示的是否正常,特别要关注APP中有表格,因为横竖屏的显示宽度不一样,图标在不同屏幕状态下显示的内…

一.背景 从2018年到现在,作为号称下一代web应用模型的PWA,逐渐成为了一个各大前端厂商争先恐后进行涉足,布局的一个新的技术, 其主要的对标物Native app,作为现在最主流的mobile端应用,它的安全,性能,用户体验的确明显领先于其他互联网载体,但是原生App始终有一些缺点,比如 1. 昂贵开发成本 2. 软件上线,版本更新都需要发布到不同的商店,并通过审核 有些APP你可能使用频率特别少,但是你还是不得不去商店中下载庞大安装包,或者可能一段时间不使用以后,随着版本的更新,你也不得…

一.背景 为进一步提升信息化应用水平,更好的服务师生,南通大学智慧校园移动端APP“今日校园”定于11月5日正式上线运行.登陆APP可浏览学校新闻.校园生活.各部门微信公众号等内容,查看校内通知.校内发文.部门发文,查询一卡通消费.图书借阅等数据,查阅课表等常用应用和各类待办消息,进行校园卡充值和零星缴费.后续还将推出各项网上填报.移动办公与信息查询服务. 二.“今日校园”App在用户体验设计方面满意的地方. (1)能够自由编辑我的服务,符合UX设计评价准则的第三条:用户控制权(主人). 我们可…

随着移动互联网的大势到来,手机移动应用已经成为未来的主流市场,很多企业也在投入精力和财力进行研发自己的手机APP,以便更好的迎合市场的需求. 然而当微信公众平台开放以后,新的机会出现了! 很多企业已经开始考虑放弃手机APP的自主研发,转身投入微信公众平台的怀抱! 为什么呢?到底微信公众平台和手机APP相比有什么优势呢? 开发手机APP,需要面临的几个问题: 1. 投入成本大 手机APP,都需要投入很大的研发资金和长期的开发过程,并且还需要研发两套不同平台的版本:安卓和苹果IOS,这个研发的投入和…

一 项目概述1.1 角色1.2 业务术语1.3 项目效果展示二 项目需求三 项目概要3.1 项目技术架构3.2 项目目录结构3.3 项目技术选型3.4 项目整体集群规划3.5 创建项目工程四 APP 数据生成模块4.1 创建公共模块工程4.1.1 创建 Java 工程,导入 pom 文件4.1.2 创建 AppBaseLog 基类4.1.3 创建 AppErrorLog 错误日志类4.1.4 创建 AppEventLog 事件日志类4.1.5 创建 AppPageLog 页面日志类4.1.6 创…

H5 手机 App 开发入门:技术篇   http://www.ruanyifeng.com/blog/2019/12/mobile-app-technology-stack.html 阮一峰老师的文章 找时间仔细看一下. 新人学习手机 App 开发,一开始总要选择一条学习路径. 如果你熟悉 Java 语言,可以学习安卓开发:如果熟悉脚本语言(比如 Python 或 Ruby),可以学习 Swift 语言,进行 iOS 开发:如果像我一样,比较熟悉 Web 网页技术,那么 H5 开发是最容易上手…

我们在使用智能手机的时候,手机APP从应用市场一键安装,安装好即点即用,当有新版本一键升级,如果不想用了长按图标删除,整个过程非常简单,小朋友都能熟练掌握.而对于企业应用,由于结构复杂.可用性要求高.配置多等特点,导致企业应用的管理工作异常复杂.企业内部一般都会有专门的运维工程师来负责保障企业应用的正常运行. Rainbond 是一款云原生企业应用管理平台,本文将以它为例讲解,如何像管理手机 APP 一样简化管理企业应用. 建立企业应用商店,从应用商店一键安装企业应用 手机 APP 的安装已经做…

经过进两周的持续发酵,Facebook5000万用户数据泄露事件,已让其处在舆论的风尖浪口.对于手机APP泄漏用户个人隐私问题,再次受到人们的关注.对于这个问题,你会怎么看? 隐私,即不愿公开的个人信息,前几日,百度CEO李彦宏在某论坛上说了一段引发争议的话:"假如他们愿意用隐私交换便捷性或者效率的话,很多情况下他们是愿意这样做的." 通常,我们在安装使用手机APP时都会遇到APP要求开放用户权限的问题,你是否会意识到,这很可能会使你的个从隐私暴露在大庭广众之下?据网上调查数据显示,超…

前言 对于开发者来说,三方 SDK 这个词已经是一个不需要任何解释的词语了,然而我想面对琳琅满目的 SDK 产品,大家都会纠结如何选择.那么选择一个 SDK 需要注意哪些问题呢? SDK 的 稳定易用 需要 持续更新功能 BUG 修复 效率高 开公司不像开玩笑(说倒闭就倒闭了) 售后 Kill 问题的能力 与自身 需求的契合度等等... 最后,还有一个选择点让人容易忽略 各个 SDK 的统一性 也就是在其功能相对 OK 的情况下,尽量使用同一厂商提供的 SDK . 为什么这样说? 我想每个开发者…

1.序言: 随着手机功能的不断更新和推广,手机应用市场的竞争变得愈发激烈.这次我们选择必应词典和有道词典的苹果客户端作对比,进一步分析这两款词典的客户端在功能和用户体验方面的利弊.这次测评的主要评测人是团队PM,另有其他同学给出建议. 2.软件分析与测评: 我们选择的是必应词典(version3.2.2 for ios)和有道词典(version 5.1.2 for ios) 2.1核心功能: 2.1.1词典功能: 众所周知词典的基本功能就是查词,在查词的基础上会给出相应的英文解释,例句以及用法…

用户登录系统,可以细分为三项功能模块,分别是:登录.注册和密码找回.本文作者将结合自身经历,谈谈他在做这块的时候一些想法,主要是涉及业务流程. 登录和注册功能,不论是PC端还是移动端,大多数产品都会涉及到.而不同的产品逻辑和业务流程,会带来不一样的用户体验.过去做的大多是后台产品,面向的是内部用户,因此在做登录和注册功能时,前台界面相对简单,主要是后台的权限管理较为复杂.而最近正在做一款App和一款PC端前台产品,面向外部的普通用户,因此在登录与注册的产品设计上,需要考虑更多的细节因素.下面把我…

增长.活跃.留存是移动 App 的常见核心指标,直接反映一款 App 甚至一个互联网公司运行的健康程度和发展动能.启动流程的体验决定了用户的第一印象,在一定程度上影响了用户活跃度和留存率.因此,确保启动流程的良好体验至关重要. 「马蜂窝旅游」App 是马蜂窝为用户提供服务的主要阵地,其承载的业务模块不断丰富和完善,产品功能日趋复杂,已经逐渐成长为一个集合旅行信息.出行决策.自由行产品及服务交易的一站式移动平台. 「马蜂窝旅游」iOS App 历经几十个版本的开发迭代,在启动流程上积累了一定的技术…

冯晓云: 哔哩哔哩手机客户端:视频播放只允许横屏全屏:还有长视频的“5分钟诅咒”,遇到网速不好的时候是个大写的悲剧: 必应词典UWP版本:主页新闻链接跳转后,一些页面不支持划词取译,当然本身各个页面也没有特别做这个支持:wordlist详细释义是转到search页面显示的,感觉不是很方便,容易忽略左上那个<--箭头而不知道如何返回:左上角笑脸反馈,选择浏览器打开直接跳到Google主页,并不是反馈页面,而且一时找不到更改打开方式的设置: 有道词典桌面版:这不是广告,这不是广告,这是一个个功能bu…

当PHP运行在FastCGI模式时,PHP FPM提供了一个名为fastcgi_finish_request的方法.按照文档上的说法,此方法可以提高请求的处理速度,如果有些处理可以在页面生成完后再进行,就可以使用这个方法. 听起来可能有些茫然,我们通过几个例子来说明一下: <?php echo '例子:'; fastcgi_finish_request(); /* 响应完成, 关闭连接 */ /* 记录日志 */ file_put_contents('log.txt', '生存还是毁灭,这是个问…

paip.提高效率---微信 手机app快速开发平台-微网络撬动大市场   手机app快速开发平台 尤其适合crm系统,呼叫中心等业务功能...    作者Attilax  艾龙,  EMAIL:1466519819@qq.com 来源:attilax的专栏 地址:http://blog.csdn.net/attilax  大 纲:    1.移动电子商务带来了什么机会?  2.常见的移动互联网商业模式有哪些?  3.微信的发展历史及其商业模式.微信营销与社交网络有什么关系?  5.企业为什么要…

vs2010 使用SignalR 提高B2C商城用户体验(二) 上一节,已经实现了,当前域内的通信,这一节中,介绍一下跨域的即时通信,既然要做,我们肯定要把这个推送及聊天服务器做为一个单独的服务器,以方便扩展使用,这样就要使用跨域技术,既然基于ajax,那么跨域肯定是基于jsonp,下面我们介绍一下跨域的基本配置: 1.服务器的配置,我们打开项目中的Global.asax,在Application_Start中做如下配置: protected void Application_Start() {…

vs2010 使用SignalR 提高B2C商城用户体验(一) 1.需求简介,做为新时代的b2c商城,没有即时通讯,怎么提供用户粘稠度,怎么增加销量,用户购物的第一习惯就是咨询,即时通讯,应运而生.这里使用SignalR来实现即时通讯,再好不过了,不过项目依然简历在2010的基础上,所以不能使用新版本的SignalR了,这里介绍一下1.0.0版本的. 2.整个框架大概是这样搭建的,欢迎拍砖: 3.启动VS2010,新建一个项目,这里我建立的是asp.net mvc4 然后通过nuget引入Sig…

vs2010 使用SignalR 提高B2C商城用户体验(三) 上一章节,我们的web即时通讯已经可以实现跨域了,但针对我们的需求,还希望,一些客户端程序可以和我们的web用户,在线聊天,所以到SignalR官网,查阅文档,当然,还有版本限制,限制都是SignalR 2.0了,我们1.几版本的能不能完美支持呢? 看到了这些内容,感觉是不是很惊喜,全端支持 我们来看.NET Library,大概浏览一下,启动VS,新建一个WinForm程序,打开nuget,找到Client的对应版本:  Inst…

vs2010 使用SignalR 提高B2C商城用户体验(一) 1.需求简介,做为新时代的b2c商城,没有即时通讯,怎么提供用户粘稠度,怎么增加销量,用户购物的第一习惯就是咨询,即时通讯,应运而生.这里使用SignalR来实现即时通讯,再好不过了,不过项目依然简历在2010的基础上,所以不能使用新版本的SignalR了,这里介绍一下1.0.0版本的. 2.整个框架大概是这样搭建的,欢迎拍砖: 3.启动VS2010,新建一个项目,这里我建立的是asp.net mvc4 然后通过nuget引入Sig…

我们在做网站的时候经常会遇到这样的问题:一个页面有大量的图片导致页面加载速度缓慢,经常会出现一个白页用户体验很不好.那么如何解决这个问题呢?首先我们会想到的是提高服务器性能,使用静态缓存等手段来加快图片的加载速度,这的确是个好方法,不过有时候我们也可以从前台找一些解决的方法,例如插件:jquery.lazyload.js. 下面我来介绍一种在实际应用中经常会使用到的js预加载的方法. 首先在输出图片的时候我们做一些处理 <img data="这里是我们要显示图片的实际地址" sr…

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具.   在用户体验设计方面,App动画的设计和添加,带给设计师无限的创造空间的同时,也成为设计师群体最具争议的话题之一.而针对这一话题,本文将就如何通过移动端App动画设计,提供更加优质的用户体验以及流畅稳定的交互,进行分析.希望对大家有所启发: 当各类App部件聚集在同一个界面时,添加的动画就需更具目的性和功能性,而不仅仅只是增添美感的装饰.而且,UI设计中的动效,从用户流计划和设计的最初阶段就应该…

Qunar机票技术部就有一个全年很关键的一个指标:搜索缓存命中率,当时已经做到了>99.7%.再往后,每提高0.1%,优化难度成指数级增长了.哪怕是千分之一,也直接影响用户体验,影响每天上万张机票的销售额. 在高并发场景下,提供了保证线程安全的对象.方法.比如经典的ConcurrentHashMap,它比起HashMap,有更小粒度的锁,并发读写性能更好.线程安全的StringBuilder取代String.StringBuffer等等(Java在多线程这块实现是非常优秀和成熟的). Java…

设计中有很多细微的东西要注意,就如UI设计中,元素的统一性,图标风格.段落的排版等等,只有能注意这些细节,你的 APP UI 才算合格. 干货君总结了17个提升用户体验的 UI 设计小技巧,也是我们日常用到的很基本的技巧,对于新手UI设计师建议一看,注意案例中「对」与「错」不是绝对的,仅用于参考作用.  1.图标保持统一性 图标是UI设计里非常重要的模块之一,最重要的一点是要保持风格统一.如果是填充型的图标,那么一套设计里不要出现线性的图标设计.其次就是描边大小的统一,定下了3px就要全套保持即…

用户体验,速度为王,来几个优化APP“速度”的建议. 1.后台执行 毋庸多言,已是通常做法. 一般在执行下载任务时让其在后台运营,让用户有精力去做别的事情. 后端加载 2.提前显示 客户端与WEB的数据加载形式有异:客户端的现实内容包括本地数据和网络数据两部分. 在设计界面时候,将更多的信息放在本地,在网络数据未载入时即显示本地数据,让用户产生一种“已经载入了一半”的错觉,即使最终的耗时一样,心理感受也会很快. 当然,,把数据过多地卸载本地,会牺牲一些灵活性,需要根据情况考虑. 预前加载 具体请…

巧用Ajax的beforeSend 提高用户体验 jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作.具体可参考jQuery官方文档:http://api.jquery.com/Ajax_Events/ $.ajax({ beforeSend: function(){ // Handle the beforeSend event }, complete: function(){ // Handle the com…

定义 图片懒加载又称图片延时加载.惰性加载,即在用户需要使用图片的时候加载,这样可以减少请求,节省带宽,提高页面加载速度,相对的,也能减少服务器压力. 惰性加载是程序人性化的一种体现,提高用户体验,防止一次性加载大量数据,而是根据用户需要进行资源的请求. 实现 懒加载的难点在于确定某张图片是否是用户需要的资源,在浏览器中,用户需要的是可视区内的资源,因此我们只需要判断图片是否已经呈现在可视区内,当图片呈现在可视区内时,获取图片的真实地址并赋给该图片即可(图片宽高需要指定,可以利用padding处…

在上周四(即6月13日)下午,应王建民老师的邀请,我参观了学长学姐们的软件设计评比以及专业交流的活动,看到了形形色色学长学姐设计出的软件我觉得非常有趣,并对学长学姐们设计的软件的种类与功能感到由衷的钦佩.虽然这些软件都还不是特别成熟,都有着各自的一些不足之处与bug,但在我这个学弟看来,能构思出软件的主要作用并成功设计出这些软件已经非常了不起了. 在27个团队项目中,我最喜欢的是第九组灭霸小分队的项目:“帮你”校园资讯平台.这个平台就如同它的名字一样,是用来帮助你在铁大里学习与生活的.目前这款手…

只要做过WEB开发人对于“404”已经再熟悉不过了吧.当我们访问的资源不存在时,它就会跑出来跟你打招呼啦.但是默认情况下,404页面比较简陋,不是很友好.而且一般用户不知道404是个神马东东,还以为是程序写的有问题呢.这样一来用户体验就打折扣了.所以通常情况下,我们都需要对这些常见的错误进行处理. Tomcat默认的404页 为了提升用户体验,我们需要简单的配置一下,来让程序遇到404后跳转到我们指定的页面.首先,需要在web.xml文件加入如下配置: <!--404处理 --> <er…