美文网首页技术运营相关
设计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