正确的产品设计决策:借鉴iPad应用的完整设计流程(4)

http://www.itjxue.com  2015-08-07 20:55  来源:未知  点击次数: 

7.谨慎使用弹出效果

iPad当中,用来帮助用户访问相关内容和导航结构的弹出层效果还是蛮赞的。但是,如果使用不善,这种交互模式也会在操作流程中造成不小的麻烦。在设计方案中,一定要为弹出层做好高度与宽度上的限制,尽量避免将太多的信息放在其中。我们再次以Awesome Note为例,不过这次的角度相对负面一些。虽然我们在前面提到过,它默认的文件夹分类方式很符合用户的需求,不过要对这些文件夹进行相关的编辑操作,却需要在一个弹出层当中进行。其中文件夹的呈现方式与主界面中的几乎完全一致,只是尺寸略有区别;对于这种重要的交互对象集合,如果在同一个界面中以相同的视觉表现形式重复地出现,那么在很大程度上会对使用户产生迷惑。而且对于文件夹的视觉样式以及相关的编辑操作来说,这样一个弹出层显得有些狭小了。

ipad-app-product-user-experience-design-awesome-note-popover

其实,从容器尺寸与空间利用率的角度讲,我们之前看到的NASA的文章列表弹出层也具有相同的问题。

在某些情况下,单独打开一个新界面比弹出层更加合理。除非弹出层中的相关操作与当前界面中的内容具有难以阻断的上下文相关性,否则完全可以它们放到一个新的界面当中——可用空间更大,布局结构更合理,阅读和操作都更加容易,为什么不呢。

当然,对屏幕进行纵向分割,将导航结构或是相关功能放在左侧边栏中的做法也是很常见的一种解决方案。

Houzz:

ipad-app-product-user-experience-design-houzz

Martha Stewart Living:

ipad-app-product-user-experience-design-Martha-Stewart-Living-2

Flipboard :

ipad-app-product-user-experience-design-flipboard-2

(责任编辑:IT教学网)

更多