5步设计思路
第一步,明确这个页面的设计目标,也就是这个页面的用户是谁,他们的任务是什么页面,要解决他的什么问题。
第二步,定义信息。根据用户的目标和任务定义出这个页面要达成你的设计目标,它需要包含哪些关键信息?比如在案例中,盒马的首页就需要包含的信息包括这些。首先,针对来购物的用户,有明确购物目标的用户,我们提供搜索和分类的功能,让他们可以主动的找到想要的商品。对没有明确目标来逛一逛的用户,通过个性化推荐促销活动宣传来帮助他们找到自己可能感兴趣的商品。那另外一部分针对在盒马门店购买。来支付的用户,我们需要提供一个快捷的支付入口。让用户可以在首页打开支付的界面,快速完成支付。
第三步,信息模块儿进行分类。对不同的信息模块分类和组织,把同一类的信息放在一起,或者看是否需要整合。
第四步,对信息模块进行分类之后,要明确这个页面的设计思路。有些时候,一个页面核心的目的只有一个。比如说支付页面,它的目的就是让你快速完成支付决策,并且进行支付的操作,有些页面它的目标有多个,比如说在首页,我们刚才提到了它针对了不同的用户,有不同的需求。所以不同的页面,它的设计思路一定要个性化的去看。
第五步,确定最终的展现形式就是你的交互细节,在确定展现形式的时候,你可能中间还需要再做一些事儿,比如说刚才我们只是进行了模块的分类。但中间还有一些具体的信息,比如说商品的价格要不要展示商品的优惠,要不要展示商品的副标题,要不要展示这些部分,你要再梳理一下,<br>补充完整。
交互设计原则
第一,让用户少思考。复杂酷炫的交互形式不一定是好的设计,我们看到很多酷炫的设计,其实在中后期的使用中,它给人会有很强的审美疲劳。大众用户更多的还是需要快速便捷完成自己的任务,交互设计形式也要遵循这个原则,让用户少思考。凭直觉就可以完成操作。
第二个是要保持交互的一致性,目的是让用户降低学习成本,对产品的操作更有确定性。要确保产品中的交互原则,尽量保持一致,比如说页面切换的左滑操作,再比如说所有的操作后的提示是不是清晰一致的?再回到河马的案例啊,我们在前面已经确定了搜索分类,其实是优先级最高的,所以我们在页面的最重要的头部区域使用搜索栏固定的入口,满足搜索需求, 不需要特别大。
异常的状态
用户杀进程在使使用过程中,如果用户强制关闭了程序。再进来的时候展示什么状态?数据是否都保存了?
还有加载失败,因为网络或者其他原因,用户进到页面后信息没有加载出来,怎么去处理?需要反复加载几次,是否展示空页面,这些要考虑吧