教你如何设计一个好的APP界面

为保持专注,需要明确每一屏上最重要的内容是什么。当一个程序的使用始终围绕主任务时,用户操作起来会更流畅。

图1

对于一款游戏来说,用户总是更追求感官体验,而对管理或创造新内容没有兴趣。如果要开发一款游戏,可以通过提供有趣的剧情、漂亮的图片和反馈及时的操控来提升体验。

·巧妙地设计控件风格,使它和程序的图片风格协调一致。

提示:权重是一个相对的概念,是针对某一指标而言。某一指标的权重是指该指标在整体评价中的相对重要程度。

·尽量减少控件,让用户不必思考该如何选择。

·一致且恰当地使用标准控件和手势,以便程序的行为符合用户期望。

·控件名称清晰易懂,让用户明确知道自己在调整些什么。

程序的界面除了要突出重点、尽可能简洁之外,还应该与内置程序的使用方法保持一致。用户知道如何在各层级的屏幕间导航、编辑列表内容、通过Tab栏切换程序模式。最好能在程序中沿用这些操作,来让用户更简单地使用程序。例如在秒表程序中,用户只要看一眼就明白哪个按钮可以触发秒表,哪个按钮可以停止计时。

4、使用以用户为中心的术语

所有用于与用户沟通的文案应该尽可能使用朴素的措辞,保证用户能够正确理解,避免使用晦涩的行业术语,如图2所示。

图2

5、减少对用户输入的需求

无论是使用实体按键还是触摸控件,输入文字都是一件劳神费力的事。最典型的例子就是人们痛恨发短信——除非有什么特定的理由。如果一款程序总是要求用户输入一大堆信息,那么用户很快就会对它失去兴趣。下面的方法可以有效地降低程序对用户的输入需求。

·平衡用户的输入与程序提供的信息

换句话说,每当用户输入信息后,程序要提供尽可能多而且有用的信息和功能来作为回报。这能让用户觉得他们在向目标前进,而非被程序拖后腿。

·简化输入方式

例如,可以使用表格或者拾取器,而非文本框,因为选择远比输入来的简单,如图3所示。

图3

·从系统获取信息

用户在设备上存了很多信息,例如通讯录、通话记录和日程表等。如果能从设备中找到这些信息,就别再麻烦用户了。

6、弱化设置

要做到弱化设置,可以考虑以下3点。

·尽量避免在程序中加入设置模块

用户必须先退出程序,才能设置程序偏好。设置中包含用户偏爱的行为和信息,这些设定一旦确定之后很少会被改动。当把程序设计得符合用户期望时,设置的重要性就降低了。

·让用户在程序中用配置选项来设置偏爱的程序行为

结构选项可以让程序在运行中动态响应用户的设置,用户不必离开程序来对其进行设置。

·在主界面或屏幕背面提供配置选项。

例如,游戏等注重即时体验的程序也应提供配置选项。因为用户经常会在各种体验间往复切换。屏幕背面则可以放置用户很少改变的选项。

7、在APPStore中提供精练的描述

APPStore中的描述是一个与潜在用户沟通的绝佳机会。除了准确描述程序、高亮显示用户最喜欢的特性外,应遵守如下规则。

避免拼写、语法和标点错误。虽然这样的错误并不会让每个人都心生厌恶,但会给用户留下不好的印象。

避免使用大些字母。每个词的每个字母都用大写会让用户难以阅读。例如在KTV里唱一首英文歌,小写字母可以很轻松地辨认,而全部大写的字母辨认起来会吃力很多。

写出对具体bug的修复。如果新版本的程序对老版本的bug进行了修复,最好在描述里清除直白地列出来,如图4所示。

图4

8、界面元素要一致

比起五花八门的界面来说,用户更期待标准的视图和控件,这些视图和控件在所有程序中都有一致的外观和行为,这样用户熟悉了一个程序的操作后就会自然而然地举一反三、触类旁通。下面是需要遵守的一些原则。

·用标准控件时最好采用推荐的使用方法。这样,用户就能在学习程序操作时利用先前的经验。当iOS升级标准控件时,相应的程序也能得到更新。

·娱乐性应用最好定制全套控件。

