wordpress 总站模板,娄底网站优化,群晖 wordpress 端口,网页seo是什么意思交互设计基本功#xff01;5个值得学习的APP交互方式 一、下拉输入 代表应用#xff1a;Flickr、Opera Coast、any.do、Timi记账 即通过下拉的动作来呼出输入操作#xff0c;比如搜索、添加项目等#xff0c;比如flickr、opera coast就是通过下拉呼出搜索框#xff0c;另外… 交互设计基本功5个值得学习的APP交互方式 一、下拉输入 代表应用Flickr、Opera Coast、any.do、Timi记账 即通过下拉的动作来呼出输入操作比如搜索、添加项目等比如flickr、opera coast就是通过下拉呼出搜索框另外还有一种就是下拉添加项目此类的app有any.do、Timi记账。下拉是一个很自然很便捷的动作很适合于”随时、快速输入”的情境比如any.do作为GTD应用采取下拉添加的设计就非常适合因为很多时候我们都会在这样一种情境中使用这个功能走在路上突然有了一个灵感于是赶紧打开any.do把想到的记下来。这样的情境要求能够以最简单、最快的方式输入而不用去寻找添加按钮。 图1 Opera Coast的下拉搜索 图2 Flickr的下拉搜索 二、登录验证帐号 代表应用印象笔记 通常的登录和注册是分开设计的而印象笔记将登录和注册整合每一步骤都只有一个表单注册和登录没有任何冲突。这样避免了”用户已存在”然后又要重新填写表单的不良体验在流程上有很大的优化如下图4所示 图3 印象笔记 图4 印象笔记的登录流程优化 三、未激活按钮的设计 代表应用snapchat 交互设计中有个叫做”预设用途”的原则大意就是一个界面或者控件要让用户一看见它就知道如何使用。显然最基本的要求就是至少要能知道这个控件可否操作而所谓”未激活的按钮”就是含有”激活”和”未激活”两种状态而目前处于”未激活”状态的按钮这就要求分别对两种状态进行设计。通常来说有两种方法隐藏或呈不可操作的视觉效果比如灰色比如snapchat的表单填写界面当表单尚未填写完全时CONTINUE按钮一直处于灰色状态即告诉用户该按钮尚未激活。读到这里你或许会觉得这其实很简单嘛但只要你仔细观察一下就会发现有很多的应用没有这样设计。 图5 snapchat的表单 四、输入框title或提示文本的解决方案 代表应用dubble 通常设计输入框时我们会使用Lable标签给每个输入框一个title比如”用户名”、”密码”另外还会在输入框中使用灰色的提示文本如图6所示。但是在手持设备的应用中这样的设计会产生两个问题一是浪费屏幕空间我们知道手持设备的屏幕空间是很宝贵的,而以Lable标签呈现的title会占去很大一块屏幕空间二是提示文本在用户输入时便消失不见提示效果无法持续到任务结束。那么如何解决这两个问题呢如下图7所示在用户输入时将title移至输入框边框中或者像dubble应用的注册界面把输入框的提示文本移动到键盘上面如图8所示 图6 通常情况下的输入框设计 图7 将title移至输入框边框 图8 dubble的输入框提示文本 五、悬浮聊天窗滑动关闭聊天窗口 代表应用Facebook 如图9所示Facebook将聊天窗口悬浮在界面边缘上可以任意拖动但会自动贴紧屏幕边缘打开聊天时其他背景半透明遮罩层次感很强按住聊天窗口任意位置向右上角滑动即可关闭聊天窗有一个回收的动效。淘宝手机客户端也借助了这个设计这样的设计对于以用户动态为主而私信聊天为辅的应用非常适合比如微博、QQ空间等。稍微嘴贱一句新浪微博之前一直想加强社交属性减弱媒体属性的标签但最终未果我觉得新浪早点重视移动客户端并且像facebook一样用设计来加强社交属性或许会比较有效果。 图9 facebook的悬浮聊天窗口
