Question

app软件开发如何做界面设计

Answer 1

本文由北京锐智互动软件公司原创发表，转载请保留版权，谢谢！

app软件开发界面设计需要考虑以下几个方面：1、app软件开发界面设计-功能权限

未登录：app在未登录的情况下，可以浏览app的信息，但不可以进行其他操作，进行浏览以外的操作时，系统会自动跳转到登录注册页面。登录：可以进行任意操作。

1）页面名称

登录/注册页面。

2）页的入口

未登录的情况下，操作点赞、评论、分享、回答、私信，发布动作和问题；咨询和查看我的、个人信息动态、消费信息、顾客服务等以上操作后，将自动跳转到登录画面。

3）页面功能

用三种方式登录，输入手机号码/邮箱地址号码/用户名和密码登录，输入手机号码和验证码登录，允许第三方登录。

4）页面的逻辑内容和交互的详细说明：

a、注册账户

单击“注册帐户”，进入“注册登录”页面，用手机号码验证码注册帐户

界面内容手机号码输入框、验证码输入框、验证码获取按钮、注册登记按钮。跳转到右上角的密码登录画面，第三方登录门户

手机号码为默认值86，输入限制为11位。输入非数字内容时，输入界面中什么也不显示。如果输入大于11位的数字，则不显示超过部分，未注册的手机号码在输入正确的验证码后，默认注册成功；

验证码框限制输入4位或者6位数字，其他字符输入无效。

b、输入手机号码/邮箱地址号码/用户名和密码进行登录

界面内容包括手机号码、邮件地址、用户名和密码的输入框、基于手机验证码的登录、忘记密码按钮、登录按钮

手机号码或邮件地址号码、用户名输入框默认为+86，字符数限制为6~16个字符；

输入密码到密码输入框中后，可以单击右侧的可见性图标切换密码的的隐藏/展示状态；输入完成后，单击登录，验证登录是否成功完成，并跳转到登录前的画面；若忘记密码，点击“忘记密码”通过手机号、验证码输入新密码重新设置；

c、允许第三方登录

在登录画面中，在登录按钮的下方显示“第三方账户登录”按钮

按钮包括QQ/微信/苹果登录，选择对应的按钮进入此社交平台授权登录界面；授权完后登录结束并跳转到登录前的页面。

2、app软件开发界面设计-键盘操作

登录操作时，点击手机号码输入框，从页面下部弹出数字键；单击搜索框,编辑框和评论框，然后在底部弹出字母键盘。

3、app软件开发界面设计-其他一般相互作用的说明

没网的情况下打开APP，在页面中央提示：网络错误请重新加载网络，然后重试；

单击底部标签导航中的“问诊”、“社区”和“我”三个选项卡，切换到相应的页面；在页面内下拉时更新页面；上拉时加载内容；二级界面后的页面，不仅可以单击左上角返回，还可以将页面向右划，返回到上一页，在其他用户的动态中，不仅可以点击点赞按钮，还可以通过快速双击详情页来点赞

限制值：用户输入字符时，文本框限制为200个字，如果超过限制，文本框将无法再输入，系统将显示toast提示符，已超出限制200字，没有写内容的时候不能发送。