App 产品原型背后要交代的细节和要理解的原则(一)

笔者从产品经理设计需求的角度,分享了APP产品原型设计背后需要的注意的细节和原则,供大家参考与学习。移动App的产品设计往往都是所见即所有,没有太深奥的逻辑要交代的,比葫芦画瓢即可。产品经理常常很快就把原型画出完了,但是在设计UI的时候或开发的时候就常常被拉去澄清细节,原因就是对设计的细节交代不清楚,或者了解的不甚深入,缺少对边界或排他项的界定。笔者近期从事社交App的需求

App 产品原型背后要交代的细节或要理解的原则(二)

本文接着上一篇《App产品原型背后要交代的细节或要理解的原则(一)》,也是来自工作中的总结和整理。笔者从产品经理设计需求的角度,分享了APP产品原型设计背后需要的注意的细节和原则,供大家参考与学习。七、产品经理对视频拍摄窗口的界定产品经理在设计拍摄视频或图片功能的时候,需要考虑是否满屏拍摄,是否限制必须按一定比例拍摄等。之所以考虑这个问题,是因为有的手机全屏比例拍摄的效果并

B 端产品原型进化录

本文作者从设计原则、色彩、图标这3个角度对产品原型设计进行了拆解。关于B端Web产品前期从流程上进行了复盘,这次从原型设计的角度来进行梳理。原型设计是产品经理的硬技能,也是产品经理与各相关方沟通的直观桥梁。只有看到了原型demo,甲方爸爸们才会清楚的知道他们不要什么,可能还需要什么。我的原型设计之路,从一开始的野路子,到目前的稍有章法,多亏了Ant design的组件库、设

规范流程下的原型设计——你的原型真的有价值吗?

在前段时间翻译的IDEO出品的《以人为本的设计指南》中,正好讲到了构思到原型的阶段,恰好我在进修的IDF设计思维课程也到了原型设计部分,因此准备出一篇原型相关的文章,分享所学同时也曝露一些目前国内设计行业存在的一些畸形现象。标准设计流程下的原型原型作为设计流程中的一个关键部分,被广泛应用在设计的各个阶段,注意是各个阶段,而不仅仅是原型设计阶段。重温一下,设计思维共有五个阶段

Aure 教程:中继器高级用法——列表复选

当工作中需要进行列表复选操作时,我们可以如何使用Axure来进行相关操作呢?本篇文章里,作者利用中继器为我们展示了列表复选操作,让我们一起来看一下。所需元件:中继器:表单制作;文本框:表头制作;复选框:复选交互制作。思路:基于中继器中的复选状态进行赋值,并基于整体列表的状态值进行换算,得出全选的临界值公式。教程如下。一、中继器的复选赋值因列表载入时,默认均为未选中

Aure 教程:中继器高级用法——下拉多选

作为一个产品经理,学会使用Axure 是一个基础技能。本文作者分析了中继器高级用法——下拉多选的做法,希望对你有帮助,所需元件:中继器:2 个,一个对应标签,一个对应下拉列表;文本框:模拟下拉框;小三角:模拟下拉框的交互动作;思路:标签和下拉列表的中继器通过文本对应进行状态值的一对一的更新,并通过状态值的变化控制下拉列表的选中切换和标签的显示和排序。一、中继器的复

Aure9 教程:利用全局变量实现跨页面传值

在我们使用Axure进行原型设计的时候,在同一个页面实现点击不同的按钮切换显示不同的内容,可以通过动态面板来实现;如果要实现在a页面点击不同的按钮,在B页面中显示不同的内容应该如何实现呢?本文将介绍如何通过全局变量保存值并进行跨页面传值来实现这个效果。一、交互效果说明点击「首页」金刚区的按钮,跳转至「分类」页面,选中对应的Tab选项,切换显示对应的内容。效果预览:原型

【Aure 教程】中继器入门教程-数据增删

当工作中需要进行数据增删操作时,我们可以如何使用Axure来进行相关操作呢?本篇文章里,作者利用中继器为我们展示了数据增删操作,让我们一起来看一下。原型展示:https://lyz96n.axshare.com所需原件:中继器文本款文本标签下拉列表本文主要讲解中继器的基本用法,以便大家更容易去理解和学习中继器的高级用法,入门教程会分为 6 个小节,本节主要讲解如何

【Aure教程】高保真密码输入框

密码输入是我们常见的一个业务场景。那么,我们可以如何利用Axure来设计一个密码输入框?本篇文章里,作者分享了如何利用Axure设计高保真的密码输入框的方法,一起来看一下吧。Hello,今天教大家做一个高保真的密码输入框,包括密码可视和保密效果、以及自动判断密码输入是否正确的效果。原型预览地址:https://ulqs8z.axshare.com一、材料准备*图标

【Aure 教程】中继器中级教程-顶部导航

在日常工作中,经常会用到中继器进行顶部导航的设计操作,那我们可以如何使用Axure来进行相关操作呢?本篇文章里,作者利用中继器为我们展示了顶部导航操作,让我们一起来看一下。原型展示:https://hb04g4.axshare.com所需原件:中继器文本标签通过上一次的左侧导航教程,相信大家已经知道通过中继器怎么制作左侧导航了,今天我们来试试另外的方式,来实现顶部

Axure9 教程:锚点滚动效果

