展开

关键词

app流程

了解客户需求,听取客户对行业、对产品、对商业模式的思考,此阶段一般需要两个作日 Step 2. 初步了解产品的基础上制定用户需求调研问卷,粗略了解用户对该产品的功能需求 Step 3. 制定正式问卷,以下为某银行客户制定的用户需求调研问理财经理App需求调研 Step 4. 对问卷进行定量化分析,输出问卷分析报告(采样为300份有效问卷) ? Step 5. 根据信息结构,结合用户样本(Persona)、竞品分析、双维度表等方法确立交互目标,并输出主页交互提案 ? Step 8. 所有页的交互,同时 以交互说明的形式配合甲方PM或开发人员输出PRD ? Step 9. 用户视觉风格喜好调研 ? Step 10. 视觉风格分析与提案 ? Step 11. 选定一个方案进行深化后对剩下的页进行视觉 ? Step 12. 视觉规范手册(pdf 20P起)的制定 ? Step 13. 交互动效的制定(demo+文字描述),并配合开发制作实际效果 ?

28950

那些高效的

近年来不断推陈出新,一些新兴的实用渐渐走进师们的视野,逐步改变着师的作模式。作为互联网师,效率至上的作原则敦促我们不断尝试新,建立新的作模式。 本文将回顾的发展历程,并着眼的发展趋势,为大家推荐一些新兴、高效的,涉及UI、动效领域,希望对大家有所帮助。 Part1 的发展历程 随着互联网行业的日益繁荣,领域逐渐走向成熟,也一直在以惊人的速度发展。的发展历经了三个阶段: 1. Part2‍‍‍‍‍ 的未来发展趋势 的发展改变着师们的作方式。也渐渐从单一专注本身向云端性、协作性、通用性发展,旨在实现更高效的生产活动。 ? Part3 推荐 1 UI篇 1.1 Figma Figma是一款全平台通用的在线软件。

