下划线或不下划线

时间:2013-06-12 08:46:31

标签: ios design-principles hig

我正在与AD讨论有关iOS应用中商店的信息页面。在此信息页面上,我们使用分组UITableViewController显示地址,电话号码,电子邮件地址等信息。顶部显示了带注释的迷你地图......我猜你得到的照片。看起来非常类似于iPhone上的联系人页面。

在线框中,电子邮件地址使用下划线写入,并且该行没有披露指示符。按行时,应弹出电子邮件的模态视图,允许用户向给定的电子邮件地址发送电子邮件。

AD参数我们应该在这里有一个下划线,因为这样可以使用户更清楚它是可按压的。此外,因为它是显示电子邮件地址/链接的常用方式。他进一步补充说,大量的应用程序都是这样做的,包括那些(有些?)Apple自己的应用程序在链接上使用它。

我认为这不仅是针对Apple的HIG,也不常见。它仅适用于iOS设备的文本。 我指的是HIG,说明如下:

  

控件应该看起来很适合。 iOS控件(如按钮,拾音器和滑块)具有可以触摸的轮廓和渐变。

     

如果您来自网络,则需要确保为用户提供iOS应用体验,而不是网络体验。请记住,人们可以使用iOS上的Safari在他们的iOS设备上访问您的网站。

     

触控设计。不要尝试在iOS应用中复制Web UI设计范例。相反,熟悉iOS的UI元素和模式,并使用它们来展示您的内容。您需要重新检查的Web元素包括菜单,通过悬停启动的交互以及链接。

(参考链接:Apple

他反过来说,在WWDC13的主题演讲之后,我的一半论点不再有效。他指的是既没有完成也没有正式发布的东西。此外,经过对iOS7 HIG的快速浏览后,我找不到任何说明不同论点的内容。此外,例如,iOS7上的联系人应用程序不使用下划线。

请注意,地址或电话号码等其他字段都没有下划线也是可按下的......同时考虑到有问题的应用程序是基于现有应用程序的新目标,该应用程序既没有实现行动的下划线。 鉴于这个荒谬的主题,我的问题是:应该怎么做?有或没有下划线,这就是问题所在。

虽然这个问题的答案不会用来决定我们应该采用哪种解决方案,但我仍然想知道什么是最好的。

2 个答案:

答案 0 :(得分:1)

tableview通常只有一个适当的动作来触摸元素的任何部分。对此的例外显然是可删除的小部件,用于删除,选择,扩展,这些类型的东西。

因此,在手机应用程序的联系人列表中,触摸联系人的任何位置可以扩展该联系人,然后您可以选择可触摸的电话号码,电子邮件地址,物理地址,网站等。在手机应用程序的收藏夹列表中,触摸元素的任何部分都会启动一个电话 - 除了可触摸的蓝色箭头小部件以扩展它。

作为一个用户,如果触摸tableview元素中的特定文本行做了与触摸元素的任何其他部分不同的东西,我会感到惊讶(并且意外是坏的)。如果你想在tableview中有一个可触摸的电子邮件地址,最好在它旁边放一个可触摸的小部件,比如分享图标:

sharing icon

答案 1 :(得分:0)

有趣的问题。你的AD指的是将URL加下划线(或者在我的浏览器中显示为蓝色,只是为了混淆事情)的做法,暗示它们是可点击的,如下所示:

www.example.com

在iOS上这很容易,只需使用UITextView而不是UILabel就像下面的问题所描述的那样:

How to add hyperlink in iPhone app?

至于HIG是否允许这样做,最简单的方法是参考示例。例如,Mail应用程序允许在电子邮件内容中显示超链接,以便于使用。因此,在这种情况下,您的AD可能是正确的。