APP开发实战3-APP产品和设计人员的工作

(12)在登录和注册界面,建议设计用户需要手动输入验证码,这样可以防止恶意攻击。

(13)iPhone手机基本都使用系统自带的输入法,在用户点击搜索区域,弹出输入法软键盘时,软键盘上会显示搜索按钮;Android手机上使用的输入法各式各样,输入法软键盘上不一定会有搜索按钮。

在设计搜索界面时,iOS APP的右上角通常不需要有搜索按钮,但Android APP的右上角最好要设计有搜索按钮。同时要设计搜索不到数据时的界面。

(14)原型应该完整体现各种操作流程,尤其是在出错的状况下的各种处理流程。

(15)重要的功能按钮,最好设计在屏幕底部或下半区域,这样方便用户使用大拇指操作。

(16)各种元素区域的尺寸要符合Apple和Google的设计规范要求,尤其是最小点击区域大小为7-10毫米。

对于iOS APP,就是在iPhone3手机上,也就是@1x分辨率下,最小点击区域不能小于44x44px;对于Android APP,就是在屏幕像素密度为MDPI时,最小点击区域不能小于44x44px。

在@2x分辨率和像素密度为XHDPI时,最小点击区域不能小于的逻辑像素为:88x88px。

(17)因为Apple的产品只有一个Home键,且触摸屏性能比较好,在设计iOS APP时,滑动操作运用的比较多;但Android 产品通常会比Apple产品多个菜单键和返回键,相对于iOS APP,滑动操作使用的比较少,且Android产品的触摸屏性能千差万别,在设计Android APP时,尽量少使用滑动操作。

(18)Apple产品没有返回键,但Android 产品通常用返回键,用户可以直接按返回键退出,需要明确采用以下哪种退出方案:

A用户按返回键时,弹出提示框,让用户确认是否要退出应用

(用户需要在点击返回键后,把手指从手机的右下区域,移动到中间区域,点击提示框上的按钮)

B用户第一次按返回键时,弹出Toast提示,让用户再次点击返回键,则退出应用

(用户手指一直放在右下区域就可完成退出操作,不需移动手指,用户体验更好)

(19)除了正常显示数据的界面外,还需设计从服务器或本地获取数据时的提示界面和无法正常获取数据时的界面。

(20)原型和效果图中还应包括各种提示框和提示文字的设计:如操作成功和操作失败的提示框,提示用户等待的提示框等,及什么时候使用Toast提示框,什么时候使用Alert提示框。

建议在操作成功的时候用Toast提示框(显示时间建议不超过2秒),操作失败的时候用Alert提示框:

Toast提示框显示后会自动消失,导致用户可能看不到出错提示。

Alert提示框不会自动消失,只有用户点击其上的按钮才会消失,这样保证了用户可以看到出错提示。

(Android系统自带Toast提示框,iOS系统需要导入三方库实现Toast提示框)

(21)轮播图和动画的显示时间最好也要在设计原型或效果图时明确。

(22)iOS APP只能内置PNG格式的图片,Android APP支持多种格式的图片,如果PNG格式的图片比较大,可以提供其它格式的图片给Android APP使用。

时间: 2024-11-13 08:23:56

APP开发实战3-APP产品和设计人员的工作的相关文章

APP开发实战2-APP产品和设计人员的工作

产品经理通常需要提供产品原型.流程图和说明文档给开发人员. 设计师需要提供效果图和图片资源给开发人员. 2.1在设计原型和效果图时的注意事项 (1)手机屏幕的宽度有限,水平方向尽量少放置内容:而用户已经普遍知道通过向上滑动手指,可以在屏幕的垂直方向翻页显示更多内容,所以可以在垂直方向多放置内容,可以理解为显示区域的高度没有限制. (2)如果当前显示的内容超过了一屏,而用户通过向上滑动手指翻页到了第N页(N>1),此时通常在屏幕的右下角要显示一个图标,用户点击此图标,应用直接显示第1页内容. 如果

APP开发实战5-APP产品和设计人员的工作

(34)在许多APP,尤其是电商APP中,会在购物车.订单或消息图标的右上角设计一个数字角标,显示购物车中的商品数量.订单个数或消息个数. 通常会把角标区域设计成圆形,如果数量不到100时,可以正常显示,超过100,变成3位或4位数时,往往就显示不下了.解决方案: A数字超过100时,显示99+. B 改变角标区域的形状. (35)大多数APP中的许多功能需要在登录状态才能正常使用,目前许多APP都把注销登录的按钮设计在比较深的界面,以让用户一直保持登录状态.如果用户很容易看见注销按钮,那退出登

