你需要打破的四个iOS设计规则
关于流传的一些你需要打破的四个iOS设计规则和桌面维护表单的案,想必很多人都是比较想了解的,下面就让小编来讲解吧!
CSDN移动将持续为您拾取移动开发精髓,共同探讨移动开发中的热点技术话题,涵盖移动应用、开发工具、移动及引擎、智能硬件和物联网等各个方面。如果您想提交文章、参与内容翻译、或者接收附近专家的提示,请发送邮件至tangxy(改为)。
苹果、微软和谷歌等大型软件公司已经为用户和设计师发布了设计指南。一方面,设计人员和开发人员可以提前构建界面,而无需创建全新的UI元素。另一方面,如果所有设计人员都遵循这些准则,那么在同一操作系统上运行的不同程序将为用户带来一致的外观和感觉。
本文列出的样式设置通常是推荐的。然而,有时“”设计实际上并不起作用。然而,由于未知的原因,也许没有——深入研究权衡利弊,也许推荐的模式是应对困难设计挑战的解决方案。——款式设计中仍包含此图案。中心。
以下四种常见的iOS模式广泛应用于苹果设计的应用程序中,也受到许多其他设计师的青睐。其中一些摘自《iOS人机界面指南》一书。我们一次又一次地看到这些设计出现的可用性题,我们想声明我们面临着被苹果之神黑客攻击的风险以下模式未通过可用性测试,因此不推荐。
页面控制点线页
顶部的表单提交按钮
加号图标
移动图标
页面控制点线页
许多iOS用户都熟悉页面控件。iOS页面控件是代表视图或页面开口的水平点行。当前选中的页面显示为不透明点,而其他页面显示为透明点。
iOS主屏幕使用点来指示视图中有多少页与当前视图不同。这是最广为人知、最常见的占卜做法之一,也是为数不多的行之有效的做法之一。因为用户明白有好几页充满了各种各样的图标,所以你可以一页一页地扫描它们。找到您想要的应用程序。有些应用程序和网站使用此界面元素来指示内容页面可以滑动,有些则指示内容可以在页面上水平滚动。这是移动网络和应用程序的流行设计方法,但用户经常忽视它。在我们的可用性测试中,这些从整个界面来看非常不显眼,以至于它们没有清楚地表明其他内容视图可用。因此,它不应用作访重要功能或信息(例如功能导航)的唯一方式。
在iOS应用程序“股市场HD股和股”中,在“关注列表”、“愿望列表”、“已售出”和“我的持股”视图之间切换的唯一方法是查找页面底部的点。点击,然后滑动即可查看其他功能。设计师和开发人员可以选择使用哪种色环,但设计微妙但引人注目的半透明点很困难。许多设计还在色图像中使用这些点,使本来很小的设计元素更多地融入背景。如果使用点,则可以增强点与背景之间的颜色对比度,使用户更容易看到它们,或者如果可能,将点放置在纯色背景上。
iOS应用程序“Zappos”使用页面顶部的点来指示内容的多个视图。在第一张图片中,这些点在背景中的鞋子中隐约可见,但在第二张图片中,它们与背景中的椅子完全融为一体。一些网站和应用程序通过使用正方形、其他形状或在页面上随机移动点来打破传统的iOS规则。即使您遵循iOS指南中使用这些点的设计规则,用户也很难找到它们。将这些元素更改为偏离标准只会使它们更难以识别或理解。如果您使用点,请将其放置在控制元素的底部中心。
Android的“Fab”应用程序借用了iOS的点,但将它们放置在轮播元素的右侧而不是中心。即使用户发现了这一点,也存在重大的可用性题。点仅允许顺序阅读,并不代表页面的内容。无论点代表轮播元素还是单个页面,都适用相同的可用性题。尤其是使用轮播元素呈现页面,了用户的操控体验。用户不知道下面是什么,也无法直接导航到感兴趣的页面。
作为替代方案,我们建议
想一想。您还可以通过滑动访内容。如果可以通过导航或文本链接访,体验会更好。
内容被剪切为用户提供直观的视觉线索,用户可以通过滑动来揭示更多信息。
iOSAppStore没有使用点,而是使用功能片段来向用户展示导航轮播可以移动。
顶部的“提交表单按钮”
在iOS上,“完成”按钮通常位于页面顶部的导航栏中。有时,“表单提交按钮”也会放置在顶部。这种模式也开始进入Android应用程序。
iOS日历表单提交的“添加”按钮位于页面右上角的导航栏中。Todoist——的Android待办事项应用程序借用了iOS的模式,在右上角放置了一个“提交”按钮。在iOS应用程序中也不鼓励这种模式,原因很简单,它违背了页面的自然自上而下的流程。用户通常从上到下填写表单。当您到达底部时,您会在刚刚填写的字段旁边看到“提交”按钮。大多数时候,他们找不到“提交”按钮,并且会困惑地环顾四周,不确定该怎么做。
在下面的示例中,用户必须填写表格,然后单击“登录”和“下订单”按钮。将这些按钮放在屏幕顶部违背了填写表单的自然流程。填写完所有字段后,用户无需执行任何操作即可滚动到页面底部。即使在移动设备的小屏幕上,找到“提交”按钮也需要付出很大的努力,如果该按钮像大多数桌面表单一样位于页面底部,则可以避免这种情况。
iPhone上“Pinkberry”和“Nordstrom”的“提交”按钮位于屏幕顶部,与工作区域分开。将“提交”按钮放在标题中的优点之一是标题在iOS应用程序中始终可见,因此用户可以随时轻松单击该按钮,无论他们是否已完成表单中的所有字段。然后我滚动到列表的底部。无论如何,如果您想设计一个始终可访的按钮,我们建议您在页面底部放置一个始终可见的“提交”按钮,就像在“HotelTonight”应用程序中一样。是的,你会牺牲一些屏幕空间,但代价是更好、更方便的交互过程。
“今晚酒店”“付款”按钮始终可见并位于页面底部。这允许用户随时与支付按钮交互,并确保按钮出现在可预测且合乎逻辑的位置。将表单提交按钮显示在表单字段下方而不是页面顶部。
加号图标
在许多移动应用程序中,加号用于指示各种功能。当放置在顶部导航栏上时,它通常意味着“添加”,但当放置在表格或项目列表上时,意味着将项目添加到特定类型的列表或组中,或展开它以查看详细信息。当存在多种解释时,用户很难对图标保持一致的理解。
顶部导航栏中的加号图标通常表示添加新项目,例如将朋友添加到“MyFitnessPal”应用程序。加号图标的用法根据其位置的不同而有很大差异。当放置在常见位置(例如导航栏)时,通常被理解为“添加新项目”。然而,当界面的主要内容中出现加号时,它具有多重含义,可能会让用户感到困惑。
例如,以前版本的“任何”应用程序在现有待办事项标签旁边显示一个加号。在这种情况下,我不确定单击加号是否会打开隐藏列表以查看项目,或者是否触发“添加新的待办事项”。该应用程序的当前版本修复了此题,并将加号放在导航栏上,但它现在用于添加全新的待办事项。
以前版本中“Any”中的加号不明确,可以解释为扩展列表或向特定列表添加新项目。该应用程序的当前版本通过在导航栏中放置一个加号来解决此题,该加号用于添加新的待办事项。
移动图标
与移动设备上的许多图标一样,“移动”图标并不能清楚地指示已触发的操作。如果您只看此图标,您可能没有意识到它会移动列表中的项目。移动图标有三条水平线,这可能代表一个列表,或者正如一位读者指出的那样,“禁止拖放某些东西的山脊”。当该图标出现在列表中时,用户必须按住该图标并将相关项目拖动到列表中的正确位置。这种模式也存在一些可用性题。
如果可以在列表中移动某个项目,用户将希望直接按住并拖动该项目。他们不想按小而难以理解的图标。这个图标比列表本身小得多,而且更难按。这会增加交互成本,并在用户单击和拖动时产生题。此外,在列表视图中,用户期望同一行中的元素执行相同的操作。也就是说,我认为拖动项目本身与图标相同。
雅虎财经已采纳苹果关于移动iOS列表中项目的建议。单击并拖动移动图标以选择一个项目。当您移动项目时,会出现文本阴影并应用更改。列表项本身有一个较大的目标,但单击并拖动它没有效果。结果是一个与iOS风格指南几乎相同的图标,但在移动网络上的含义与其他地方完全不同。换句话说,汉堡菜单看起来与Go图标非常相似。
左边有一个移动图标,右边有一个汉堡菜单。
这可能会让人们感到不安和困惑。调用相同的东西,或者看起来相同但不同的命令。随着汉堡菜单吸引更多的用户,更多的用户将习惯于单击三个水平按钮来打开菜单。但这不是移动图标可以做的事情。这种不一致会导致用户无法记住自己做了什么,从而损害用户的利益。
不要单击特定图标,而是单击并拖动项目本身。
不要放置单独的汉堡菜单,而是在菜单按钮上显示“菜单”文本。
总结
通常不鼓励过于偏离的模式。为了最好地满足用户的期望,最好遵循“可疑的”实践,了解其他iOS应用程序的一致性,并学习常识。无论您使用什么指南或样式设置,可用性测试都可以确认或反驳该指南是否适合您的设计。通过观察人们使用这些设计,我们已经看到足够多的例子来证明为什么不推荐这四种模式。
想要第一时间了解最新的移动开发信息和技术,请访mobilehub微信公众号(ID:mobilehub)。
8种关闭单词组件的方法?MicrosoftOfficeSharePointDesigner2007关闭Office组件方法
1.MicrosoftOfficeWord2007是一个文档创建程序,它集成了一套全面的创作工具和易于使用的界面,可帮助用户创建和共享精美的文档。
2.MicrosoftOfficeExcel2007是一个功能强大的电子表格程序,可用于分析、交流和管理信息,帮助您做出更明智的决策。
3.MicrosoftOfficePowerPoint2007是一款功能强大的演示文稿程序,可让您使用新的结果驱动界面、SmartArt图形功能和格式设置工具快速创建精美的动态演示文稿。
4.FrontPage2003提供的特性、灵活性和功能可帮助您构建更好的网站。它包括创建动态高端网站所需的专业设计、创作、数据和发布工具。
5.MicrosoftOfficeAccess2007是一个桌面数据库程序,可帮助信息工作者快速开始跟踪信息、轻松创建有意义的报告以及使用Web更安全地共享信息。
6.MicrosoftOfficeCommunicator2007是一个统一通信客户端,支持多种通信方法,使信息工作者能够从任何地方查找同事和协作者并与之联系。
7.MicrosoftOfficeInfoPath2007是一个基于Windows的应用程序,它通过创建丰富的动态表单来改进跨组织的协作和决策,团队和组织可以使用这些表单来收集、共享、重用和管理信息。
8.MicrosoftOfficeOutlook2007是一个消息传递客户端,它提供了全面的时间和信息管理器,使您可以控制评估、组织和检索信息所需的工具。
9.MicrosoftOfficeOneNote2007是一款数字笔记本,它提供了灵活的方式来收集和组织笔记和信息,强大的搜索功能可以快速找到您要查找的内容,并且易于使用的共享笔记本可以帮助团队进行更多协作。有效地。
10.MicrosoftOfficeVisio2007是一种图表和数据可视化解决方案,使IT和业务专业人员能够轻松可视化、分析和交流复杂的信息、系统和流程。
11.Publisher2007是一款用于商业出版和营销材料的桌面打印和网络出版应用程序,其中包括创建和分发高效、强大的印刷、网络和电子邮件出版物所需的所有工具。
12.MicrosoftOfficeSharePointDesigner2007是一个网站开发和管理程序,它为用户提供了在IT控制的环境中使用最新的Web设计技术和既定标准来构建、自定义和贡献SharePoint网站的工具。
13.MicrosoftOfficeProject2007是一个项目规划套件,旨在满足当今组织的任务和人员管理需求。
这是目前微软公司开发的完整系列的Office套件软件。
与Office2007和2003相比,发生了革命性的变化,这是三言两语无法说清楚的。足够写一本书了。
这些软件中最常见的由三个组件组成Word、Excel和PowerPoint。普通用户只需要掌握这三点即可。
其次最受欢迎的是FrontPage、Access、Outlook、InfoPath和OneNote。
另外两个成分微
发表评论