近,如何对折叠屏手机进行交互设计?

发布时间:2020-07-13 12:40:00

随着折叠屏手机的发布,我们看到未来手机的外形可能会向柔性手机发展,那么让我们思考一件事:如何在折叠屏手机上进行互动设计

随着折叠屏手机的发布,我们看到未来手机的外形可能会向柔性手机发展,那么让我们思考一件事:如何在折叠屏手机上进行互动设计?

近日,三星、和若愚分别发布了一款可折叠屏幕手机,可以将8英寸平板电脑变成6英寸手机,携带方便。折叠屏手机属于一种新型手机,也是有前途的手机形式之一(未来手机应该是柔性的,现在知道有柔性电路板)。经过几天的观察和思考,我认为折叠屏手机有以下优点:

更好的阅读体验。目前,手机厂商的折叠屏幕展开状态在7英寸以上。我们在观看视频时有更好的观看体验。同时,我们也不必担心看漫画时字体太小,看不清楚。

提快捷率。在“部署”模式下,空间变大,多窗口操作成为可能。我们可以一起看**杯,和微信、朋友一起喊。

使用方便。这里我想到了iPad的一个很好的特性。打开多个应用程序后,我可以管理多个应用程序之间的文件。例如,我可以将相册中的图片拖到微信或电子邮件中,以避免在多个应用程序之间切换。

上面的想法是基于“展开”状态的,在折叠状态下有一些好的想法供您考虑。

在MWC219中演示了一个名为“图像智能摄影”的功能,可以让被拍摄者实时看到拍摄效果,调整面部表情和姿势。有了她们对角度和构图的_理解,让拍摄更有效率,女孩们再也不用担心男友让自己难看了。

在折叠状态下,背部可视为一个附加的交互空间,实现一些简单的交互操作。例如,当玩鸡肉游戏时,我们可以考虑在后屏幕上添加一些手势操作,以实现8倍的镜像缩放。这种后触式模式不是什么新鲜事。2011年,索尼的掌上游戏机PSV在后触摸屏上增加了电容多点。

除了额外的交互空间外,我们还可以将其用作第二个屏幕。在正常情况下,我们可以同时通过两个屏幕运行两个不同的应用程序。比如,我们可以用主屏幕玩游戏,在加载游戏时翻动屏幕刷一个微博,这非常方便操作。

当然,折叠屏幕不仅处于展开和折叠两种状态,而且处于折叠状态,这与传统手机和平板电脑的独立状态不同。直接的效果是,它可以站在桌面上不带支架,实现中长距离的自拍;同时,它可以多角度拍摄,成为制作虚拟现实内容的有力工具。在播放方式上,可以通过两个屏幕在折叠状态下的不同内容引入多人交互的概念,但这种应用场景难以想象。

与外部折叠设计相比,内部折叠设计相对较少。这里我只想到了任天堂NDS的概念:在折叠状态下,它是两个独立的屏幕,可以独立显示不同的内容,比如上屏幕上的内容,下屏幕上的操作区域,在玩游戏时折叠状态显然比其他状态更舒适。

个人观点:从以上案例来看,外折设计在互动性和游戏性上都优于内折设计,很可能外折设计将成为未来的主流。

当折叠屏幕由小屏幕模式转变为大屏幕模式时,不仅要增加屏幕的等比例,还要考虑响应式布局设计。

一个_的词来形容反应性设计是“内容切片水”。如果你把屏幕看作一个容器,内容就像水一样。在过去,响应式设计更多地应用于个人电脑网页设计,但现在手机也应该考虑响应式设计。以下是设计中需要考虑的细节。

这不是一个简单的响应式设计。综上所述,我们知道在“展开”状态下,应该考虑是平板模式还是双屏模式。如果是平板模式,内容应该是整体的;如果是双屏模式,可以考虑不同的屏幕来显示不同的内容。设计需要根据实际需要和场景选择模式。

参考微软的uwp设计理念。Uwp是windows 10中通用的windows平台。uwp应用的思想不是为某个终端设计,而是在所有windows 10设备上运行相同的代码和设计,包括windows10 mobile/surface/PC/Xbox/hololens等。

其响应式设计的设计技巧包括以下六点:

调整位置:可以在不同屏幕上更改UI元素的位置。例如,为了同时显示两个元素,我们必须在手机上使用垂直滚动界面,而在平板电脑上,我们可以调整框架的位置,将其更改为水平滚动界面。如果在网格中设计这些位置,也可以保持内容框架不变,但其他UI元素可以使用响应式设计。

大小调整:可以通过调整空白和UI元素的大小来优化框架。例如,在下面的示例中,您可以简单地增加内容框架的大小,以改善大屏幕的阅读体验。

调整顺序:通过调整UI元素的顺序和方向来优化内容显示效果。例如,在大屏幕上运行时,添加另一列和类别列表是合理的。这个例子展示了在移动电话上使用一列垂直滚动和在平板电脑上使用两列水平滚动的优化。

显示:可根据屏幕的实际大小、设备支持的功能、具体情况或屏幕方向显示界面。这是一个媒体播放器的例子。在小屏幕上,这些按钮通常会被删除,但在大屏幕上,它们是完全保留的。PC上的媒体播放器的功能比手机上的多。

换位:这项技术是为一个特定的屏幕大小或屏幕方向切换一个特定的界面。这里有一个导航菜单的例子:在小屏幕上,它隐藏在汉堡包菜单中并垂直排列,但在大屏幕上,较大的选项卡是更好的选择。

更改结构:可以为特定设备优化特定结构。下面是两种不同连接结构的示例。

以上6点是指windows开发中心设计基础:uwapps的响应设计101

例如,考虑用户在翻转和折叠屏幕时的场景和动机,以便优化现有的界面和交互过程。

以RPG游戏为例。当玩家使用小屏幕模式时,我们可以设置所有的功能界面,让游戏更加沉浸;当玩家使用大屏幕模式时,我们可以认为玩家需要获取更多的信息,然后显示聊天、设备等相关功能界面。

当用户在微信中查看位置信息并有新的留言提醒时,当手机变成大屏幕模式时,应该同时有地图界面和聊天界面。

谷歌在2018年11月宣布支持折叠屏幕,包括多窗口支持、无重启适应等。要想设计出一款好的折屏手机用户体验,必须考虑以下两个方面:生命周期管理和过渡有效性。

目前,为了获得更流畅的体验,大多数移动应用程序都会进行一些生命周期管理,例如在退出页面时释放相关内存。因此,设计人员在设计折叠屏交互时要考虑哪些页面不能被破坏,必须让用户进行展开、折叠等操作。应用程序任务不会中断和重新启动,产品可以自动适应不同屏幕下的静态布局规范。

根据谷歌发布的新安卓系统,当折叠/扩展设备时,页面和内容可以自然地从一个屏幕切换到另一个屏幕。设计师应该根据Google的技术规范来考虑内容、组件和其他模块的转换效果。