美文网首页
01 | Trigraphy的设计哲学

01 | Trigraphy的设计哲学

作者: HKrystal | 来源:发表于2020-06-10 23:09 被阅读0次

Trigraphy 值得分享的产品设计方法和原则共有三点。

第一点:利用设计,来管理用户对于进度的认知打开 Trigraphy

启动屏上除了 Logo 之外下面还有三个框,这是占位符。当应用完全打开之后,可以看到这三个格子里面填充了本地的图片。看起来,结构已预先在启动时完成加载了,第二步才把这些内容加载到结构中,而实际上,启动屏上三个框是画出来的。
对于一个 App 来说,点击它的图标打开应用开始加载,在完成加载之前,用户都没有办法参与。加载的过程究竟需要多长时间,用户没办法预期,这个过程对用户来说是失控的。通过以上的设计,加上一些看起来是加载过程的反馈,这就管理了用户对于加载进度的认知。
举一反三,在所有产品设计的流程里面,我们都要去思考:如何保持对用户的反馈,让用户对系统有掌控感。

第二点:如何将两个目的不同的页面更顺滑地连接起来

通过一个动效将两个页面的元素平滑地连接在一起,就避免了生硬的页面切换。

第三点:通过一个随机效果设计去区分不同级别的用户

平时在设计用户体验的时候,产品经理需要去注意区分不同级别的用户,不同的用户对 App 流程和功能的了解是不一样的。产品设计最好可以帮助那些第一次使用这个 App 的用户设计一个门槛非常低,可以直接上手的功能通路。

讨论

1、避免加载时的时空感,6秒原则(预加载中间态图片,Facebook的3个中间态);
2、页面之间平滑过渡(Tri上下滑动过渡,微信朋友圈广告展开);
3、不同级别的用户,不同的交互入口(交互冗余,满足不同层次或场景下的需求)
例:王者荣耀,quick start。

相关文章

  • 01 | Trigraphy的设计哲学

    Trigraphy 值得分享的产品设计方法和原则共有三点。 第一点:利用设计,来管理用户对于进度的认知打开 Tri...

  • 产品案例分析.Trigraphy的设计哲学

    读这篇文章你会收获什么如何利用设计,管理用户对进度的认知。如何将两个不同目的的页面更顺滑的连接起来。如何通过产品设...

  • 【设计哲学】

    设计的哲学哲学的设计 设计应该提升高度哲学不妨加强趣味 当设计遇上逻辑问题将会更易解决当哲学注入创意思想自然更加开...

  • 设计思考01: 科学和哲学

    “哲学教我思辨,科学教我求真” 01 停更了快大半年这段期间,每天除了忙碌工作之外,我居然迷上了自然科学。每个晚上...

  • 设计哲学

    iPhone 可有设计哲学? 作者/李楠 2009-11-15 iPhone 4G 出来之前,注定会有更多强大,快...

  • Alembic文件格式简介--设计思想和理念 1

    Alembic的设计哲学 这篇文档是写给那些想理解Alembic设计初衷和设计哲学的开发者,这样就能明白库中的东西...

  • 修图只知道prisma简直弱爆了

    这种事情做什么铺垫,直奔主题!! 几何风: Trigraphy 它可以将图像碎化成各式各样的几何图形,还可以不断组...

  • 免费送书啦!细数Github大神们的开源书籍![二]

    计算机软件设计 《软件设计的哲学》 《软件设计的哲学》斯坦福教授、Tcl 语言发明者 John Ousterhou...

  • The Art of unix programming

    The Art of unix programming 哲学 哲学基础: unix 哲学并不算是一种正规设计方法,...

  • 包装设计的哲学。2022-09-08

    华与华文库之《包装设计的目的》序言: 包装设计的哲学 所有问题都是哲学问题。 对任何问题,我们都要以哲学级的洞察,...

网友评论

      本文标题:01 | Trigraphy的设计哲学

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