锚点滚动是常见的效果,常与导航结合使用。那么,你知道如何利用Axure9来实现锚点滚动效果吗?本篇文章里,作者以左侧固定导航结合热区为例,讲解了如何使用Axure来实现锚点滚动的方法,一起来看一下。锚点滚动效果即点击锚点,页面滚动到指定的位置的效果,经常与导航结合起来运用。锚点滚动在Axure中有多种实现方式,本案例以左侧固定导航结合热区来讲讲如何实现此效果。一、

Axure9.0基础教程:Web端图片点击全屏化及鼠标悬停扩大

Web端主页加入大量图片当下十分常见,如何利用Axure制作Web端图片点击全屏化及鼠标悬停扩大的效果?本篇文章里,作者总结了一份Axure操作教程,一起来看一下吧。目前越来越多的web端主页会在简介中加入大量的图片,这些图片有些可以全屏查看,有些鼠标移入可使其扩大,给人一种可浮动的感觉。下面我们使用Axure 9.0制作一下上述效果。一、效果预览点击图片全屏效果

【Axure教程】制作中继器标签

我们在使用各种软件或者网页时,面对我们要去查找的内容,可以使用选择标签的方式进行,比如在进行注册一款新的网页时,我们就会发现有一个兴趣爱好的标签选择;本文作者分享了关于制作中继器标签的方法,我们一起来了解一下。标签像是目标确定的关键字词,便于查找和定位目标的工具,用来标志产品目标和分类或内容,绑定合适的话题,能方便分类检索,也更容易让用户发现。随着大数据的发展,标

Axure教程:中继器制作瀑布流列表

瀑布流列表是常见的列表显示形式,那么,如何用中继器制作瀑布流列表?本篇文章里,作者详细介绍了用中继器制作瀑布流列表、支持对列表卡片进行删除、删除后自动补位的具体流程操作,一起来看一下。本文介绍使用中继器制作瀑布流列表的方法,支持对瀑布流列表中的卡片进行删除,删除后自动补位,保证瀑布流布局的完整。交互效果如下图:一、实现瀑布流布局思路:中继器加载时,令卡片中的图片高度各异,从

Axure高保真教程:动态玫瑰图

在数据可视化图表中,玫瑰图是常见的图表类型之一,通过玫瑰图的展示,我们可以更加清晰地观察数据。那么,我们可以如何利用Axure来制作玫瑰图?本文作者便介绍了利用Axure来制作高保真动态玫瑰图的方法,一起来看一下。玫瑰图是数据可视化分析里面很常用的分析图表,通过色彩缤纷的图表形式,让数据能够更加让人印象深刻。由于Axure自带的元件库里并没有玫瑰图,所以本期教程主

Axure 如何检查交互错误、如何排查交互问题、如何Debug

作为一名产品经理,在产品设计中,总会遇到交互的BUG,对交互要求比较高的同学,该如何解决这个问题?作者分享了三个步骤,搞定原型交互中的BUG,我们一起来看看吧。最近苦苦哀求跟我产品大佬小浪底总学习了一招。产品经理的作品制作过程中会不会出现交互的bug? 做高保真原型,对交互要求比较高的同学肯定会用得到这个方法。以下内容针对:交互逻辑不清晰作品交互产生很奇怪的现场和

B端原型绘制入门

原型设计是每一个产品经理的必修课,作为B端产品经理,如何做好一个逻辑清晰的B端原型呢?本文作者从三个方面进行分析,与你分享。上一篇文章《如何快速接手一个甲方项目》讲到新项目如何快速接手,且快速梳理,这篇想说下在项目原型,脑图,逻辑都齐全后怎么绘制B端原型,毕竟设计到落地还是需要很大的一个工程,借这篇文章也对自己最近的原型设计踩的坑进行一个总结。一、思路明了,功能流

【Axure教程】用中继器制作抽签原型

随机函数是axure里面常用的函数,常用于验证码、抽签等案例。本文作者分享如何制作高保真的抽签原型,希望对你有帮助。随机函数是axure里面常用的函数,常用于验证码、抽签等案例。所以今天作者就教大家如何制作高保真的抽签原型。该原型主要使用中继器原件配合随机函数制作,通过填写中继器表格内容,或者复制excel表格内容到中继器表格,通过交互自动实现抽签效果,完成后如下

产品经理必修课——如何做好原型设计

原型设计是产品经理的一门必修课,是需要稳打稳扎的基础工作。那么,如何才能做好原型设计?本文将从三个方面展开分析,与你分享。原型界面:原型界面是APP不同界面展示出来的图文效果,重点是功能和逻辑结构的梳理与呈现。注意事项:尺寸:考虑到小组的组员分别绘制原型图,以及由于疫情在家办公,沟通交流受到限制。应该事先考虑原型图的尺寸,达成统一。包括常用组件尺寸、机模的位置。字

如何做出一份优秀原型

原型作为整个产品的设计基础,它承担了产品三大文档PRD的内容来源,产品经理通过原型将自己的思考进行转化,与他人交流。在做原型时,需要注意很多细节,需要不断完善、循序渐进。当然原型也是一个不断重复完善的过程,需求讨论-结构-流程-原型,这个流程不断循环,来完善和查漏补缺原型。原型作为我们产品三大文档PRD的内容来源,以及整个产品设计基础。产品经理通过原型将思考需求时