• 0755-82538016
  • 0755-82560826
  • 深圳网站建设_APP小程序开发_博纳网络

    • 网站建设案例
      • ";

        营销网站建设

        全网营销网站

        高端网站建设

        商城网站建设

        外贸网站建设

        小程序开发

        区块链开发

        物联网项目开发

        定制app开发

        在线教育网站

        速成网站建设

        服装网站建设

        餐饮网站建设

        珠宝首饰网站

        机械制造网站

        文化旅游网站

        家装建材网站

        美容化妆品网站

        数码产品网站

        模板案例库

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站推广
      • ";

        网站优化基础

        建站优化

        网站优化

        营销推广

        整站优化

        推广帮助

        谷歌搜索

        推广方案

        推广套餐

        推广技巧

        百度排名

        巧用微博推广

        直播视频网站推广法

        微信推广网站方法

        网站外链推广

        公共微信号推广

        网站优化闲谈

        常见问题

        公司资讯

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站制作资讯
      • ";

        网站制作

        外贸网站建设

        网站设计

        网站代运营

        深圳网站建设专栏

        深圳小程序开发

        网站改版

        APP开发

        网站建设方案

        安全维护

        软件开发

        平台搭建

        建站行业资讯

        域名注册

        虚拟主机

        企业邮局

        国外主机

        VPS独享空间

        免备案香港服务器

        如何解析域名

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站报价
      • ";

        网站报价

        建站方案

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 公司动态
      • ";
        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 关注博纳
      • ";

        网站制作精英团队

        网站建设公司愿景

        公司介绍

        主营业务

        博纳文化

        加入博纳

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 联系我们
      • ";

        网站建设公司联系方式

        网站建设、网站制作公司乘车路线

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
      网站制作资讯

      当前位置:

        主页网站制作资讯建站行业资讯app开发一次前端设计实战经验分享

      app开发一次前端设计实战经验分享

      发布时间:2017-12-27

      文章编辑:网站建设 文章来源:建站行业资讯 浏览量:次

      APP开发,前端用户体验很重要,如何设计出用户终极体验的前端操作界面? Android 端重设计,是由于四个月前,Android 端去掉了顶部导航的蓝条。由于设计趋势种种缘由虽然可以理解,但是去掉蓝条后的界面字重层级关系变得混乱,显示十分粗糙。知乎的Android 端显得很老旧。再加上之前使用时候的一些感触。于是就愉快的作为练习对象动手啦。

      在 Android 端,提问action放置于搜索框内部,同时提问和搜索引导颜色相当,视觉上会认为是一件事,对用户识别造成干扰。

      搜索框引导文本颜色过重,使用与下面Tabs【动态、热门、发现】相差不多灰黑色,导致在视觉上重要程度似乎相当。显得主次不明。

      灰色分割线和卡片式投影组合使界面厚重且陈旧。

      可能由于对屏幕尺寸的珍惜,一屏显示更多的内容。文本间距较窄略显局促。

      卡片内信息层级略微混乱。

      APP开发前端设计您要对首页设计做这些:

      • 将提问从搜索框中剔除,让 Tabs 功能更明确。

      • 增加浅色背景,重新梳理层级关系。让信息层级更清晰。

      • 关注问题移动到右侧,用距离将展示信息和可操作按钮加以区分。

      • 提问作为问答社区中高频事件,用悬浮按钮加以突出,增加点击率。

      • 去掉了卡片下略脏的投影。

      • 底部 Tabs 遵行 MD 的设计规范,选中状态下显示文本。使界面更简单爽朗。

      长时间单模块滑动会让用户产生视觉上的疲惫。让每个模块拥有自己独立的形式,在单一的样式中加以分割,让界面更具有节奏感。

      APP前端制作笔者进行了这些调整:

      • 和首页保持统一,对标题和文本增加了底色。

      • 减小了专栏等头像大小,让头像不过于宣兵夺主。

      • 专栏和话题用统一的样式。收藏夹和圆桌根据各自所承载的信息的不同,为它们设计了不同的样式。在专栏和话题中加以分割。

      想法往往是一瞬间的事,比如看到一个场景触动了想法。记录场景比文字描述的优先级就更高。

      翻了很久的想法,大部分人在使用话题时并并不会连接上下语境,甚至知乎也他作为标签放在正在讨论。所以用标签代替话题似乎是可行的的,同时界面中也不会有太多的蓝色显得到处都可点击。

      原设计中卡片的并列关系很棒,再做重设计的时候这里琢磨了好久。最后选择用包含这种比较直观的方式来制作。

      APP开发是站直笔者的想法设计思路:

      • 多功能悬浮按钮。在不同场景都可以迅速记录想法。同时也方便以后的新功能的拓展。

      • 发布想法的时候,增加标签快捷按钮。

      • 将原来话题改为标签,话题穿插在文本中影响阅读。单独提取出来也更方便办用户根据自己感兴趣的标签点击查看更多同属性内容。

      • 增加了搜索功能,可以在想法中进行热门话题检索。

      • 将原设计中并列关系改为包含关系转发更直观。更容易体现针对哪条想法产生的新想法。当同一作者针对同一想法连续性产生想法进行转发的拓展性也更强。

      APP前端制作设计者对市场做了这些:

      • 重新排版了市场,采用了更多的卡片设计

      • 每日新知时间基本控制在两分钟左右,显示时长没有太大的意义。去除了末尾的时间显示,通过前面播放键外面的进度条表达。

      知乎的消息中心是自己使用起来最纠结的部分。消息的种类十分多,通过icon来做区分很不直观。

      评论,问题和基础信息融合在一起,没有加以区分,视觉识别阅读更为困难

      对此我做了这些调整:

      • 去除单条信息上的种类图标,将消息细化让层级更清晰。

      • 优化评论和针对评论进行评论的版式。评论默认展示三行,超出部分需点击查看原文。

      • 优化提及,适当展示一点前后内容。会让用户更容易决定要不要点击看更多。

      • 将陌生人信息汇总,默认展示最新一条的头像。

      • 将关注的专栏和收藏的动态在消息中汇总,防止错过。

      原来长列表加图标的样式在使用的时候会比较没耐心看哪个是什么入口。随着功能的增多,这里也会变得更加臃肿。

      APP前端制作设计师重新设计更多的结构:

      • 重要的入口两排展示。节约空间,底下的模块就可以更好的展示业务。

      • 将底部模块根据不同的功能需要进行差别化设计,可拓展性更强。

      • 私家课突出学习进度,点击可快速进入课程。

      • 书籍除了最近阅读的进度,还展示了已完成和购买,突出成就感。

      • 付费咨询展示最新提问,可在此界面快速进行回答。

      • 展示最近收听的Live,点击可快速回到上次离开的地方。

      我做了这些:

      • 将评论中的时间和可点击的评论等加以区分。

      • 一键切换排序方式。优化排版,强调可操作按钮。

      • 将提问从搜索框中剔除,让 Tabs 功能更明确。

      断断续续做了有点久,由于没有数据支持,可能很多地方考虑的也不够周到。以及欢迎诸位质疑探讨共同提高。深圳网站建设博纳网络编辑整理。


      当前文章链接:/construction/jzhyzx/927.html
      上一篇:网站建设时的简约风格设计经验总结 下一篇:网站制作列表页对后期的推广至关重要如何设计适合收录的界面?
      返回列表
      如果您觉得案例还不错请帮忙分享:

      [声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。

      相关案例推荐

      • 建德司法局

        建德司法局

        政府教育

        建德司法局

      • 天骄教育

        天骄教育

        H5手机站

        天骄教育

      • 模特大赛官网

        模特大赛官网

        企业网站

        模特大赛官网

      资讯分类

      • 网站制作
      • 外贸网站建设
      • 网站设计
      • 网站代运营
      • 深圳网站建设专栏
      • 深圳小程序开发
      • 网站改版
      • APP开发
      • 网站建设方案
      • 安全维护
      • 软件开发
      • 平台搭建
      • 建站行业资讯
      • 域名注册
      • 虚拟主机
      • 企业邮局
      • 国外主机
      • VPS独享空间
      • 免备案香港服务器
      • 如何解析域名

      最新发布

      • 移动端网站建设对传统企业带来哪些好处?
      • 深圳网站建设有哪些标准和规范?
      • 做好企业网站建设用户体验可从哪些方面入手?
      • 深圳做网站的公司建设购物网站的流程是怎样的?
      • 深圳网站建设:专业的营销网站建设具有哪些特征?
      • 深圳网站建设:成功的手机网站必有的特征
      • 企业为什么要搭建自己独立的电商网站?
      • 建站价格贵的就是属于高端网站建设吗?
      • 深圳做网站的公司从搭建网站到完成大概需要多久?
      • 企业网站建设做好,流量是关键如何获取?

      相关资讯

      • 网站建设从业人员的前景-网页设计师
      • 网站制作行业的前景与制作人员应具备的素质
      • 2017互联网行业的发展现状与前景
      • APP网站在当今互联网+的政策支持下做好三点
      • APP网站引擎优化九点建议
      • 再谈网站文章原创性对网站质量的影响。
      • 网站营运推广必须要仔细分析客户的行业现状
      • 搜索引擎快照是如何影响网站权重的?
      • 中小微企业如何利用互联网+快步向前
      • 一个电子商务网站平台的优化历程

      热门搜索

      • APP开发公司
      • 深圳网站建设
      • 公司网站建设
      • 网站免费制作
      • 网站建设公司
      • 企业网站制作
      • 网站建设开发
      • 企业网站开发
      • 手机网站制作
      • 学校网站制作

      Copyright © 2021 博纳网络 版权所有  粤ICP备17054727号

      • 🏠

        首页

      • 💬

        咨询

      • 📞

        通话

      • 📂

        案例

      • ⬆

        返回