Trigraphy 值得分享的产品设计方法和原则共有三点。
第一点:利用设计,来管理用户对于进度的认知打开 Trigraphy
启动屏上除了 Logo 之外下面还有三个框,这是占位符。当应用完全打开之后,可以看到这三个格子里面填充了本地的图片。看起来,结构已预先在启动时完成加载了,第二步才把这些内容加载到结构中,而实际上,启动屏上三个框是画出来的。
对于一个 App 来说,点击它的图标打开应用开始加载,在完成加载之前,用户都没有办法参与。加载的过程究竟需要多长时间,用户没办法预期,这个过程对用户来说是失控的。通过以上的设计,加上一些看起来是加载过程的反馈,这就管理了用户对于加载进度的认知。
举一反三,在所有产品设计的流程里面,我们都要去思考:如何保持对用户的反馈,让用户对系统有掌控感。
第二点:如何将两个目的不同的页面更顺滑地连接起来
通过一个动效将两个页面的元素平滑地连接在一起,就避免了生硬的页面切换。
第三点:通过一个随机效果设计去区分不同级别的用户
平时在设计用户体验的时候,产品经理需要去注意区分不同级别的用户,不同的用户对 App 流程和功能的了解是不一样的。产品设计最好可以帮助那些第一次使用这个 App 的用户设计一个门槛非常低,可以直接上手的功能通路。
讨论
1、避免加载时的时空感,6秒原则(预加载中间态图片,Facebook的3个中间态);
2、页面之间平滑过渡(Tri上下滑动过渡,微信朋友圈广告展开);
3、不同级别的用户,不同的交互入口(交互冗余,满足不同层次或场景下的需求)
例:王者荣耀,quick start。
网友评论