头像

沐风的设计铺

6年资深交互设计师

显示 1–10 / 35 条结果

流程设计方法(一)

流程设计方法(一)

设计设计方法

  之前的三个周,我们用两周讲解了场景、一周讲解了心理模型。这周我们开始说说流程设计。有了前面两个武器,我们学习流程设计会顺手很多。????  设计流程的时候,一般是按照这样的套路进行:分析出目标场景里的主场景和次要场景,遵循用户的心理模型,然后按照流程设计的公式进行设计:  流程设计公式:发现了解操作跟进  几乎所有的流程,都可以使用上面的公式来表达。下面我们通过大家都很熟悉的在淘宝购物的一个流程,来讲解一下这个公式。  淘宝购物流程分析  首先我们来确定目标场景里的主场景和次要场景。我们之前说,主场景就是那些发生的人数较多、频次较高的场景。按照之前描述场景的顺序,需要先确定客观场景,再确定目标场景,最后做出设计,然后在实际场景里测试。因此,要明确目标场景,我们需要先来确定客观场景。用户在淘宝买东西,有的用户目标明确,他们大概率的情况会使用搜索来找寻想买的东西;有的用户目标没有那么明确,只是想逛一下,看看有没有什么值得买的东西。搜索和闲逛,占据了用淘宝买东西的主要场景。因此,客观场景里的主场景可以描述如下:  小明想买一件健身衣,他一直挺喜欢Under Armour这个牌子,想从网上挑一件价格400以内、款式好看的健身衣。(目标明确)  晚上睡觉前,小美觉得无事可做,一向喜欢逛街买东西的小美心里想,要是能把商场搬到我家来该多好啊!。(逛)  其中第二个场景,是我认为淘宝挖掘得尤其好的地方:淘宝发现了用户在晚上逛的需要,于是通过一些列手段,养成了用户逛淘宝的认知。要培养用户的一个认知,不是易事。淘宝不断通过万能的淘宝这样的概念,以及准确的个性化推荐,让用户逐渐产生了类似逛商场的习惯逛淘
iOS和Android规范解析——按钮

iOS和Android规范解析——按钮

设计AndroidiOS设计技巧设计规范

  今天介绍的是按钮。按钮是设计的过程中,经常使用的一种控件。我们来看看Google的Material Design和苹果的设计规范都是怎么说的。  Material Design Guidelines  按钮告知用户按下按钮后将进行的操作(疑似废话,MD开篇就是这一句,好气哦)。我们可以把按钮理解为一个操作的触发器。按钮主要有以下五种:扁平按钮,凸起按钮,悬浮按钮,底部常驻按钮,下拉菜单按钮,开关按钮。下面我们来一一介绍。  扁平按钮  扁平按钮就是把文字用作按钮,如下图  文字按钮示例(图中红色虚线即为文字按钮)  行为:在点击扁平按钮的时候,按钮不会有升起的动作,但是它的背景会有一个从中间向四周扩展颜色的动效,如下图的第三个动画所示:  扁平按钮的各种状态(动画)  左:扁平按钮的各种状态(静态);右:按下扁平按钮时的状态示例  用法:扁平按钮一般用在警告框中,推荐居右对齐。一般右边放操作性的按钮,左边放取消按钮。如果用在卡片中,扁平按钮一般居左对齐,以增加按钮的曝光。不过,卡片有很多种不同的样式,设计师可以根据内容和上下文来安排扁平按钮的位置。只要保证在同一个产品中,卡片内的扁平按钮的位置统一就可以了。  凸起按钮  凸起按钮由于具有一定的高度,视觉上相对抢眼,所以可以
苹果设计奖出炉:这 12 个 App 你玩过吗?

苹果设计奖出炉:这 12 个 App 你玩过吗?

