• 线框图(demo草图)制作的总结


    在产品的设计中,一直以来我都有一个误区,认为用户需要的底层需求是来自交互的完成。但是在总结的时候,发现交互不能承担的恰恰是用户的底层逻辑架 构,无论这些是不是用户最终所关心的;从pm或是需求人员设计出的底层业务逻辑,演绎出用户的底层需求(用户必须要使用的),交互设计师从这些底层的业务 逻辑,设计出用户通过界面来提取这些需求的途径。

         用户看不到底层的需求,所以我曾经一厢情愿的认为这些都是交互设计应该承担的责任;但是用户使用的、呈现给他的界面都是需要通过交互的过程来展示给用户,让用户易于使用。

         在产品设计的过程中,我使用过多种交互设计方法,但是中心的流程还是依据从用户研究到关键角色设计、访谈、提取用户情景,卡片提取用户重点到最后通过草图 绘制来确定用户的需求(当然会依据业务流程图)。其中草图demo是经常用的一个简便的设计方式,而且高效易于修改,但是说来惭愧,一个leader问我 对线框图的认识时,我却觉得概念很模糊。其实线框图说出来在交互岗位中并不模糊,而且在大量的频繁的使用。在我的工作中,它就是每天提到了草图。

         在家休息总结,也参考了一些大师对线框图的理解,故总结一下。
    一、线框图的依据:业务流程图以及相关的用户调研所提取的数据。依据各个公司不同,所以产品的名称有所不同。总之数据的依据来源是用户底层的需求,提供相应的业务逻辑

    二、线框图的绘制过程
    1、白板绘制,便于讨论,但是不便于保存哦,比如我的就over了!下图引用了大师的图片!

    2、讨论完毕后在白纸上记录,整理图示,再次考虑与流程图的需求是否吻合。

    3、用工具visio绘制电子档文件,以便传阅。当然可以有很多工具。

    4、相关交互的解释说明,标注清晰


    由于有些图片设计到未发布的产品,故没有能够完全展示,有兴趣的朋友,可以下载我整理的一些国外大师们,有关线框图的制作过程。很有帮助的哦!
  • 相关阅读:
    使用openURL实现程序间带参数跳转详解
    [翻译] DFCircleActivityIndicator DF圆形活动状态指示器
    ABC定制视图导航控制器
    [翻译] UIView-draggable 可拖拽的UIView
    [翻译] SFRoundProgressCounterView 带有进度显示的倒计时视图
    [翻译] ColourClock 将时间值转换成背景色
    Solr部署如何启动
    搜索引擎基本工作原理
    面试题 IQ
    解释一下,在你往浏览器中输入一个URL后都发生了什么,要尽可能详细
  • 原文地址:https://www.cnblogs.com/shihao/p/2193569.html
Copyright © 2020-2023  润新知