iOS允许使用很多内置程序中的标准按钮和图标,例如可以在iPhone和iPad上使用刷新、排序、删除和重播等图标。

·不要将标准控件和图标用于其他用途,这可能会使用户迷惑。

9、使用精美的图片

漂亮精致的图片能够吸引人们使用程序,即使很简单的任务也会让人用得很开心,iOS6将这一点做到了极致。

·模仿宝贵的或质地优良材料的质感,例如木头、皮革、金属等效果。

·绘制高精度的图像。大多数情况下,绘制的图像都应该比所需的精度更高一些,这样就可以保证图像有足够丰富的细节。如果在图形绘制软件中使用了合适的网格,就能保证图像在缩小尺寸的过程中始终保持细腻,减少重新锐化的工作。

·不要把屏幕尺寸设定为固定值,如果希望程序可以在多种iOS设备上运行,这一点至关重要。

10、启动与退出

当用户想要启动一个程序时,程序应该立刻启动。当用户按Home键时,程序应该立刻终止并及时保存进度,并在下次启动时自动读取断点。如果可能,最好不要让程序自动退出,否则就需要及时向用户描述当前状况,并采取补救措施。

·立即启动

iOS程序应该在用户想用它们的时候立刻启动,毫无延迟。在启动时,iOS程序应该做到以下几点。

■避免出现“关于”窗口或者Splash。一般而言,避免添加任何阻碍用户立刻使用程序的元素。

■在iPhone上提供合适的状态栏样式。通常,状态栏应该和程序的其他界面部分风格保持一致。

■避免向用户询问设置信息。应遵照以下指南。

①只为80%的用户解决问题。这样大部分用户不需要设置,因为程序已经按期望的方式设置好了。如果某个功能只有很少一部分用户会用到,或者只使用一次,那么最好直接放弃它。

②不要让用户反复输入信息。如果要用到任何用户在内置程序中储存的信息,可以向系统提出请求,不要让用户再输一次。

③如果必须从用户那里获得信息,要让用户在程序内进行输入,然后尽快把这些信息保存下来。这样,用户就不用先退出程序才能进到设置里。如果用户稍后需要更改这些信息,可以去程序的设置模块更改。

④从程序上次离开的位置启动。

■以合适的默认方向启动。在iPhone上,默认的方向是竖屏模式。在iPad上,默认方向是当前设备的方向。如果你的设备只支持横屏模式,就按横屏模式启动,不用管设备当前的方向,用户会按照自己的喜好去旋转设备。图5所示分别为横屏启动程序和竖屏启动程序的效果。

图5

·随时准备停止

iOS程序需要在用户按下Home键的时候立即停止,然后打开别的程序。这是非常便利的操作方法,所以用户都不会去点击程序的关闭按钮或是从菜单里选择退出。为了提供好的退出体验,iOS程序应该做到以下几点。

■经常且快速保存用户进度。因为用户随时可能选择退出。

■停止的时候保存当前的状态,尽可能地保留细节。这样,用户再次打开程序时不会损失细节。例如,当用户重新打开音乐播放器时,仍然可以接着上次退出时播放的音乐进行播放。

·不要自动退出

绝对不要自动退出,因为用户可能会觉得是程序崩溃了。如果程序确实无法像预期的那样工作,就需要告知用户当前的情况,解释他们可以做什么。基于当前情景的危机程度,有两种补救措施供选择。

■展示一屏吸引人的内容,描述当前的问题,提供修正。这屏内容可告知用户程序没有出问题,并给予用户控制权,让用户决定是采取补救措施还是忽略报错,又或是按Home键退出并打开其他程序。

■如果只有部分功能失常,那就在用户使用这些功能时弹出警告框。

优学教育-愿成为你考培路上的明灯

优学教育是第三方代理招生平台,您留下的个人信息将视为您同意我方将信息推送给对应机构。