app设计苹果

  本文授权转载自应用推荐第一媒体 AppSolution,微信号 appsolution。这是一个让你手机更好用的专业媒体,专注推荐新酷 App、游戏和实用技巧,致力于让更多人过上有品质的数字生活。  作者:周芷蔚  今年 WWDC 2017,AppSo 除了受邀参加 Keynote 会议外,还现场参加了苹果设计奖(Apple Design Awards)的活动。  和上年不同的是,这届的苹果设计奖并没有隆重的颁奖典礼,取而代之的是和开发者现场的互动交流。  因此,AppSo(微信号 AppSo)也得以和许多知名的应用和游戏开发者直接接触,我们将获奖名单及部分现场采访,制作成视频以便大家查看。  苹果设计奖的获奖作品,为其他 iOS 开发者展示了苹果的「审美取向」。到底是什么样的 app 能打动苹果?  我们挑了能体现苹果设计奖评选维度的 4 个 app,进行了详细评测。  当然这并不代表没有详评的 app 比它们差,相反,无论从设计、创意、技术还是实用角度来说,所有的 app 都展现了较高的水准,只是以下这 4 个 app 在某些方面比较突出。  创新性:Blackbox(USA)  Blackbox 在众多游戏中可谓独一无二,非常符合苹果设计奖对「创新性」的要求。它的理念十分前卫:一切皆游戏,也这句话将作为一条线索,贯穿整个游戏。你只有大开脑洞,开放心态,认为一切皆有可能,才可以在游戏里一步步通关。  在游戏的过程中如果你触摸屏幕,只是回到主界面。接下来,聪明的你会发现,充分利用 iPhone 的重力感应、水平陀螺仪居然能闯关。  如果你继续玩下去,为了让你屏幕上抽象的图案发生变化,你会尝试开关 Wi-Fi 和移动蜂窝数据,加减音量,和调节屏幕亮度  Blackbox 开发者 Ryan  Gravity was never approved because of its strange use of a sensor; Blackbox is a game that uses just about every other sensor.  通过种种探索,最终当你的屏幕发生了变化,你会感到惊喜、开心,已经有超过 7 万人在 App Store 给它打五星。  实用性:Bear(Italy)  Bear 一反 iOS 应用常态,采用了类似于 Google Material Design 的三段式设计,一大好处就是使得操作逻辑非常清晰。而它丰富的富文本格式支持,快捷工具栏,新行输入放大显示的聚焦模式等都是加分项。  清晰的逻辑交互带来对写作本身的专注,而不用在界面跳转上耗费精力。在这一点上,印象笔记等应用就相形见绌了。  而 Markdown 的实时显示最切中痛点:排版格式、 emoji 和图片都能直接显示,编辑时所见即所得,很大程度上改善了 Markdown 不能图文混排的缺陷。  受访的 Bear 成员  提及 Bear,很多人会下意识地将它和 Ulysses 作对比。Ulysses 是上届苹果设计奖的得主之一,而且和 Bear 一样是 Markdown 写作工具。针对这个问题,Bear 的其中一位成员向 AppSo(微信号 AppSo)解释:  Bear 和 Ulysses 的
iOS和Android规范解析——搜索

iOS和Android规范解析——搜索

设计搜索Android交互iOS设计技巧设计规范

  各位亲爱的、新设计青年的、读者小伙伴们,前面一系列文章为大家介绍了各种弹出物的用法,从今天起,我们开始介绍其它的非弹出类控件。Zhei篇要说的是搜索。  搜索这个功能,在绝大多数应用里都会用到。它的场景也相对单一:用户通过搜索功能,快速找到自己需要的信息/物品等。  照例我们先说Android的规范。  Google Material Design Guideline  MD(Material Design的简称,下同)在关于Search这一章,开篇是一句加粗加字号的句子:搜索使用户可以迅速得定位应用里的内容(Search allows users to locate app content quickly)。这句话也是很浅显,不明白谷歌这么强调的原因(摊手)。However ,这跟上面的介绍也是如出一辙。  MD建议,一般的搜索操作应该至少包含以下三个要素:  1.打开搜索输入框;  2.输入和提交搜索词的;  3.展示搜索结果。  下面的元素可以帮助提高搜索的体验:  语音搜索;  搜索历史;  搜索词自动补充,且补充的结果是你的应用的数据库中的已有词汇(这样可以更好地确保结果是有效的,笔者注)。  MD提供了两种搜索的样式:固定式搜索入口和可展开式搜索入口。下图展现的是固定搜索入口:  固定式搜索入口