‘壹’ 谈谈移动互联网APP的产品设计几点想法
1、以用户体验为主;
2、追求个性化大众能接受的设计风格;
3、拥有人性化的icon设计;
4、爱上设计很不错。交互设计要爱上设计才能做得出来。
‘贰’ 移动app界面设计技巧有哪些
1、无限滚动的魔力
对于移动应用程序设计来说,这个预测实际上是相当大胆的。但随着流行的配色方案、大图和现代字体的新鲜元素,设计师们越来越接受这种方法。不过,值得注意的是,如果用户不能从一个页面导航到另一个页面,他们可能会为所花的时间而烦恼。
2、大胆的字体应用程序
每个应用程序都试图吸引用户的注意力,而粗体字体应用程序就满足了这一需求。在目前的市场形势下,大屏手机和平板电脑是主流,这是一个非常重要的后台使用。移动应用程序上的大字体会为特定元素赋予界面层更多的视觉分量,让它们令人难忘。
3、简单的配色
简约美是近年来最流行的设计理念。更简单的配色方案也符合这个想法。新IOS中流行的霓虹灯色彩的影响已经减弱。现在用户更喜欢微妙和有质感的颜色。整洁和清洁是艳丽的色彩,它们凌驾于时尚之上。
‘叁’ app设计思路怎么写范文
一、明确APP的发展战略
要做一款app,首先要明确几个问题:
1.app的用户是谁?
2.用户使用app能够获得什么?
3.公司推出app是为了获得什么?
以上问题,这里不做回答,只是一个粗狂的问题,对于APP的设计并无实际指导意义,只是暂且明确了一个产品的方向。
二、产品的核心功能有哪些?
不同的产品其核心功能大相径庭,这里以电商APP为例,从前端和后台两个方面具体说明电商APP的核心功能需求有哪些?
用户端APP(Android、ios版本),这里只是主要功能,在主要功能的基础之上可以增加一些完善体验的东西。
主要功能:浏览商品(列表页、详细页)、分类查看商品、加入收藏、加入购物车、直接购买、提交订单、支付订单、支付,订单列表页、订单详情页,订单可进行 的操作(取消、支付、确认收货、评价、申请退换货、删除)查看商品物流信息,还有个人信息(昵称、头像、收货信息、订单、余额、积分等等),以及关于 APP端的版本查看,意见反馈,清除缓存,关于我们,用户注册、登陆和用书使用协议等。
APP需要的后台系统搭建,根据不同的电商模式,其后台架构也不同,垂直电商和电商平台有很大的差别,主要看商家端是全部自己来进行管理还是开发加盟的方 式,如淘宝的后台架构和唯品会的后台架构就是两种不同的后台架构。主要架构:账户架构(用户、商家、运营、财务、仓储物流),功能架构,用户的前端展示的 功能需要后台给出相应字段,数据接口。商家端需要发布商品、接单、操作发货、填写物流信息,处理退换货,这些信息同步到用户前端,用户可以随时查看订单的 状态。需要给运营相应的操作权限,商品的排序,BANNER广告,专题页链接,在后台的上传方式和前端的展示位置等等,还有数据分析,不同的商品的销售统 计,订单发生的时间、地点、用户数据等参数进行统计,财务进行相关订单的财务结算,按照商家、用户、订单进行结算,如果能够把控整个数据库安全的情况下也 可以自动结算,仓储物流信息的上传和同步,如果是1小时送这种O2O模式,还要有配送人员的接单、取货等数据同步。
三、详细进行竞品分析
确定了以上的核心功能和需要打磨的细节之外,接下来就是进行细致的竞品分析,这里仍然以电商为例进行竞品分析,竞品分析的工作如何开展呢,这里叙述一下自己的观点。
找到直接或者间接的竞品,大概找5款app左右,下载安卓和IOS端分别使用,使用脑图软件列出核心功能和提高体验的功能,使用axure等原型工具对其产品截图进行纵向和横向分析,包括UI风格、色彩和图标、文字、按钮的颜色、大小、位置等等。
从网上调研相关数据分析竞品为什么这样设计,这样设计的好与不好的地方分别说明;
根据以上数据列出表格,进行筛选,提炼精华部分,去除糟粕部分,给自己的产品设计提供必要的参考。
提出自己的产品差异化功能和特色,电商产品必须结合运营部门进行品类的分析,货源、价格、物流服务等进行分析,单个从APP产品进行优化体验,就算做出花来也没用,因为用户需要的不是产品,而是商品。
从前端展示分析出来其后台架构和相关功能的布局,这个需要观察细节,注重思维能力。比如,你去操作一个款产品,购买数量填写10万个,看下是否有提示库存不足就知道其后台有没有对库存进行把控。
四、真正地开始制作APP开发需求文档
app开发需求文档的标准写法:
1.app开发目的,阐明开发本软件的目的;
2.代开发的app名称
3.参考资料(可有可无)列举app开发需求规格说明时所参考的资料,包括项目经核准的计划任务书、合同、引用的标准和规范、项目开发计划、需求规格说明、使用实例文档,以及相关产品的软件需求规格说明。 在这里应该给出详细的信息,包括标题、作者、版本号、发表日期、出版单位或资料来源。
4.app开发的功能需求。
5.app的运行环境,包括硬件平台、硬件要求、操作系统和版本,以及其他的软件或与其共存的应用程序等。
6.条件与限制,给出影响开发人员在设计app时的约束条款,例如:必须使用或避免使用的特定技术、工具、编程语言和数据库。
7.app功能划分,列举出所开发的软件能实现的全部功能,可采用文字、图表或数学公式等多种方法进行描述。
8.功能描述,对各个功能进行详细的描述。
9.外部接口需求。
10.用户界面,对用户希望该软件所具有的界面特征进行描述。
11.性能需求,包括数据精确度、响应时间、数据转换与传输时间、运行时间等。
12.其他需求,如果不需要增加其他需求,可省略这一部分。
五、交付设计和文案
确定好以上的需求之后,面对设计和研发的需求文档已经告一段落,接下来就要在UI做设计、交互设计师做交互的时候,找相关部门人员完善文案需求,和项目经理一起对工作进行细分,确认时间节点,最后由交互设计师输出一套高保证原型。
六、交付研发
这样子做出来的高保证原型,在各个细节都已经做到了完善,设计、交互、研发、运营等等对工作也已经胸有成竹,那么大家就可以坐下来好好开个简短的会议,确认每个人的具体工作,给出相应的时间节点,然后随时跟进开发需求就可以了。
‘肆’ 我想做个手机app,有好的创意吗
1. 不要在没有流程图之就前开始设计或者画线框图
即便一个简单的 APP 也要有一个思虑周全的流程图,以确保在 APP 有合乎逻辑的、合理的导航结构。另一点值得关注的是确保核心功能所在的屏幕位于上层而不是被埋没在多层导航元素之下。
跳过流程图直接进进入开发会让开发变得复杂、不可控,很容易让用户迷茫,最后选择关掉或者卸载你的 App。
2. 分工要明确不要忽略开发预算
设计师创建的每一个细节都要经过开发者才能变得活灵活现。花几个小时和几天时间做出的简单设计更改对 App 功能的影响是截然不同的。还有,设计不能命令功能。比如,一个计划好的 App 可能有一个搜索框,设计师预想的是一个产生实时结果的键入搜索,但设计师不能是做这个重大决定的唯一决策人。
3. 不要使用低分辨率的图片避免使用位图
一般而言,设计首先是为视网膜显示屏、高分辨率的显示屏设计,然后按比例缩减。很多设计师都清楚这一点,但仍值得一提。屏幕分辨率越来越多,设计师需要从高分辨率设备做起,再按比例缩减。更好的做法是使用矢量图形进行设计而不是位图或者栅格图像。
4. 不要把点击区域设置的太小
大多数用户的食指宽 1.6~2 厘米。设计时要考虑到手指的宽度,而且用户在快速移动手指的时候,很难准确的点击小片屏幕。在屏幕上加大量的按钮和功能很容易,但按钮一定要足够大,间隔也要足够大,否则用户容易误点。
5. 不要随意使用介绍动画
在用户首次打开 App 的时候,给用户一个动画的介绍是个不错的想法,但不能太过火了。事实上,这些介绍动画也延迟了用户接触 App 的时间。如果你打算使用介绍动画,那要让动画时间尽可能短,设计尽可能精细以及足够吸引人,值得用户花费时间等待。
App 加载过程中会先展现图片,再过渡至动画。要确保这个过度是平滑的,贴切自然的。有的 App 从加载图片过渡至介绍动画设计的非常蹩脚,这就很无趣了。
6. 别让用户空等
App 加载时间过长很容易让用户以为出现了什么故障,也会带来糟糕的用户体验。App 加载的时候不要让用户看到空白的屏幕,使用加载指示条或者小动画让用户知道 App 处于正常运行当中。如果能加入一个加载进度指示条就更好了。
7. 不要盲目照搬别的操作系统
这个问题说的是 App 各个操作系统版本的差异性,不同的移动操作系统有着迥异的审美观,比如 iOS、Android 和 WPh7。开发者需要认真学习各个操作系统的人机界面指南,做好不同版本 App 的移植工作,不要让用户迷茫和不适应。不一定非要让 App 看起来是系统自带的,但至少不能让人觉得突兀,不属于这个平台。
8. 不要在高密度像素屏幕上填充过多信息或者 UI 组件
当为高 PPI (pixel per inch 每英寸像素) 屏幕设计 UI 时,因为有更多的像素可以使用,所以可在界面放置更多信息或者 UI 组件。请记住一定要预览一下你在实际设备上的所有设计结果。
充塞了很多信息或者 UI 组件的界面会显得非常杂乱,并且难以有效导航,更会影响界面上的主要功能的展现。
9. 不要觉得每个用户有着跟你一样的 App 使用方式
可用性测试是必须的,不管你的 App 看起来多么好。找值得信任的人(或者有经验的设计师)进行小范围封闭测试,在公开发布之前更新下界面。另一个简单易行的获得用户反馈的方法是在分类网站张贴广告招募合适的人进行焦点小组测试。
10. 不要忘记手势但不要滥用
不是每个元素都是可视化的,比如 iPhone Mail app 的删除进程。在收件箱内,用户可以猛击屏幕显示删除按钮,用户就不用点击“编辑”,选择信息然后再删除信息。不过,也不能说“编辑”菜单一点用处都没有,不知道快捷操作的用户还是需要的,而用户还可以通过“编辑”菜单一次性标注多条信息/邮件。
‘伍’ 设计师们,推荐几个好用的设计类APP
一、 Dribbble
设计癖是一款帮助大家“发现好设计”的软件,囊括各大设计领域,每天推送关于设计的文章,想要涨姿势下载设计癖 APP 一定能满足你。听说配合网站和公号看更好呦~
‘陆’ App设计的一些大胆想法
我一直是个喜欢随意想象的人,经常被自己想到的东西激动到,然后迅速的记在本子上,从去年至今写了差不多1000多个零碎的想法和思考,其中光创业Ideal就有110多个,有6个在最近被人完全一样的做了出来而且拿到了融资。我会定期整理这些琐碎的想法,有很多现在看起来很幼稚,但也有一些让我非常激动准备以后大展身手的点子。
我说这些只是要表达我说的东西很多可能不成熟,但是会给你一些思考问题的角度,了解一个新的思维方式比学到新知识重要的多。
其实我们国内人的审美一直是模仿国外,在信息闭塞的时候我们喜欢喇叭裤,追求杀马特,我们喜欢很夸张甚至有点另类的东西,可是现在的人审美居然越来越趋同化了,平淡无奇,毫无创意!
苹果的流行塑造了我们对于简洁风格的追求,一个只有一个HOME键的苹果相比于诺基亚手机那么多实体键盘真的看起来太高科技了!起初苹果UI的拟物化设计是为了让从未用过智能机的人可以很快的识别出手机的功能,方便他们使用;而后当人们习惯了电子设备之后苹果恰如其时的推出了扁平化UI的设计风格,因为它可以带来更好的交互体验。而我们的审美也随苹果一起从立体感的拟物变成了扁平化。
我们把流行当做主流源于大部分人的缺乏独立思考的能力,不愿意冒险所以会选择最不易出错的行动——大众都做的事情。一但你花钱和精力后即使不好你也不愿意承认否则就是抽自己脸了,再加上审美是可以塑造的,好比你老婆再丑你看久了也会觉得还不错。
倘若我们界面设计不从主流的扁平化角度思考,只从增加使用者体验的角度考虑呢?
大家知道美国是一个非常重视仪式感的国家,包括吃饭前的祷告、NBA等比赛的入场仪式。仪式感有很多好处其中一是让你全身心投入即将要做的事情上,它是一个象征:代表你将会完全沉浸在接下来的事情中。
不单单是仪式感,生活中也有很多地方拥有可以让你沉浸其中的隔离圈。
电影院灯管一熄灭你会完全沉浸在其中,清晨的公园里优美的湖泊树木会让你感受到极大的放松。。。哪怕只带上VR眼睛你也进入了一个全新的世界。这些事物的特点是本身内容很吸引人,而它也通过位置或设备上塑造了隔绝现实的立场。
从这个角度考虑,我们在设计APP的界面的时候可以给不同的功能以仪式感。
我拿下面这个APP举个例子:
那么这里存在两个不同的使用场景,一个是辅导孩子学习时候的场景;一个是看资讯或论坛板块获取信息的场景。
针对第一个场景,我们可以不采用扁平化蓝色背景的风格,而是一旦客户选择一个课程会进入完全不一样风格的用户界面里,可以是一本书或一个动漫形象的老师等,让家长拥有拿书带孩子或和老师一起教孩子的仪式感,这是一种象征:一旦你打开这个功能就代表我要好好教孩子了。我们甚至可以专门针对这些人设计一个车贴或手机壳等可以现实中可以外显的东西,虚拟中我们也可以给他们的头像贴上这个图标,家长可以把它用作所有社交媒体的头像。我们通过各种广告手段这个图标推广出去,让它变成“用心教育孩子”的象征。
当然你也可以不采用这种极端的方法,只是跟换一个纸张风格的背景,这些都是可以让一个软件更接近实物的办法,更多人愿意为实体付费!
考虑到使用场景,甚至你可以在这个界面不变的情况下,只要把手机横屏就可以进入一个学习的世界,打开APP横屏就直接开始学习,自动同步到最新课程进度。
针对第二个场景,社交或者获取资讯则应该有趣轻松点,你可以提供和空间一样跟换主题,装饰主页的功能;当然你也可以塑造紧张感,通过背景,图标风格的设计让家长一看到就有种紧张的情绪,在看到其他优秀的家长各种数据会让你产生“我要赶快回家辅导孩子”的急迫感。
当然这只是基于移动应用这个平台,倘若我们思维在激进一点。只记住目的彻底忘记方式。
一、做成一款互动式游戏,家长当GM,孩子当玩家:家长和孩子都有自己的人物形象,家长选择好年级即可通过系统给你的问题设计让孩子玩,孩子通过选择或语音来回答,家长来判断对不对,对的话给予游戏奖励,错的话给予游戏人物打击。。。通关后不管家长还是孩子都可以获得勋章,不过高低年级要设计不同类型画风的游戏;
二、我们可以利用AR技术,把课程投影到课本或桌子上,毕竟很多家长更倾向不让孩子看手机屏幕。
微软Hololens这个MR设备成熟后学生带上眼睛可以塑造自己喜欢的形象,比如海贼王,火影,TFboys等,让这些人成为老师辅导你课程,直接互动,聊天。人工智能成熟后直接再也不需要老师和APP了,毕竟终极人工智能是有感情的,虽然却发创造力!
说这么多只想让大家在设计的时候忘记存在的范式思维,只记住目的即可。就像苹果首席设计师乔纳森·艾维说的,if you want design a lunchbox,you must forget the box. 你该多和用户聊聊,发现他们想要的交互界面,开发MVP来验证这个想法。
记住美女中的丑女往往更让人在意。
‘柒’ 如何说一个手机app的设计理念
第一:品牌
品牌是应用设计的基石。它回答了“用户使用应用时应该获得何等感受”这个问题。
首先,你应该确定你的主要目标人群或者产业是哪些:儿童,青少年,专业人士,妈妈,学生,医生,设计师,老年人,等等。应用的设计风格必须与品牌相一致,这样才能建立更强的品牌认知,并消除用户疑虑。
例如,为老年人设计的社交应用就应该用大号字体,而股票交易应用就得有策略地使用安全锁图标来让用户有安全感。如果可能,你还该考虑为品牌找一个吉祥物。吉祥物可以将品牌拟人化,同时强化应用留给用户的印象。
第二:颜色方案
颜色方案决定了应用的形象,它应该是品牌主题色的扩展。
它是视觉设计的核心,因为应用所有可见的地方都会使用这些颜色。首先,你需要选择一个能增强品牌形象的主题色。例如,Evernote的主题色是绿色。然后,你应该围绕这个主题色来创建颜色方案。亮色可以吸引人的目光,所以适合那些消费导向的应用;中间色可以让人把精力集中在信息本身,所以更适合专业性的应用。
Parable的主题色是“Tangelo橙”,因此我们选择了灰度作为主要颜色方案,这也符合我们一贯的时尚创意。另一个例子是SnapChat,它使用了华丽的亮色方案来吸引青少年用户。
第三:直观
在高度竞争的应用市场,根本没时间让用户仔细品味你的应用——我们讲究的是“一见钟情”。能让你第一眼就明白其功能的应用才是最好的应用。
有一个管用的小方法,就是去研究一下那些热门应用是怎么做的,尽量别让用户产生困惑。然后,要全面地测试所有的交互环节,充分优化应用。到达最重要的交互环节之前,用户的操作步骤不能超过三个,例如,发布到Meerkat上只用点一下,发布到Instagram上只用点三下。一些用户熟知的平台上有特定的交互方式,使用它们往往会效果拔群。
第四:愉悦感
用户评价应用的首要标准是体验。
想要获得死忠用户,你必须得提供一些意料之外的愉悦感。随着时间的推移,这些愉悦的体验就会给用户留下深刻印象,从而让应用成为他们日常生活必要的一部分。
像Pinterest和Parable里点击分享时候出现的动画,还有刷新SnapChat时候的动画,都是很好的例子。
第五:精炼
卓越的视觉设计都是细节为王,每一个像素都要完美无缺。首先是排版。字体是应用的脸面,一个好的字体可以让你的应用脱颖而出。
你可以从50多个iOS字体中精心挑选一个来;当然,如果你能购买并制作属于自己的字体那就更好了——总之,千万别吊死在默认字体这棵树上。Serif字体适合长文章;san-serif字体可以使用更多字体大小而不让页面看起来拥挤。紧凑型字体可以让屏幕上显示更多文字,但它跟普通字体放一起就会很奇怪。接下来,我们来谈谈图标的问题。能准确传达情绪的图标才是最好的。你可以利用一些免费的图标资源,然后在Photoshop里面稍加修改,把它们变成自己的图标。
当创建纯色图标时,坚持使用单一色彩可以避免让用户感到拥挤和混乱。最后,让我们把重点放在视觉资源上。Post-skeuomorphic时代让资源开发变简单了。我们应当尽量在代码中进行渲染,以尽可能地缩小应用包。添加资源时需要确保它们能正确匹配屏幕大小;粗制劣造的一大表现就是资源的像素化。
第六:简化
开发者总喜欢添加一些复杂的导航界面或者用无关的信息,结果把界面搞得一团糟。这简直让用户崩溃。
让一切保持简单!屏幕布局应当保持整洁,信息应该分层排列,重要的在上面,不重要的在下面。只显示相关度高的细节,用统计工具分析有哪些动作是没用的,然后把它们删掉。可以借鉴苹果的理念:无赘物即为完美。分析下面这个简洁的Pinterest个人主页。
它把用户和分块展示区放在一起,最重要的关注和点赞按钮被小心地放在了合适的位置。要做最佳应用则需更深刻地贯彻这一原则,让内容动态化,例如在滚动浏览时导航栏要随着动画隐藏,再如在多步骤的交互中要隐藏按钮。
‘捌’ APP设计有哪些理念
一、明确用户人群
如果用户是一些老年人就使用一些较大的字体,方便其浏览界面;如果是一些上班族,就尽可能保留用户习惯,并根据用户习惯推送一些日常较为关注的热点资讯等。这就是我们说的,在设计之前一定要明确用户人群,成年人,青年人以及老年人的使用习惯都是不一样的。
二、合适的颜色方案
从一定意义上来说,颜色是app设计过程中的核心元素,我们可以通过主题色的选择确定相应的色彩配置方案,利用不同颜色的特性将其用于不同的领域。比如律师app的设计多选黑白灰三色,让人从视觉感官上就能体会到律师一行的庄重,严谨。
三、用户界面直观化
现如今应用市场竞争非常激烈,用户的时间也逐渐趋于碎片化,因此比较直观的能让用户一目了然的app才能在激烈的竞争中得到用户的放心。设计师在设计之前可以多看看现在市面上比较受欢迎的app设计,并且学以致用,为自己的设计加分。
‘玖’ 当前主流的app界面设计思想是什么
1.移动优先,简约主义
移动设备屏幕的方寸之地迫使设计者返璞归真,必须把那些花俏的修饰和多余的内容去掉,优先保证对业务和客户体验影响最大的功能的呈现。
同样这还意味着此类应用要想取得成功的话必须专注于极少数的功能子集。Clear这个例子,就是这样,不仅只选取了待办事宜中最基本的功能,连界面也是简约主义。
简单的界面要求将交互性降到最低。需要优先考虑功能,专注于期望结果的基本需求。这里的挑战是,要知道创建出一个可行的、令人满意的产品你需要多少,有多少可以去掉,如何才能够扩充产品和服务。看看这类应用如何进行演进跟扩充是件有趣的事情。
2.四维思考,彰显魔力
用户界面设计者开始意识到,没有必要再坚持把现实生活中的对象按照原样照搬进数字空间里面。数字世界跟现实本来就有差异。它可以赋予用户魔力。它不再是用户、鼠标以及需要跟眼睛协调的手指芭蕾舞。而是用户直接操作屏幕或者对象,他们所接触到的是一个用户无论走到哪里都可见的四维世界(时间、空间、人、信息)。Clear聚焦于手势UI很好地诠释了这种魔力,传统上的待办事宜应用必备的复选框和文本输入不需要了。
3.敏捷设计,动态原型
无论是设计者还是移动平台都被推动着向动画式的用户界面设计的方向前进。尽管手势在日常生活中并非什么新鲜玩意儿,但是要想恰当地、有意义地把它运用到面向消费者的应用当中,对于设计者来说仍是一项挑战,因为他们平时习惯于墨守常规,采用静态的框架来设计界面。而如果软件和产品研发采用新式的原型化及多学科混合方法(如敏捷方法和新的精益用户体验Lean UX)的话,创建出动态的、符合视觉和感觉习惯的原型并就其进行沟通都会更加简单、更加为用户所接受。动画式设计赋予应用以更多的动态运动。跟好电影很类似的是,最关键的部分往往是那些静态帧之间。
‘拾’ 哪些非常有设计感的App让你感到惊艳呢
建筑学院APP,因为本人是学建筑学的所以是日常对于这款app的需求也非常大,给我最直接的感受就是这款app界面非常舒服,选用了饱和度非常低的色系,确实能够让人觉得很高端,其次一些文章的编排也同样具有个性。