THE END
1.app界面设计图片app界面设计素材红动中国素材网提供524个app界面设计图片、app界面设计素材、app界面设计背景、app界面设计模板、app界面设计海报等PS素材下载,包含PSD、AI、PNG、JPG、CDR等格式源文件素材,更多精品app界面设计设计素材下载,就来红动中国,最后更新于2024-11-14 03:10:57。https://m.redocn.com/so-app/617070bde7c3e6c9e8bcc6.htm
2.app界面设计图图片app界面设计图素材六图网为您提供24162张app界面设计图设计作品免费下载服务,您还可以找到app界面设计图图片、app界面设计图素材、app界面设计图模板等设计素材,我们为您提供app界面设计图图片下载,app界面设计图模板下载、app界面设计图素材下载等服务!https://m.16pic.com/sucai/3207416.html?from=singlemessage
3.手机app界面图片素材手机app界面PNG设计图片下载熊猫办公网站共为您提供125个手机app界面设计素材以及精品手机app界面图片素材下载,汇集全球精品流行的手机app界面免抠元素完整版模板,下载后直接替换文字图片即可使用,方便快捷的不二选择。https://m.tukuppt.com/sopng/shoujiappjiemian.html
4.APP首页界面设计图片免费下载APP首页界面设计素材千图网为您找到3549张APP首页界面设计相关素材,千图网还提供APP首页界面设计图片,APP首页界面设计素材, APP首页界面设计模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/APPshouyejiemiansheji.html
5.循序渐进AppInventor可视化开发1.2 第一个App Inventor程序 1.2.1 程序功能描述 我们通过一个简单的应用程序,了解开发环境。当用户单击手机上的图片时,屏幕上的机器人会用语音和你打招呼:“嗨,你好,我是小安,我们一起来学习开发手机应用吧!” 1.2.2 组件设计(界面设计) 表1 组件命名 ...https://www.ituring.com.cn/book/tupubarticle/32376
6.手机APP引导页图片手机APP引导页素材觅元素为您精心挑选了44张内容丰富手机APP引导页高清图片素材,帮助您进行手机APP引导页作品创意设计,下载更多手机APP引导页风格的图片、免抠png图片素材、背景图片素材就来觅元素。https://www.51yuansu.com/topic/shoujiAPPyindaoye-1.html
1.AppStore上的“Canva可画免费 提供App 内购买项目 截屏 Mac iPhone iPad 简介 现在你也能在Canva可画桌面应用程序上使用Canva可画的所有内容和功能啦!使用Canva可画桌面端,你可以更加专注于你的设计,让所有工作井井有条,并与团队轻松协作,还可解放浏览器窗口加载过多的困扰。快来试试! 为什么使用 Canva可画桌面应用程序? 你不再需要...https://apps.apple.com/cn/app/canva-%E5%8F%AF%E7%94%BB-%E6%B5%B7%E6%8A%A5-logo%E4%BD%9C%E5%9B%BE%E5%92%8C%E8%A7%86%E9%A2%91%E7%BC%96%E8%BE%91%E5%B7%A5%E5%85%B7/id897446215
2.APP界面设计专题模板APP界面设计图片素材下载我图网APP界面设计专题为您整理了881个原创高质量APP界面设计图片素材供您在线下载,PSD/JPG/PNG格式APP界面设计模板下载、高清APP界面设计图片大全等,下载图片素材就上我图网。https://so.ooopic.com/sousuo/6379574/
3.手机app界面ui素材手机app界面ui图片手机app界面ui设计觅知网为您找到88个原创手机app界面ui设计图片,包括手机app界面ui图片,手机app界面ui素材,手机app界面ui图标,手机app界面ui背景,手机app界面ui模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于手机app界面ui素材、图片、海报、背景、插画、配图、https://www.51miz.com/so-sucai/3857539.html
4.15个精美的app界面设计图欣赏APP设计分享今天25学堂在其他相关的APP设计网站,收集了部分精美的APP界面设计作品,与大家一起来分享。APP设计童鞋们可以认真看看每一张APP界面设计图,看看设计师是如何把细节处理的那么合理和完美?哈哈哈 边看边学,打开Photoshop学着制作各种智能手机UI常用元素,包括常用图形、控件、启动图标以及图片特殊处理等。同时分析了各APP界面...https://www.25xt.com/appdesign/5137.html
5.手机app小程序界面设计设计图客户端界面移动界面设计手机app小程序界面设计图片,手机app小程序界面设计模板下载,app app模板 个人中心 手机app 手机模板,手机app小程序界面设计设计素材,昵图网:图片共享和图片交易中心https://www.nipic.com/show/33076802.html
6.UIApp界面设计自己用ps设计的app页面掌握APP界面设计的规范及一般制作技巧; 掌握移动设备中的常用尺寸; 掌握APP的界面构成。 实验内容及基本要求: 综合使用cdr、ps等软件制作APP界面,效果如下图所示。要求布局合理、配色恰当。 保存psd源文件,导出png格式图片。 实验过程及实验步骤: 1首页 https://blog.csdn.net/qq_64077978/article/details/140541893
7.ui设计app登录页界面模板素材正版图片401575377摄图网为您提供设计模板正版 模板素材下载,该模板素材标题为ui设计app登录页界面,编号:401575377,格式:PSD,体积:10.03M,尺寸:1000 * 695,摄图网建议您使用Photoshop CC查看编辑。 摄图网已获得ui设计app登录页界面正版授权采用 VRF授权,授权范围于:可商用 https://699pic.com/tupian-401575377.html
8.2023年度优质APP界面设计作品赏析今天我们要给大家带来的是2023 年度优质APP 界面设计作品赏析,涉及到了多个行业多种设计风格,有高级感 APP 界面设计作品、APP 登录页界面设计作品合集、出租车 APP 界面设计作品、校园外卖 APP 界面设计作品、社交视频交友 APP 界面设计作品、社区团购 APP 界面设计作品、飞鸽小说UI 界面设计作品赏析,他们每一个 APP...https://js.design/special/article/app-interface-design-works.html
9.UI实战教程!从零开始做APP系列之切图标注篇优设网UI 设计师从零开始做一个App 要经历哪些流程?这个系列的文章会为新手一一讲解。本篇会为你讲解切图标注的要点和技巧,实用高效,新手来收。https://www.uisdc.com/app-design-slice-guideline/
10.10大APP界面框架设计模式详解随着移动互联网的发展,移动app已经成为了每个互联网公司的标配了,那作为产品经理,我们如何设计出更加符合用户体验的app产品呢?今天和大家分享的就是10中最常见的app界面光甲设计模式,一起来看看吧。 1.标签导航 标签导航是十大界面框架设计里最常用的界面框架设计,也是被业界之内公认的一种普遍使用的页面框架设计。那么...https://www.douban.com/note/580250431/
11.APP设计素材,高清APP设计素材图片/素材/模板,免费APP设计素材图库...图品汇是领先中国万千APP设计素材素材图库网中免费设计素材模板网,提供免费APP设计素材素材,模板,高清原创正版图片下载,为您优选原创APP设计素材模板下载,APP设计素材素材。精品原创,作品严格审核,高速免费下载。https://www.88tph.com/tupian/1897486/
12.36个最优App背景设计素材和案例分享背景设计,突出界面主体元素的同时,还能轻松营造氛围,帮助设计师更加自然、流畅地介绍产品或公司企业信息。这也是为什么背景设计一直以来都是网页或App设计中至关重要的部分。 然而,作为设计师,究竟如何才能打造美观、高效的背景设计呢?几何图形、渐变纹理、插画、视频以及动画等当下流行设计元素,又该如何自地融入各类App背...https://maimai.cn/article/detail?fid=1384919521&efid=hev73ISeHIOX6Gp-xJdZvA
13.带你看懂15种app界面设计为此,设计人员通常需要深入了解移动应用程序的特性,了解它们的组成部分和功能。但随着科技和生活方式的改变,现在已经很难为任何一种APP区分出一套标准界面指南了。今天的文章就为大家介绍一下最常见和最受欢迎的界面,并为大家总结了它们所需的设计功能。 闪屏界面...https://www.iyong.com/displaynews.html?id=2936235249042368
14.10个精品APP界面设计模板,审美养成系列!这款社交APP界面设计模板采用了蓝白色搭配,贯彻“少即是多”的极简理念,整体风格简约大方。底部导航栏中使用的面型图标和界面设计中的线性图标相得益彰,点击状态与未点击状态区分明显,方便用户分辨,降低了用户认知负荷。图片使用较少,着重突出其社交聊天的功能点。https://pixso.cn/designskills/10-app-interface-design-templates/