美文网首页技术运营相关
设计APP,如何把页面考虑的更加全面

设计APP,如何把页面考虑的更加全面

作者: 九喵CAT | 来源:发表于2021-02-24 17:46 被阅读0次

有很多设计师跃跃欲试想在来年做一份更好的工作,无非是薪资待遇,环境以及向上发展的空间问题,我也不例外
在小公司好多年,也遇到一些在设计APP和开发吵的不可开交的瞬间,虽然后面问题得到解决,但是心情没有变好,遇到的问题还往往是一些切图,标记的小问题
当然,这篇笔记是来自风筝KK的文章,在这里附上大大的UI中国链接https://www.ui.cn/detail/521677.html
看过的文章自己需要复盘一遍,便于记忆加深,以下是我通过看大大的文章总结的归纳

首先,设计APP,我们需要考虑到以下几点细微却很重要的点:
①出的效果图,文字和图片不要复制粘贴
②极限值要考虑全面
③所有状态都应该设计出来



图片一样,看不出实际效果


考虑数值的极限值

笔记:
列表:①需要注意标题的长短,标题长度过长最好不要放在一行展示,放两行要怎么做截断处理?
②表述文字过长如何处理,是否展开收起
③考虑图片适配规则,各角色参数的变化,进行适配,考虑交互手势操作

表单
:①标题区域最多支持几个字,超过该如何展示?输入宽度确定
②对于地址,备注等文本框当文字超过一行如何展现,是滚动还是转换,输入文字是否有限制数量。

弹窗,提示框,控制面板等:

①考虑当标题超过一行如何显示
②考虑当内容超过一行如何显示

为了方便和程序对接,所有的流程都要展示出来,所有的状态都应该设计出来

笔记:
列表:①空状态如何显示,是否需要引导
②列表标题过长如何显示
③描述文字为空,正常,过长如何显示
④翻页加载样式,没有更多内容的样式,数据加载提示
⑤默认状态,点击状态,长按状态

表单输入:
①考虑默认状态,编辑状态,常态
②输入时的键盘交互操作
③报错,网络断开,成功,失败等提示
④跳转到哪里?是直接跳转到列表,还是需要展示预览
⑤输入有逻辑关系的内容如何交互
⑥输入出现意外如何处理,是否保存,需要做什么操作
⑦输入特殊字符是否做限制

按钮:
①正常,触发,禁用,加载等状态

搜索:
①在当前页面操作,还是跳转到新页面
②实时搜索,还是提交后才更新数据
③正常态,触发态,输入态,提交态
④历史记录最多展示几条?是否支持清空?

总结:
①把细节做到极致,提升自己的靠谱值
②常常反思沉淀复盘,使得产品更加贴合用户
③做到位,避免和开发起冲突

相关文章

网友评论

    本文标题:设计APP,如何把页面考虑的更加全面

    本文链接:https://www.haomeiwen.com/subject/xwisfltx.html