APP开发实战4-APP产品和设计人员的工作

(23)需要明确哪些界面用网页实现,哪些用Native代码实现:通常内容多变的界面,或者需要可以被链接索引传播的文字内容,等可以用嵌入网页的形式实现. (24)如果在一块区域中,只有一个元素需要用户点击,那可适当扩大这个元素的长度和高度,或设计整个区域都响应用户点击,以方便用户操作. (25)明确是否支持长登录,如果支持长登录时间维持多久. (26)是否支持一个账号在多个设备上同时登录,如果支持各设备之间的数据怎么同步:在某个设备上修改密码后,服务器端应自动注销其余设备上的登录状态. (27)在

面向Web Cloud的HTML5 App开发实战:Browser&HTML5&CSS3&PhoneGap&jQuery Mobile& WebSocket&Node.js(2天)

如何理解Android架构设计的初心并开发出搭载Android系统并且具备深度定制和软硬整合能力特色产品,是本课程解决的问题. 课程以Android的五大核心:HAL.Binder.Native Service.Android Service(并以AMS和WMS为例).View System为主轴,一次性彻底掌握Android的精髓. 之所以是开发Android产品的必修课,缘起于: 1,     HAL是Android Framework&Application与底层硬件整合的关键技术和必修技

入门移动端混合开发 实战京东 APP

第1章 课程介绍本章主要是向你介绍什么是混合开发,以及目前混合开发中的几种方案. 第2章 Hybrid 技术原理本章主要讲解 hybrid 技术原理与核心本质,让你对混合开发有更清楚的认识. 第3章 开发前的准备本章主要讲解核心代码开发前的准备知识,比如 Flex 布局.webpack 和 @vue/cli 的基础知识.scss 的基本应用和项目的初始化内容. 第4章 京东商城首页(上)本章主要使用 vue 开发商城首页,包括组件化思想.动态组件和异步组件的应用.axios的使用.swiper

最佳App开发模式–在App创业之路上助你一臂之力

最佳App开发模式–在App创业之路上助你一臂之力 活动概况 时间:2015年03月07日14:00-17:30 地点:车库咖啡(北京市海淀西大街48号鑫鼎宾馆二层) 主办:APICloud.美洽 网址:www.apicloud.com 费用:免费 活动背景 现在是一个全民创业的时代.很多创业者都选择了App创业这个渠道,将自己的idea付诸实践.对于资源有限的创业者来说,如何避开App开发道路上的那些坑,选择最佳的解决方案,快速.高效地开发App并占领市场? App推出以后,与用户维持良好的关

APP开发实战8-API接口设计

3.1接口设计 (1)需要确定APP和服务器间用什么格式传输数据,常用的有两种:XML和Json.XML文件中存在大量的描述信息,会大大增加网络传输数据:同样的内容,用Json格式,传输的数据比较少,首选Json格式. 还有一种Protocol Buffers 格式,以二进制的方式传输存储数据,网络传输数据量比Json还少,但要使用proto文件作为格式验证,各语言需要整一堆pb runtime以及对应的代码生成,增加复杂度较高,目前使用的不多. (2)需要设计Json数据的具体格式: 发送请求

面向Web Cloud的HTML5 App开发实战:Browser&HTML5&CSS3&PhoneGap&jQuery Mobile& WebSocket&Node.js(3天)

课程简介: 王家林老师(联系邮箱[email protected] 电话:18610086859 QQ:1740415547 微信号:18610086859) 22个HTML5主题一次性贯穿HTML5的一切技术: 一网打尽HTML5时代Device.(设备端).Browser(浏览器)和Cloud(浏览器)的所有技术: 以浏览器定制技术为基础,通晓HTML5+CSS3+PhoneGap+Web Socket +jQuery Mobile +Node.js等HTML5的六大核心技术: 最新研发的H

Native App开发 与Web App开发(原生与web开发优缺点)

Native App开发 Native App开发即我们所称的传统APP开发模式(原生APP开发模式),该开发针对IOS.Android等不同的手机操作系统要采用不同的语言和框架进行开发,该模式通常是由“云服务器数据+APP应用客户端”两部份构成,APP应用所有的UI元素.数据内容.逻辑框架均安装在手机终端上. Web App开发 Web App开发即是一种框架型APP开发模式(HTML5  APP 框架开发模式),该开发具有跨平台的优势,该模式通常由“HTML5云网站+APP应用客户端”两部份