为你增加工作经验 —— 输入框的细节

♝点击上方“交互设计学堂”关注我们,送电子书 很多新人朋友由于工作经验少,常常会心理没底,因为对一些工作上的设计细节并不了解,不过没关系,以后菜心会多分享一些关于工作上的细节经验,希望对大家有所帮助。 我们常常会看到网上有很多同学做一些概念稿: Dribbble 优秀作品 这些界面视觉上非常酷炫。 当然,我从来都不否定概念稿的作用与价值,它可以为我们提供配色、形式、创意等等,但是我今天要补充的是这些概念稿没有的东西,就是实打实在工作上需要考虑的细节。 今天就拿一个简单的输入框来举例,看看我们在界面实际落地的时候需要注意哪些内容,大纲如下: 1.输入限制问题 2.输入多行文字后的规则 3.别忘了…..

特殊情况下的APP设计①:注册登录页设计

♝点击上方“交互设计学堂”关注我们,送电子书 朋友说某个APP不错,下载后正准备好好体验一番,却被糟糕的注册登录页面弄的精疲力竭,无奈最终只能放弃。注册登录流程能让用户扭头就走,也能让产品获得新用户的芳心。 一个合格的注册登录页面,应该是具有清晰的操作流程,良好的交互细节和美观的视觉设计。 1.清晰的操作流程 APP的注册登录有三种流程: ①无需注册登录 常见于系统自带的工具类APP,像经常使用的闹钟、日历、计算器等等;一些简单的第三方APP:乐流,榫卯等。 这些APP的特点都是功能相对单一,比较“轻”,不需要记录用户信息或行为历史。 计算器&榫卯 ②非强制登录 有注册登录的流程,但是…..

特殊情况下的APP设计③:如何处理加载页面?

♝点击上方“交互设计学堂”关注我们,送电子书 大多数App都要与服务器进行数据的交换,App向服务器发出数据请求,服务器接收到请求之后向App传输相应数据,App接收成功后显示数据内容,没有接收成功则反馈数据接收失败。在这个数据交换过程中,由于网络原因,需要花费一定时间,也就是说用户要等待加载完成,这个时候就要用到loading加载机制,它告诉用户,App正在努力为您加载数据,您稍安勿躁。好的loading设计能减弱用户的等待焦虑,不合理的loading设计会让用户骂爹骂娘了。 1.用户、客户端和服务器 作为用户体验设计师,不管是产品、交互还是UI,都习惯于站在人机交互的角度去思考产品设计问题…..

APP中预加载图设计浅谈

♝点击上方“交互设计学堂”关注我们,送电子书 什么是预加载图?就是在当用户进入APP的时候还没完全加载出来时候,在用户面前所呈现的内容信息,这些场景是提升产品体验的一个环节,今天就来聊聊这些场景下其他产品是如表达的,提前掌握这种场景表达方法,便于我们在今后项目中能够快速找准适合自己产品内容呈现方式。 预加载有哪些表达方式 预计加载过程中表现形式有加载等待(转圈动画或其他GIF动画),加载历史缓存数据,提前加载一半,逐步加载,后台提供默认加载图,当然还有加载失败场景。今天我们这里只讨论预加载中的Content表达方式,我分析提炼了几个常用的视觉表达方式: 预加载LOGO品牌元素 色块 布局 提供…..