Simeon Griggs 提供了一些关于食谱网站的 不错的 UX 想法
- 无需数学运算。随时切换单位并调整份量。
- 提供替代食材。
- 在说明中引用配料时重新列出配料数量。
我完全同意,尤其是最后一点。
在我们所有的改进中,我认为这是我最喜欢的。
典型的食谱布局包含开头带有数量的配料。然后,是一个执行方法的项目符号列表。
但是,方法通常不会再次引用这些数量,因此,如果您没有提前准备好所有配料(这应该是您应该做的,但说真的,谁会这样做),您就需要不断地在前后翻阅。
使这些功能成为可能的部分原因在于您如何设置数据模型。例如,配料可以是Array
而不是String
,这样您就可以立即提供替代方案。
真是太及时了!我几天前刚做了一个食谱网站,现在我可以使用这些了。
感谢链接,Chris!
感谢分享。您还可以添加屏幕唤醒锁定 API,以便在按照食谱操作时,您的设备不会变暗/休眠!
https://mdn.org.cn/en-US/docs/Web/API/Screen_Wake_Lock_API
https://dev.to/madsstoumann/staying-alive-the-screen-wake-lock-api-31fh