29930
  • 广告
    关闭

    腾讯云精选爆品盛惠抢购

    腾讯云精选爆款云服务器限时体验20元起,云数据库19.9元/年起,还有更多热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    UI师必备的五款

    在前几篇文章中,我们分享了一些最受欢迎的原型,今天我们来谈谈的重要性对于师来讲不言而喻。任何想法都需要借助来实现。 Sketch-强大的矢量绘图 01.png 支持平台:只支持Mac Sketch是一款强大的,专为UI师打造的软件,可让你的变得更简单,更高效。 Mockplus-强大的原型 03.png 支持平台:Windows&Mac Mockplus是一款高效简单的app,产品经理圈子中比较流行的一款国产原型。 【推荐】综上,如果你想要选择: 最好的图片编辑和数码绘画:Photoshop 最好的图标和图形:AI 最好用的矢量绘图:Sketch 最好用的UI规范管理平台 :摹客系统 最简单高效的原型:Mockplus 归根结底,技多不压身,想要成为一名优秀的UI师,掌握只是其中一部分,UI需要师们掌握色彩搭配,规范,排版

    2.3K20

    考试App要点

    在智能手机时代,App应用开发已经成为发展动向,制作一款App效果如何,更多的是由用户的体验效果决定。一个优秀的者,制作App时应该多从用户的角度去,这样的效果才会让大家满意。 一、颜色 首先需要定义APP的主色(品牌色),和辅助色(点缀色)。 1. 注意主色和辅助色占比,控制好中的辅助色数量 2. 尝试不同的配色方法 (1)对比配色 对比色给人视觉上的冲击比较大,夺人眼球,如下图案例中蓝色和橙黄色的巧妙搭配不仅丰富了画,还成为了页中很大的亮点。所以,对比配色处理得好能一定程度上给页加分。 (4)渐变配色 渐变作为一种趋势,能使页感受更丰富饱满。 3. 注意带有自身属性的颜色的使用 二、图标 1. 图标的风格统一 2. 同一模块中的图标视觉大小统一 3. 正确传达图标的含义 4. 在内容简单的页,加强对图标的细节勾勒 三、配图 根据产品自身的定位和目标用户群体选择图片。 四. 信息的排布 1. 明确信息的层级关系,突出重点 2. 适当的留白 3.

    49330

    推荐几款软件模型

    一:GUI Design Studio 模型中很实用的一个GUI Design Studio,可以让示意图实现基本的交互,便于演示、交流。 GUI Design Studio提供的了大部分C/S、B/S组件的示意图,可组合使用,在一般软件模型阶段基本可以满足需要。 推荐需求、开发等原型相关人员使用。 http://www.carettasoftware.com/gdsdownloads-v4.html 二、腾讯的UIDesigner 在软件阶段,交互师或者产品经理等常常需要使用一些(比如 这些是各有各的优势,当然也各有各的缺点啦。那么腾讯CDC是如何软件原型的呢?这里向大家介绍我们正在研发的原型利器 UIDesigner。 http://uid.cdc.tencent.com/ 三、金蝶UITool 在BOS项目的需求调研和产品功能规划阶段,金蝶原型是一个很好的

    5K10

    【UI】CSS生成,提示箭头

    18610

    PyQt5 图形-基础准备:安装QtCreater,使用QtDesigner,安装PyQt5

    PyQt5 就是一个把 QtDesigner 转化为 python 代码的 python 库。 QtDesigner的使用请看: 用Qt Designer来UI 所以我们需要的就是: 1. QtCreater 应用程序 2. PyQt5 和 PyQt5-tools 这两个库 下来讲它们的安装。 QtCreater的安装 获取地址:Qt官方下载 文件有点大,耐心安装吧! ? 安装步骤如下: ? 因为我们只用它来UI,所以我们只用它默认勾选的组件就好了。 这个才几百兆,如果都选的话是15个G…,而且MSVC还要单独安装。

    58110

    Android app加载统

    :appium+mincap+opencv appium用于自动化操作,minicap用于截图,opencv 用于图像识别 页原理 1.app启动:命令执行的时候开始统到图片数据匹配到的时候就是启动时间 ; 另外:在中是对每个页加载的过程是有图片数据获取,精确到毫秒,可以从报告中准确的判断是不是页有加载完,时间是不是对的~ 加载时间长短是由app本身,网络,手机性能这三个因素所决定的; 操作注意因素 ,可能要重新截图; 整体以及脚本的原理细节太多就不细说了~就直接截图介绍下实用步骤吧 1.页识别元素,通过被页加载完以后的元素,截图,然后保存,用于截图对比; 2.脚本 ? 详情视频可查看: (视频展示的是一个app的冷启动和暖启动进入app的时间统作下载地址: 链接:https://pan.baidu.com/s/14GcwB2DxE-1nx2RLiEJ0sw 提取码:rg4p 注:该是从4399AT分出来一个分支,所以之前有搭建4399AT就可直接实用。

    47820

    一个关于旅行的app

    其实,这是前几天做的一个,旅行类的,经常上UI中国的也一定都明白框架是临摹了! 是的,我也是在学习阶段,自己最近半年感觉进步太慢了,水平也不增反降,真的需要找一些东西来做做,因为只有提升自己,才能提高竞争力,只有练习才能进步,只说是没用的,你又不是奇葩说搞辩论的,但是辩论也是有内容的 ,语言表达能力也是很重要的,所以,先看下我的吧!

    17540

    不只是PS,5款最好的安卓

    这款中所有的组件都是手绘风格,相信这种文艺气息会在师进行的时候提供更多的灵感和启发。作为安卓,Balsamiq可以算作是文艺青年的选项之一。 ? 2. Adobe XD 原型和线框图的市场日渐壮大,作为行业中的企业大佬Adobe已经坐不住了。Adobe XD就是他们开始动手的最好证明。 Sketch 说到安卓手机,Sketch是一款不得不提的产品。自从出现在Mac上以来,Sketch迅速的侵略了图像和线框图的市场。 多插件支持的策略使得Sketch在保持自身风格的同时兼容并蓄,支持了很多其它产品的优秀功能。 ? 5. PS 的重点之一是图像的,而在图像中,PS是你绝对绕不开的话题。 优秀的安卓远不止这五项,但是在我看来,这五款产品各代表性,几乎可以覆盖目前所有的功能和作用,而且相对简单实用。

    49730

    PyQt5 图形-基础准备:安装Qt Creater、Qt Designer,使用Qt Designer,安装PyQt5

    PyQt5 就是一个把 QtDesigner 转化为 python 代码的 python 库。 Qt Designer 的使用请看: 用 Qt Designer 来 UI ,并转化为 python 代码运行实例演示 所以我们需要的就是: 1. PyQt5 和 PyQt5-tools 这两个库 下来讲它们的安装。 Qt Designer 的安装:【推荐】 PyQt5 图形 - Qt Designer 独立安装包,仅需 30M! python 图像化绘制 Qt Creater 的安装: 获取地址:Qt 官方下载 文件有点大,耐心安装吧! 安装步骤如下: 第一次用就直接注册一个账号。 密码需要必须包含大写字母、小写字母、数字、特殊字符里的3种; 然后我们选择好安装路径 因为我们只用它来UI,所以我们只用它默认勾选的组件就好了。

    7220

    App:消息推送和路由跳转

    概要 app消息推送、显示通知栏,点击跳转页是很一般的功能了,下以个推为例演示push集成,消息处理模块及app内部路由模块的简单。 这里假业务功能上,需要一类推送是弹通知,并处理通知点击后的路由操作——跳转。 这里引入另一个模块——路由模块,路由模块完成跳转相关操作。 因为路由模块和推送不是相关的——路由命令(或者称为消息)的发出不一定是推送,也可以是其它中的按钮等,知道路由模块和推送模块需要分别很重要。 路由模块 路由模块实现app内不同之间的跳转导航。上,RouteMsg表示一个体的路由命令,之后会有一个(或多个——如果对命令的处理是链式的话?)RouteHandler来处理此路由消息。 下看它是如何作的。

    97390

    CaseStudy(showcase)篇-desing

    篇-desing 首先先说明下,我是一个程序员所以请不要在做评价。我在这里要讲的是如何使用Design这个来做。 简单的说明一下,这是一个作为案例展示的程序。 功能方的也比较简单。就是类别、项目和项目的简介。 ok先看看最终要实现的效果。 ? 把页中要用到的元件拆解来一个一个制作。 最左边区域是要能够自适应高度的。所以用矩形来做比较方便。 Design这个没有直接提供做三角形的。如何制作一直角三级型呢? 请看下边的步骤。 先画一个正方形。旋转45度。 ? 再制作一个长方形放到矩形的正上方。居中对齐。 ? 然后选择下减上。 ? 好了showcase这个项目中用到的都制作出来了。

    29070

    “手把手教你”—12个最佳手机APP教程

    在这个视频中,师使用Sketch 3来一个iPhone APP用户。 Sketch App Tutorial – Build a music app landing page in Sketch Sketch 作为当下主流的,似乎有超越Photoshop的趋势。 看了前的音乐类APP登录的教程, 你是否也想出一个属于自己的音乐APP呢? 接下来我将介绍如何通过结合Sketch和原型一款音乐类的APP(Prototype an music app with prototyping tool) TIMING 这款原型音乐类的APP The 10 principles of mobile interface design 算机和手机是人们日常作和生活必备的通讯

    2K270

    Flutter 新零售电商App UI与开发

    前言 使用Flutter开发跨平台UI,快速高效,可谓神器。 一套代码开发出来,在IOS和Android上都能运行流畅,网上关于Flutter入门博客已不少了,但编写的一些Demo过于简单,尤其是布局,与实际项目相去较远,这里将我自己编写的整理后分享给大家 ,主要是UI的搭建,不包括太多业务逻辑,希望对大家学习Flutter UI编写起到一定帮助作用。 项目地址,如果大家觉得有用,可以请打个星星支持 将代码clone到本地,flutter pub get更新依赖即可运行 仅展示几个主要,非全部 四个主页 ? 在这里插入图片描述 ? ? ? ?

    1.1K64

    好的

    2.放出礼品往往更诱惑力 给用户一份精美小礼品这样的友好举动再好不过了。体来讲,送出礼品也是之有效的获得客户忠诚度的战术,这是建立在人们互惠准则上的。 3.合并重复的功能而使简洁 在整个产品开发期间我们会有意无意地创建很多模块,版或者元素,而它们的功能可能有些是重叠的。此种情况表明已经过度了。 6.将选项与按钮区分开来 诸如颜色,层次及模块间的对比这些视觉上的可以很好地帮助用户使用产品:他时刻知道当前所处的页以及可以转到哪些页。 这样适当的可以让用户很方地在产品的各模块间切换。但千万不要把这三种元素得混乱不堪。 ? 我还是更习惯假用户每次操作都是正确的,其实只有极少数情况下才会发生误操作。所以,为了防止误操作而的确认窗口其实是不人性化的,用户每次操作都需要进行毫无意义的确定。

    57960

    交互

    接口数据流 玩家所体验的游戏世其实是在他们的脑海中的,而玩家融入进游戏所通过的,就是交互。交互目标就是让玩家「感到」他能够自如地控制自己的体验。 ? 自己动手,和拿来主义相反,当每个人都在参考和克隆的时候,你花时间在独特的上,也会会让人焕然一新。 视觉化接口,找一个美术师来帮助你吧。 了解游戏元素的优先级是一个好的开始。 可视化元素,比如当你一个用到无线电定的游戏时,了命令与执行的延迟,这时候可视化无线电传播过程和音效能避免玩家因为延迟反馈带来的不安感。 测试,是游戏的重要组成部分,测试当然是必要的。 打破规则,思考「本身是否对你的游戏玩家有利」,也许在很多游戏都复用过的一些师盲目跟风的结果,思考能不能打破这个规则吧。 总结 ---- lens #53 控制:询问自己如下问题来测试你的能让玩家沉浸在人机交互中: 交互是否提供了玩家期望的功能? 你的是否直观,简单?

    51390

    4款APP原型助你搞定移动应用

    实际上,大多数案例都是这些作为教程或炫技使用的。通常,有经验的师或产品经理在挑选App原型时都会从以下这些方进行考虑: l  是否支持多终端演示(随时随地都能演示。) 使用Axure制作App原型师需先作区的大小,然后从栏中拖动App的元素进行;页中的体细节可通过PS进行处理。 点评:作为一款成熟专业的原型交互,无论是它的基础功能,还是团队协作功能,都是值得一试的。但是由于其置过于专业,对于新手来说,操作起来并不易,需要花费一定的时间去熟悉它。 3.  如何利用JustmindApp原型呢?首先,建立一个新的项目并选择原型类型。简单熟悉后,即可开始。 在左侧栏中选择所需组件放置作区,在右侧属性板进行编辑目标属性,在下方编辑触发事件。最后点击Simulation即可预览原型了。 点评:这款适合追求原型的中后期效果的产品经理。

    2.5K40

    模式、APP和Web交互流程图整理

    信息架构图对于一个产品起到了至关重要的作品,产品越复杂,信息架构越重要,比如淘宝APP这种体量的产品,信息架构做的是否合理,直接关系着产品的逻辑,及运行效率,所以对于产品的信息架构在做创意阶段就需要考虑去清楚 ▨APP交互流程表达 APP 交互流程图的表达方式,在这里包括了的之间的信息流动连接,还有非常的重要的交互说明,我们在平时的做的时候,一定要养成良好的标注习惯,的过程中,需要把所有用户操作的可能性都要考虑清楚才行 ▨Web交互流程图表达 对于Web呢,信息架构一般会比APP信息架构要复杂的多,因为Web端能够承载的信息量更大,可兼容的程序更加的复杂,所以对于企业级的网站或者软件,比如微软的OFFICE办公软件,就是一个非常非常复杂的信息架构图 ▨APP一般常用的模式 模式非常重要,他是在经过很多次验证总结出来的结果,对于的应用呢,可以很快的产出产品的原型,以便能够快速的迭代。 ▨Web一般常用的模式 模式非常重要,他是在经过很多次验证总结出来的结果,对于的应用呢,可以很快的产出产品的原型,以便能够快速的迭代。

    2K80

    触摸

    概念 触摸主要是指移动备,区分于pc。触摸按照屏幕大小主要是分为三大类,最小的用户最多的是手机,显示尺寸从3.5-7寸,再大一点是7-10寸,最大的为10-12寸。 区分 规格 我们能想到最明显的就是移动端规格更小比pc 反馈与交互 触摸更容易学习,能够触发人的兴趣 使用习惯 触摸更多的是两种可能: 1 间歇时间使用:比如微信,收发邮件, 2大块时间休闲放松使用 ,需要pc处理,比如一些复杂的编程,交互ui,搜集素材等 3 需要存放内容,整理内容,做某项作而这项作流程有不定性;如果流程是确定的,直接在ipad操作也是可以的。 多操作 1如果你需要经常多操作,那么pc其实更适合你,尤其你在查阅操作文档时,可以灵活的进行新建窗口,可以方便的切换; 2 如果你需要并行的使用多款应用,那么pc其实更适合你,互不干扰,同步运行 ,甚至可以同步显示观察 3 如果你还是更多的针对于一个app,没有相关性的操作,那么触摸备就够用了 大胆想 不妨想一下,我们什么情况下会觉得触摸不好用?

    19830

    相关产品

    • 检测工具

      检测工具

      检测工具是腾讯云为广大开发者、站长提供的一种免费检测工具服务,其中包括:域名检测工具 和苹果ATS检测工具。腾讯云将陆续提供更多实用检测工具,敬请期待……

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券