用科学的设计方法做App架构改版

项目背景

这是一款企业智能服务器的App,该服务器能为企业提供WiFi网络、智能硬件控制、文件存储、安防录像等功能。在上一版的设计中我们以“高效沟通”为理念,把需要使用同一批文件的人通过IM(即时通讯)连接起来,更好的进行文件方面的协作。 继续阅读用科学的设计方法做App架构改版

送你一张交互设计画布(附PDF下载)

公司决定让视觉设计师兼任部分交互设计工作,相关同事问我能不能做一些培训。第一节课我不打算讲Axure、xmind怎么用,因为软件完全可以自学,也不打算科普交互设计什么,就好像解释篮球是什么并不能教会他们打篮球。我希望能教给大家一些东西,能马上运用起来真正解决问题。交互设计画布正是这样的好工具,它能帮助设计师从全局看待一个需求,找到真正的问题,综合所有因素提出可行的解决方案。
下面开始我的表演!(文末有交互设计画布Axure组件以及PDF下载)

继续阅读送你一张交互设计画布(附PDF下载)

这个控件可能叫:Notice Bar/通告栏

经常能看到在很多App的Navigation Bar(iOS叫导航栏,安卓叫App Bar/应用栏)下方、列表上方或者页面底部悬浮着一个横幅。这些横幅通过某个事件触发而出现,能常驻显示直到事件结束,并且通常可以操作。翻遍iOS Human Interface Guidelines和Material Design都找不到这个控件,这个控件可能叫Notice Bar(通告栏)。 继续阅读这个控件可能叫:Notice Bar/通告栏

这个控件叫:Text fields/输入框/文本框

Text fields(输入框/文本框)是一个历史悠久而经典的控件,当光标位于输入框时,用户可以在其中输入或复制粘贴文本、数字等内容。输入框虽然看上去简单,但需要考虑的细节也不少,本文将向你介绍输入框的相关组成部分和注意事项。 继续阅读这个控件叫:Text fields/输入框/文本框

这个控件叫:Popover/气泡弹出框/弹出式气泡/气泡

鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。

Popover(气泡弹出框/弹出式气泡/气泡)是由一个矩形和三角箭头组成的弹出窗口,箭头指向的地方通常是导致Popover弹出的控件或区域。通过点击Popover内的按钮或非Popover的屏幕其他区域可关闭Popover。 继续阅读这个控件叫:Popover/气泡弹出框/弹出式气泡/气泡

这个控件叫:Action Sheet/动作菜单/动作面板/行动列表

鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。

Action Sheet(动作菜单/动作面板/行动列表)是由用户操作后触发的一种特定的模态弹出框 ,呈现一组与当前情境相关的两个或多个选项。用户可以使用Action Sheet启动某个任务,或者确认是否开始执行某个可能具有破坏性的操作。Action Sheet属于iOS规范,近年来Android平台也出现了类似功能的控件。 继续阅读这个控件叫:Action Sheet/动作菜单/动作面板/行动列表

这个控件叫:Soft Keyboard/Virtual Keyboard/软键盘/虚拟键盘

鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。

Soft Keyboard(Virtual Keyboard/软键盘/虚拟键盘)并不是真实的物理键盘(Physical Keyboard),而是在屏幕内拥有键盘样式和功能的控件,它比真正的键盘尺寸更小,而且没有手感很难盲操作。在触屏当道的移动端Soft Keyboard也可以简称为Keyboard。 继续阅读这个控件叫:Soft Keyboard/Virtual Keyboard/软键盘/虚拟键盘

这个控件叫:Picker/选择器/拾取器

鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。

Picker(选择器/拾取器/选取器)是指提供多个选项集合供用户选择其中一项的控件。在不同平台Picker的具体控件表现形式不同。在iOS端Picker一般称之为滚轮选择器,而在Android端,Picker的主要表现形式是Dialog(对话框)或dropdown menu(下拉菜单)。 继续阅读这个控件叫:Picker/选择器/拾取器