• 有“顶贴机”,还有“点赞机”?哈哈哈哈······ 2019-09-20
  • 生态环境部部长李干杰:坚定推动农村散煤的煤改气、煤改电 2019-09-20
  • 政治领导力 持续变革力 道义感召力 2019-09-19
  • 首批战机未抵,英工程师就"向中国泄露F 2019-09-18
  • 今日热点舆情(6月15日):养老金中央调剂:迈向全国统筹的关键一步 2019-09-17
  • 湖南省益阳市牵手第十二师二二一团举办“湘疆情深 爱洒兵团”捐赠仪式 2019-09-13
  • 13少年被逼参与盗窃遭烟头烫伤 21天撬130辆车 2019-09-13
  • 广州市第十五届人大常委会第十四次会议第二次全体会议 2019-09-11
  • 偶像玄幻剧陆续定档暑期 荧屏满溢青春气息 2019-09-04
  • 软件社交功能须设红线 2019-08-28
  • [网连中国]赛龙舟 包粽子 办诗会……全国各地品民俗迎端午 2019-08-28
  • 【大考2018】2018高考首日众生相(组图) 2019-08-24
  • 【15-20万】最新汽车报价 2019-08-24
  • 农民回答风水神,“勤劳的农民玩什么没有富起来”。(原创首发) 2019-08-20
  • 《生化危机2重制版》体验:它重新定义卡普空 2019-08-20
  • 重庆结构设计

    联系我们

    电 话:13883195621

    Q   Q:1915333281 

    网  址:双色球开奖结果查询 www.nzmj.net

    邮 箱:[email protected]

    地 址:江北区五里店鲁溉路11号星耀天地21栋0703(北滨二路)

    邮 编:401147

    设计实战!一个美观又易用的食谱APP要如何设计?

    双色球走势图表近30:设计实战!一个美观又易用的食谱APP要如何设计?

    发布日期:2018-07-23 14:46 来源://www.nzmj.net 点击:

    双色球开奖结果查询 www.nzmj.net 中国人常说,民以食为天,吃这件事情很重要。好食物往往带来好心情。人每天的一日三餐是驱动人每天做各种各样事情的能量来源,食物的好坏直接关系着一天的心情、情绪、状态甚至工作和生活的点点滴滴,这也难怪食物始终都是热门话题。而我们同样常常借助手机和网络,选择更好的餐厅,点更好的外卖,或者寻找更加健康的食谱。美食和技术,也一直是紧密关联的。无论这个和美食相关的 APP 的UI 背后的设计目标是什么,它不仅能够帮助用户达成目标,而且因为美食的加成,它还有着别样的吸引力。

    早些时候,我们已经就这个主题分享过不少关于UI 设计的想法,今天我们要探讨的这个设计实战,是一个关于新鲜食品的设计案例研究,这个 APP 的核心概念是食谱卡。在这个项目当中,主要的设计师是 Anton Morozov, Ernest Asanov 和 Vlad Taran,他们将会通过分析和探讨来寻求最合理的内容和导航的设计。


    杭州杰创工业产品设计有限公司

    关于烹饪和食谱的移动端APP 的 UI 设计。

    杭州杰创工业产品设计有限公司

    简介

    总的来说,设计师需要为喜欢烹饪的用户设计出一款辅助制作出美食的APP,它应该拥有不断更新的食谱数据库,它还应该具备食材管理的功能,允许用户根据家中现有的食材来生成相应的菜单,并且针对缺少的食材,生成相应的购物清单。

    根据客户的偏好,这款应用应该包含下列的功能:

    必须的功能

    搜索栏

    过滤按钮(包含相关结果数量和相应的过滤的信息)

    食谱卡片(食谱图片+标题)

    可选功能

    具体的食谱,各种食材的用量和配比

    烹饪时长

    卡路里

    用来关闭和隐藏食谱的X按钮

    添加食材到购物清单的按钮

    喜欢/保存 按钮

    提供食谱的用户信息

    食谱的评分

    喜欢这个食谱的用户的数量

    主要成份

    分享按钮

    食谱的来源和链接

    考虑使用哪种样式来呈现食谱,网格还是单列

    主要问题

    客户为设计团队所提出的需求和构思当中,包含了大量的信息和想法,设计师必须通过分析优先考虑所有的要点,因为将屏幕填满信息导致过载的风险很高。在研究和分析的基础上,通过创建用户使用场景来判断食谱当中哪些信息最重要。

    解决方案的探索:优点和缺点

    设计师为食谱卡的展示制定了几个不同的方案,这些方案的核心都是让有限的移动端界面尽可能有效地、高效地展示核心数据??悸堑绞称卓ㄊ钦鼋换ブ械墓丶蛩?,并且最终设计师决定平衡好逻辑和情感,希望在可用性、可导航性和视觉美学之间找到平衡点。尝试了不同的方向之后,设计师设计出了3种不同的内容布局方案。其中,创意团队必须基于目标受众的期望找到最接近的一个。

    方案A:使用列表来展示食谱

    优点:可以将尽可能多的内容展示在屏幕上。

    缺点:图片看起来太小了。

    杭州杰创工业产品设计有限公司

    方案B:以卡片来展示食谱(类似Pinterest)

    优点:卡片有着极大的灵活度,它的高度可以轻松匹配不同类型的内容和信息。{工业设计公司}

    缺点:由于采用了双列布局,每列的宽度都比较窄,而诸如添加食材到购物车等交互,主要是依靠长按卡片来触发,这些交互是隐藏的,对于杭州杰创工业产品设计有限公司


    方案C:大食谱卡片设计

    优点:图片可以极大的吸引用户的注意力。

    缺点:屏幕上一次只能显示一个食谱卡片,对于用户而言,附加的功能和交互依然不够明显。

    杭州杰创工业产品设计有限公司

    创意团队最终倾向于方案C,较大的卡片设计让产品拥有更强有力的视觉吸引力,而这在竞争中有着明显的优势。同时,这也有助于搜集反馈,分析数据,这些数据可以作为下一个阶段的设计基础,用来提升用户体验?;ㄆ吹奈⒔换ノ⒚疃叛?,其后可以隐藏更多的交互和操作,以及附加的功能。

    其他的细节:过滤器

    由于不同的食谱千差万别,用户需要通过过滤器来筛选食谱,用户则可以通过这个功能找到更加适合自己的食谱。比如可以选择仅使用当前已有食材的食谱,这样用户就无需采购也能置办上一桌子的好菜。过滤器为用户提供了更多的便利。


    相关标签:重庆外观设计

    最近浏览:

  • 有“顶贴机”,还有“点赞机”?哈哈哈哈······ 2019-09-20
  • 生态环境部部长李干杰:坚定推动农村散煤的煤改气、煤改电 2019-09-20
  • 政治领导力 持续变革力 道义感召力 2019-09-19
  • 首批战机未抵,英工程师就"向中国泄露F 2019-09-18
  • 今日热点舆情(6月15日):养老金中央调剂:迈向全国统筹的关键一步 2019-09-17
  • 湖南省益阳市牵手第十二师二二一团举办“湘疆情深 爱洒兵团”捐赠仪式 2019-09-13
  • 13少年被逼参与盗窃遭烟头烫伤 21天撬130辆车 2019-09-13
  • 广州市第十五届人大常委会第十四次会议第二次全体会议 2019-09-11
  • 偶像玄幻剧陆续定档暑期 荧屏满溢青春气息 2019-09-04
  • 软件社交功能须设红线 2019-08-28
  • [网连中国]赛龙舟 包粽子 办诗会……全国各地品民俗迎端午 2019-08-28
  • 【大考2018】2018高考首日众生相(组图) 2019-08-24
  • 【15-20万】最新汽车报价 2019-08-24
  • 农民回答风水神,“勤劳的农民玩什么没有富起来”。(原创首发) 2019-08-20
  • 《生化危机2重制版》体验:它重新定义卡普空 2019-08-20
  • 下载河南快三软件 8连码是什么数字 蓝宝石娱乐城佣金 3d走势图 中国足彩比分网 2019中超预备队比赛直播 3d资讯新浪彩票 广东好彩一最新的开奖 幸运飞艇的彩票 ibb亿发国际下载 足球游戏手机版大全 齐达内 皇马号码 中澳彩票 澳洲五分彩走势图 足球14场胜负彩