我们在APP项目开发前端设计时如果某个界面不需要用户输入，只能看，不能编辑，深圳APP开发公司认为那么这种界面的功能按钮可以设计在界面的最下方，方便用户用大拇指点击。
在如图2-11所示的设置界面中，通常会有许多功能菜单供用户点击，但不会让用户在此界面进行输入操作，也就是在此界面不会弹出输入法键盘，这样就可把“退出当前账号”按钮放在界面的最下方，方便用户单手操作，用大拇指点击按钮。博纳网络基于此归纳整理出如下二十七APP前端设计的实操案例。
在如图2-11所示的设置界面中，通常会有许多功能菜单供用户点击，但不会让用户在此界面进行输入操作，也就是在此界面不会弹出输入法键盘，这样就可把“退出当前账号”按钮放在界面的最下方，方便用户单手操作，用大拇指点击按钮。博纳网络基于此归纳整理出如下二十七APP前端设计的实操案例。（1）在设计文本输入区域时，应显示提示信息，提示用户输入的字符类型和字符个数。输入区域的最右边要设计有删除输入字符的图标，用户单击即可删除输入区域中的所有字符。单击如图2-12所示的界面中的“×”图标，会删除密码框中的所有字符。
图2-13
（2）密码输入框的右边应设计有切换明文或密文显示的图标。单击如图2-13所示的界面中的“”图标，会切换密码是明文显示或密文显示。
图2-13（2）密码输入框的右边应设计有切换明文或密文显示的图标。单击如图2-13所示的界面中的“”图标，会切换密码是明文显示或密文显示。
（3）如需用户输入手机号码，需要明确号码的显示方式是否按3-4-4格式显示，如13112345678。
（4）如需用户输入银行卡，需明确卡号的显示格式，如按此格式显示：1111222233334444。
（5）遇到字符串长度超过显示区域的情况，通常有以下几种处理方式。换行显示，动态增加显示区域的高度。将显示区域内的最后一个字符显示为省略号。字符串水平滚动显示全部内容。在提供产品文档时，需要明确采用哪种处理方式。
（6）在登录和注册界面，建议设计用户手动输入验证码，这样可以防止恶意攻击。
（7）产品文档中还应包括各种提示框和提示文字的设计。如操作成功和操作失败的提示框，提示用户等待的提示框，以及什么时候使用Toast提示框，什么时候
什么时候使用Alert提示框。建议在操作成功的时候用Toast提示框（显示时间不超过2秒），操作失败的时候用Alert提示框。Toast提示框显示后会自动消失，导致用户可能看不到出错提示；Alert提示框不会自动消失，只有用户单击其上的按钮才会消失，这样保证了用户可以看到出错提示。（Android系统自带Toast提示框，iOS系统需要导入第三方库实现Toast提示框）
（8）在APP中若要用到轮播图和动画，轮播图的切换时间和动画的显示时间最好也要在产品文档中明确说明。
（9）产品文档中需要明确哪些界面用网页实现，哪些用原生代码实现。通常内容多变的界面，如广告和促销界面，或者需要可以被链接索引传播的文字内容等，可以用嵌入网页的形式实现。
（10）产品文档中需要明确APP是否支持长登录，如果支持长登录，登录时间维持多久。
（11）产品文档中需要明确是否支持一个账号在多个设备上同时登录，以及哪些数据需要在各设备间进行同步。如电商APP和电商网站的购物车、收藏夹、
浏览历史和搜索历史等是否需要实时同步。
（12）需要考虑哪些界面要保存用户的输入信息。如登录界面通常需要保存用户账号在本地，这样当用户再次登录的时候，不需再次输入账号。还有像用户个人资料、地址和文本编辑等界面，需要用户输入的数据比较多，用户在这些界面中点击按钮或键退出时，最好显示提示框，提醒用户是否保存当前界面的数据。
（13）如用到PUSH消息功能，需要明确以下内容。服务器端发送哪几类消息数据。用户点击PUSH消息提示框后，显示什么样的界面内容。APP本地是否要保存消息，如果保存，保存消息的时间段是什么（一周或一月的消息）及保存的消息数量是多少。
（14）对于订单、收藏夹和浏览历史之类的数据，也需要考虑在服务器端或APP本地保存的时间段和数据数量。
（15）产品文档中需要考虑到一些应用市场的要求，如iOSAPP，要发布到AppStore，注册页面必须包含一个用户许可协议的链接，否则可能通不过Apple的审核。
（16）设计评论功能时，分数是否支持小数、星级的划分标准、评论者的昵称或名称的显示方式也都要考虑到。
（17）如有显示或需用户输入数字的地方，需明确数字的默认值和最大值。如有小数，需明确小数位数，像商品的数量和价格等，这也涉及界面布局区域的宽度设置。
（18）在电商APP的结算页面，建议设计买家留言功能，改善用户体验。
（19）搜索功能需要明确是APP本地搜索，还是APP向服务器发送请求，在服务器端进行搜索，并返回结果给APP。两者具体的实现方式如下所述。本地搜索适合采用在搜索栏中输入一个字符就自动搜索一次的实时搜索。服务器端搜索适合采用用户输入字符后，点击按钮，再进行搜索。（用实时搜索方式，如需要输入5个字符，在极端情况下可能APP向服务器发送发送5次请求，在交互5次之后才能搜索到结果，这极大地浪费了流量和时间）
（20）搜索功能会涉及多个界面，各界面间的跳转流程需要明确。
（21）大多数APP都会展示许多图片，对网速要求高，但用户可能会在网速不好的情况下（如在2G网络状况下）使用APP。需要考虑在此情况下，是否显示分辨率较低的图片或不显示图片，如电商APP中的商品列表转换为文本模式，以降低对网络性能的要求。
（22）需要明确APP的升级功能流程和相关界面，且要注意强制升级和非强制升级的不同。非强制升级是用户即使选择不升级当前版本，也能正常使用APP。强制升级是用户必须升级后，才能使用APP。当用户启动APP时，APP从服务器获取到升级信息，并在APP启动界面显示提示框，内有和两个功能按钮，供用户选择。在APP的启动界面显示的提示框只有按钮，用户只能点击按钮升级APP版本。
（23）在用户进行删除操作的时候，一定要显示提示框请用户确认，以防止用户误操作。
（24）大多数APP中的许多功能需要在登录状态才能正常使用。目前许多APP都把注销登录的按钮设计在层次比较深的界面，让用户一直保持登录状态。如果用户很容易看见注销按钮，那退出登录状态的概率也就变大了。
（25）Apple产品没有键，但Android产品通常有键，用户可以直接按键退出，需要明确采用以下哪种退出方案。用户按键时，弹出Alert提示框，提示用户确认是否要退出应用。需要用户在点击键后，把手指从手机的返回键区域移动到中间区域，点击提示框上的按钮。
用户第一次按返回键时，弹出Toast提示框，提示用户再次点击键，则退出应用用户手指一直放在返回键区域就可完成退出操作，不需移动手指，用户体验更好。
（26）对于展示列表数据的界面，需要明确数据按哪种方式排序。
（27）如果提供下拉列表，让用户选择下拉列表里的数据时，需要考虑是否当用户在文本框中输入文字时，程序自动搜索相关的数据。当销售销售员数量较多时，可节省用户查看列表数据的时间，改善用户体验。好了，APP开发公司本文关于“APP开发前端27个设计实操方法详解”就分享到这里，谢谢关注，博纳网络编辑整理。
当前文章链接：/construction/appkaifa/2170.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
