CN104156156B - 应用交互界面信息展示方法及装置 - Google Patents
应用交互界面信息展示方法及装置 Download PDFInfo
- Publication number
- CN104156156B CN104156156B CN201310174913.0A CN201310174913A CN104156156B CN 104156156 B CN104156156 B CN 104156156B CN 201310174913 A CN201310174913 A CN 201310174913A CN 104156156 B CN104156156 B CN 104156156B
- Authority
- CN
- China
- Prior art keywords
- personal information
- information column
- interactive interface
- original application
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种应用交互界面信息展示方法及装置,其方法包括接收用户在初始应用交互界面向上滑动的滑动指令;根据滑动指令将交互内容信息连同个人信息栏向上滑动;当个人信息栏的顶部到达初始应用交互界面的显示区域的顶部时,将个人信息栏固定显示在当前位置;并可在当前位置将个人信息栏按照预定比例缩小并进行固定显示,从而提高用户个人信息与交互内容信息的协调性,节省应用界面显示资源;当应用交互界面具有背景图片时,将背景图片连同交互内容信息及个人信息栏向上滑动,在滑动过程中使背景图片在其显示区域逐渐减小直至消失,由此既保持现有视觉图片,又能展示更多的内容信息,使视觉设计的美观性和信息内容的完整性达到很好的平衡性。
Description
技术领域
本发明涉及移动互联网技术领域,尤其涉及一种应用交互界面信息展示方法及装置。
背景技术
目前在移动互联网中,对于各种社交平台(如Qzone、facebook、微博、朋友网以及通讯录等)中的网页应用(app)界面,常常以漂亮的大图片作为背景,同时在背景图片上加上个人的头像照片,作为用户标识,如图1a所示。
现有的这种应用界面设计特点虽然可以为用户提供精美的视觉感受,但是,在用户向上滑动界面以便向下浏览更多信息内容的时候,背景图片和头像信息也会跟着向上滑动直至消失,如图1b所示,信息内容代替背景图片,这不仅降低了应用界面显示效果,而且造成用户标识信息的缺失,给了用户不明的指向性,因此,这种方式无法实现用户个人信息和内容信息在应用界面的共存,从而降低了用户个人信息和内容信息的协调性。
另外,现有技术还有一种应用界面没有设计背景图片,而是只显示一个固定的用户头像,例如有些微博类的app,为了表明当前用户的一些个人信息和头像,把用户头像及名字等固定在应用界面的顶部,如图2a所示;在滑动浏览信息内容时,应用界面顶部的头像和名字依然存在,如图2b所示。但是这种方式中,固定显示在应用界顶部的头像和名字等信息对界面显示区域遮挡面积较大,因此会减少正常交互信内容息的显示区域。
发明内容
本发明实施例的主要目的在于提供一种应用交互界面信息展示方法及装置,旨在提高用户个人信息与交互内容信息的协调性,并节省应用界面显示资源。
为了达到上述目的,本发明实施例提出一种应用交互界面信息展示方法,包括:
接收用户在初始应用交互界面向上滑动的滑动指令;所述初始应用交互界面至少包括个人信息栏及位于所述个人信息栏下方的交互内容信息;
根据所述滑动指令将所述交互内容信息连同所述个人信息栏向上滑动;
当所述个人信息栏的顶部到达所述初始应用交互界面的显示区域的顶部时,将所述个人信息栏固定显示在当前位置。
本发明实施例还提出一种应用交互界面信息展示装置,包括:
接收模块,用于接收用户在初始应用交互界面向上滑动的滑动指令;所述初始应用交互界面至少包括个人信息栏及位于所述个人信息栏下方的交互内容信息;
滑动模块,用于根据所述滑动指令将所述交互内容信息连同所述个人信息栏向上滑动;
显示模块,用于当所述个人信息栏的顶部到达所述初始应用交互界面的显示区域的顶部时,将所述个人信息栏固定显示在当前位置。
本发明实施例提出的一种应用交互界面信息展示方法及装置,当接收到用户在初始应用交互界面向上滑动的滑动指令时,将初始应用交互界面上的交互内容信息连同个人信息栏向上滑动;当个人信息栏的顶部到达初始应用交互界面的显示区域的顶部时,将个人信息栏固定显示在当前位置,从而保持用户头像识别性的存在,提高了用户个人信息与交互内容信息的协调性,并节省应用界面显示资源;此外,当初始应用交互界面还包括背景图片时,将背景图片连同交互内容信息及个人信息栏向上滑动,在滑动过程中使背景图片在其显示区域逐渐减小直至消失,由此,解决了用户在阅读个人相关社交信息时,在视觉设计的美观性和信息内容的完整性上达到一个很好的平衡性,并可使用现有的具有视觉冲击的背景大图,既保持现有的视觉方案,又能展示更多的内容信息。
附图说明
图1a是现有技术中一种网页应用界面的示意图;
图1b是用户向上滑动图1a中界面后的示意图;
图2a是现有技术中另一种网页应用界面的示意图;
图2b是用户向上滑动图2a中界面后的示意图;
图3是本发明应用交互界面信息展示方法第一实施例的流程示意图;
图4a是本发明实施例中一种应用的初始应用交互界面示意图;
图4b是本发明实施例中将图4a所示的界面进行滑动操作后的一种示意图;
图5a是本发明应用交互界面信息展示方法第二实施例的流程示意图;
图5b是本发明实施例中将图4a所示的界面进行滑动操作后的另一种示意图;
图6是本发明应用交互界面信息展示方法第三实施例的流程示意图;
图7a是本发明实施例中另一种应用的初始应用交互界面示意图;
图7b是本发明实施例中将类似图7a所示的初始应用交互界面进行滑动操作后的一种示意图;
图8是本发明应用交互界面信息展示方法第四实施例的流程示意图;
图9是本发明实施例中将图5b所示的应用交互界面进行交互内容功能标签切换后的示意图;
图10是本发明应用交互界面信息展示装置第一实施例的结构示意图;
图11是本发明应用交互界面信息展示装置第二实施例的结构示意图。
为了使本发明的技术方案更加清楚、明了,下面将结合附图作进一步详述。
具体实施方式
本发明实施例解决方案主要是:当接收到用户在初始应用交互界面向上滑动的滑动指令时,将初始应用交互界面上的交互内容信息连同个人信息栏向上滑动;当个人信息栏的顶部到达初始应用交互界面的显示区域的顶部时,将个人信息栏固定显示在当前位置,以保持用户头像识别性的存在,提高用户个人信息与交互内容信息的协调性,并节省应用界面显示资源;此外还可以在当前位置将个人信息栏按照预定比例缩小并进行固定显示,进一步节省应用界面显示资源,增加交互内容信息的显示区域;另外,当初始应用交互界面还包括背景图片时,将背景图片连同交互内容信息及个人信息栏向上滑动,在滑动过程中使背景图片在其显示区域逐渐减小直至消失,使视觉设计的美观性和信息内容的完整性达到一个很好的平衡性,并可使用现有的具有视觉冲击的背景大图,既保持现有的视觉方案,又能展示更多的内容信息。
如图3所示,本发明第一实施例提出一种应用交互界面信息展示方法,包括:
步骤S101,接收用户在初始应用交互界面向上滑动的滑动指令;所述初始应用交互界面至少包括个人信息栏及位于所述个人信息栏下方的交互内容信息;
本实施例方法运行环境涉及承载于移动终端的网络社交平台,该移动终端可以为手机、平板电脑等。
其中,初始应用交互界面是指用户在网络社交平台初始打开的网络应用交互界面,比如某个用户的通信录(如图7a所示)、微博、Qzone等应用交互界面。
通常在初始应用交互界面中显示有个人信息栏及位于所述个人信息栏下方的交互内容信息,个人信息栏通常设置在交互界面的上部;此外,为了提高用户使用网页应用的视觉冲击效果,还可以在初始应用交互界面中配置漂亮的大背景图片。本实施例中是以初始应用交互界面包括个人信息栏(如图4a中的阴影部分)及交互内容信息(如图4a中的条纹框部分)进行举例说明。
其中,个人信息栏可以包括具有用户标识作用的用户个人头像、姓名以及该用户的交互内容信息所对应的交互内容功能标签(如图4a中的A、B所示)。
上述用户个人头像可以为操作移动终端的用户本身,也可以为操作移动终端的用户所交互的用户对象。
上述交互内容功能标签可以根据应用需要设计为一个或多个,比如图4a中的A、B,其中A功能标签可以表示用户的个人信息资料,B功能标签可以表示用户的近况信息,比如发表了什么微博、说说等;当用户选择A功能标签时,在个人信息栏下方的交互内容信息的显示区域则显示该A功能标签对应的用户的个人信息资料;当用户选择B功能标签时,在个人信息栏下方的交互内容信息的显示区域则显示该B功能标签对应的用户的近况信息。
当用户进入某个应用的初始应用交互界面时,界面中会显示个人信息栏以及默认的交互内容功能标签对应的交互内容信息,用户可以通过向上滑动该交互界面来浏览阅读更多的交互内容信息。
步骤S102,根据所述滑动指令将交互内容信息连同个人信息栏向上滑动;
当移动终端接收到用户在初始应用交互界面向上滑动的滑动指令后,在界面的显示区域中,将交互内容信息连同个人信息栏向上滑动。
在滑动的过程中,移动终端会判断个人信息栏的顶部边缘至初始应用交互界面的显示区域的顶部的距离;当个人信息栏的顶部边缘至初始应用交互界面的显示区域的顶部的距离达到预定值时,判定个人信息栏的顶部到达初始应用交互界面的显示区域的顶部。以便后续将个人信息栏固定显示在当前位置,从而可以在应用交互界面中保留具有用户标识作用的个人信息栏。
步骤S103,当所述个人信息栏的顶部到达所述初始应用交互界面的显示区域的顶部时,将所述个人信息栏固定显示在当前位置。
当个人信息栏的顶部到达初始应用交互界面的显示区域的顶部时,则控制个人信息栏不再随着交互内容信息向上滑动,而是将个人信息栏固定显示在当前位置,使得个人信息栏不再向上滑到消失,从而可以在应用交互界面中保留具有用户标识作用的个人信息栏。而交互内容信息依然可以随着用户的滑动操作而向上浏览,由此在保持用户头像识别性的存在的情况下,同时可以展示出更多用户交互内容信息,提高了用户个人信息与交互内容信息的协调性,并节省了应用界面显示资源。
下面以具体实例对本实施例方案进行详细阐述:
如图4a所示,用户进入某个应用的初始应用交互界面,该初始应用交互界面显示有个人信息栏及位于所述个人信息栏下方的交互内容信息,其中个人信息栏包括具有用户标识作用的用户个人头像以及该用户的交互内容信息所对应的交互内容功能标签A和B,其中,交互内容功能标签A为默认的交互内容功能标签(参见图4a中箭头所示),个人信息栏下方显示交互内容功能标签A对应的交互内容信息。
如图4b所示,当用户在图4a所示的初始应用交互界面中按照图4b中箭头所示向上进行滑动操作后,在界面的显示区域中,交互内容信息连同个人信息栏向上滑动,在滑动的过程中,当移动终端识别到个人信息栏的顶部到达初始应用交互界面的显示区域的顶部时,则停止向上滑动个人信息栏,而是将个人信息栏固定显示在当前位置,而交互内容信息依然可以随着用户的滑动操作而向上浏览,从而提高了用户个人信息与交互内容信息的协调性,并节省了应用界面显示资源。
如图5a所示,本发明第二实施例提出一种应用交互界面信息展示方法,在上述第一实施例的基础上,在上述步骤S103之后还包括:
步骤S104,在当前位置将所述个人信息栏按照预定比例缩小并进行固定显示。
本实施例与上述第一实施例的区别在于,本实施例在当个人信息栏的顶部到达初始应用交互界面的显示区域的顶部,并将个人信息栏固定显示在当前位置时,进一步还在当前位置将个人信息栏按照预定比例缩小并进行固定显示,从而可以在保持用户头像识别性的存在的情况下,同时可以提供更大的显示区域来展示出更多用户交互内容信息,进一步节省了应用界面显示资源,而用户在浏览信息时还可以更专注于交互内容,同时又不缺失交互用户的标识,两者达到很好的平衡。
如图5b所示,在图4b所示的个人信息栏的顶部到达初始应用交互界面的显示区域的顶部、个人信息栏被固定显示在当前位置时,将个人信息栏按照预定比例缩小并进行固定显示。相比图4b所示的应用界面,由于缩小了个人信息栏的显示区域,本实施例可以提供更大的显示区域来展示出更多的用户交互内容信息,同时还可以保持用户头像识别性的存在,为用户浏览交互信息时提供用户标识指向,进一步节省了应用界面显示资源。
如图6所示,本发明第三实施例提出一种应用交互界面信息展示方法,在上述第二实施例的基础上,所述初始应用交互界面还包括背景图片,所述背景图片显示在所述交互内容信息的上方及所述个人信息栏的底层;上述步骤S102可以具体包括:
步骤S105,根据所述滑动指令将背景图片连同交互内容信息及个人信息栏向上滑动;
步骤S106,在滑动过程中使所述背景图片在其显示区域逐渐减小直至消失。
本实施例与上述第二实施例的区别在于,本实施例中初始应用交互界面除了包括个人信息栏及位于个人信息栏下方的交互内容信息外,该初始应用交互界面还包括背景图片,通过在初始应用交互界面中配置漂亮的大背景图片,可以提高用户使用网页应用的视觉冲击效果。
具体地,在本实施例中,当用户进入上述初始应用交互界面向上滑动该交互界面来浏览阅读更多的交互内容信息时,移动终端会根据用户的滑动指令将背景图片连同交互内容信息及个人信息栏向上滑动。
同样,在滑动的过程中,移动终端会判断个人信息栏的顶部边缘至初始应用交互界面的显示区域的顶部的距离;当个人信息栏的顶部边缘至初始应用交互界面的显示区域的顶部的距离达到预定值时,判定个人信息栏的顶部到达初始应用交互界面的显示区域的顶部。当个人信息栏的顶部到达初始应用交互界面的显示区域的顶部时,个人信息栏不再随着交互内容信息向上滑动,而是将个人信息栏固定显示在当前位置,并在当前位置将个人信息栏按照预定比例缩小并进行固定显示,从而可以在应用交互界面中保留具有用户标识作用的个人信息栏;而交互内容信息依然可以随着用户的滑动操作而向上浏览。
而对于背景图片,在滑动过程中,沿着滑动方向,背景图片的高度会随着滑动而在其显示区域逐渐减小,直至背景图片消失,也就是说,背景图片从上至下随着滑动操作逐渐靠近交互界面的显示区域的顶部而逐渐消失。
由此通过上述方案,解决了人们在阅读个人相关社交信息的时候,在视觉设计的美观性和信息内容的完整性上达到一个很好的平衡性,并可使用现有的具有视觉冲击的背景大图,既保持现有的视觉方案,又能展示更多的内容信息。
下面以具体实例对本实施例方案进行详细阐述:
如图7a所示,用户进入某个通信录的初始应用交互界面,该初始应用交互界面显示有个人信息栏、位于所述个人信息栏下方的交互内容信息以及显示在所述交互内容信息的上方及所述个人信息栏的底层的背景图片。
其中个人信息栏包括具有用户标识作用的交互用户的个人头像、交互用户的姓名,以及交互用户的个人资料和近况两个交互内容功能标签,个人信息栏下方显示用户个人资料交互内容功能标签对应的交互内容信息,包括该用户的电话号码、号码所在地以及其他功能选项,比如发送短信、Q信等功能选项。
当用户在图7a所示的初始应用交互界面中向上进行滑动操作,以便浏览阅读更多的交互内容信息时,在界面的显示区域中,交互内容信息连同背景图片及个人信息栏向上滑动,在滑动的过程中,背景图片从上至下随着滑动操作逐渐靠近交互界面的显示区域的顶部而逐渐消失;当移动终端识别到个人信息栏的顶部到达初始应用交互界面的显示区域的顶部时,则停止向上滑动个人信息栏,而是将个人信息栏固定显示在当前位置,并在当前位置将个人信息栏按照预定比例缩小并进行固定显示,而交互内容信息依然可以随着用户的滑动操作而向上浏览。
如图7b所示,图7b是与图7a类似的初始应用交互界面向上进行滑动操作后背景图消失且个人信息栏缩小后固定显示在交互界面的显示区域顶部的示意图。
如图8所示,本发明第四实施例提出一种应用交互界面信息展示方法,在上述第二实施例的基础上,所述个人信息栏至少包括两个交互内容功能标签,在上述步骤S101之前还包括:
步骤S100,当用户点击进入所述初始应用交互界面时,在所述初始应用交互界面的交互内容信息的显示区域显示所述个人信息栏中默认选择的交互内容功能标签对应的交互内容信息。
以及在上述步骤S104之后还包括:
步骤S107,根据用户的操作指令,在所述至少两个交互内容功能标签之间进行切换选择,并显示用户选择的交互内容功能标签对应的交互内容信息。
本实施例与上述第二实施例的区别在于,本实施例还可以实现在用户头像保持的状态下方便的切换交互内容功能标签。
具体地,如图5a及图5b所示,当用户进入初始应用交互界面时,在初始应用交互界面的交互内容信息的显示区域显示个人信息栏中默认选择的交互内容功能标签A对应的交互内容信息;以图5b为例,当用户需要查看交互内容功能标签B对应的交互内容信息时,比如需要浏览交互用户的近况时,则通过点击交互内容功能标签B从当前默认的交互内容功能标签A切换到交互内容功能标签B,切换后的交互界面如图9所示。
上述交互内容功能标签在交互界面的显示区域可以设计为刚好符合人手指点击的区域,以方便用户手指操作。
本实施例通过上述方案,不仅解决了人们在阅读个人相关社交信息时,在视觉设计的美观性和信息内容的完整性上达到一个很好的平衡性,并能展示更多的内容信息,而且在头像等个人标识保持的状态下还能更方便的切换功能标签,满足了用户在交互界面上进行快捷操作的需求。
如图10所示,本发明第一实施例提出一种应用交互界面信息展示装置,包括:接收模块201、滑动模块202以及显示模块203,其中:
接收模块201,用于接收用户在初始应用交互界面向上滑动的滑动指令;所述初始应用交互界面至少包括个人信息栏及位于所述个人信息栏下方的交互内容信息;
滑动模块202,用于根据所述滑动指令将所述交互内容信息连同所述个人信息栏向上滑动;
显示模块203,用于当所述个人信息栏的顶部到达所述初始应用交互界面的显示区域的顶部时,将所述个人信息栏固定显示在当前位置。
本实施例装置可以内置于承载网络社交平台的移动终端,该移动终端可以为手机、平板电脑等。
其中,初始应用交互界面是指用户在网络社交平台初始打开的网络应用交互界面,比如某个用户的通信录(如图7a所示)、微博、Qzone等应用交互界面。
通常在初始应用交互界面中显示有个人信息栏及位于所述个人信息栏下方的交互内容信息,个人信息栏通常设置在交互界面的上部;此外,为了提高用户使用网页应用的视觉冲击效果,还可以在初始应用交互界面中配置漂亮的大背景图片。本实施例中是以初始应用交互界面包括个人信息栏(如图4a中的阴影部分)及交互内容信息(如图4a中的条纹框部分)进行举例说明。
其中,个人信息栏可以包括具有用户标识作用的用户个人头像、姓名以及该用户的交互内容信息所对应的交互内容功能标签(如图4a中的A、B所示)。
上述用户个人头像可以为操作移动终端的用户本身,也可以为操作移动终端的用户所交互的用户对象。
上述交互内容功能标签可以根据应用需要设计为一个或多个,比如图4a中的A、B,其中A功能标签可以表示用户的个人信息资料,B功能标签可以表示用户的近况信息,比如发表了什么微博、说说等;当用户选择A功能标签时,在个人信息栏下方的交互内容信息的显示区域则显示该A功能标签对应的用户的个人信息资料;当用户选择B功能标签时,在个人信息栏下方的交互内容信息的显示区域则显示该B功能标签对应的用户的近况信息。
当用户进入某个应用的初始应用交互界面时,界面中会显示个人信息栏以及默认的交互内容功能标签对应的交互内容信息,用户可以通过向上滑动该交互界面来浏览阅读更多的交互内容信息。
当接收模块201接收到用户在初始应用交互界面向上滑动的滑动指令后,滑动模块202在界面的显示区域中,将交互内容信息连同个人信息栏向上滑动。
在滑动的过程中,移动终端滑动模块202会判断个人信息栏的顶部边缘至初始应用交互界面的显示区域的顶部的距离;当个人信息栏的顶部边缘至初始应用交互界面的显示区域的顶部的距离达到预定值时,判定个人信息栏的顶部到达初始应用交互界面的显示区域的顶部。以便后续显示模块203将个人信息栏固定显示在当前位置,从而可以在应用交互界面中保留具有用户标识作用的个人信息栏。
当个人信息栏的顶部到达初始应用交互界面的显示区域的顶部时,滑动模块202则控制个人信息栏不再随着交互内容信息向上滑动,而是将个人信息栏通过显示模块203固定显示在当前位置,使得个人信息栏不再向上滑到消失,从而可以在应用交互界面中保留具有用户标识作用的个人信息栏。而交互内容信息依然可以随着用户的滑动操作而向上浏览,由此在保持用户头像识别性的存在的情况下,同时可以展示出更多用户交互内容信息,提高了用户个人信息与交互内容信息的协调性,并节省了应用界面显示资源。
进一步地,所述显示模块203还用于在当前位置将所述个人信息栏按照预定比例缩小并进行固定显示。从而可以在保持用户头像识别性的存在的情况下,同时可以提供更大的显示区域来展示出更多用户交互内容信息,进一步节省了应用界面显示资源,而用户在浏览信息时还可以更专注于交互内容,同时又不缺失交互用户的标识,两者达到很好的平衡。
进一步地,对于具有背景图片的初始应用交互界面而言,通常将背景图片显示在交互内容信息的上方及个人信息栏的底层,通过在初始应用交互界面中配置漂亮的大背景图片,可以提高用户使用网页应用的视觉冲击效果。其滑动操作后的界面显示过程如下:
当用户进入上述初始应用交互界面向上滑动该交互界面来浏览阅读更多的交互内容信息时,移动终端会根据用户的滑动指令将背景图片连同交互内容信息及个人信息栏向上滑动。
具体地,在滑动的过程中,移动终端会判断个人信息栏的顶部边缘至初始应用交互界面的显示区域的顶部的距离;当个人信息栏的顶部边缘至初始应用交互界面的显示区域的顶部的距离达到预定值时,判定个人信息栏的顶部到达初始应用交互界面的显示区域的顶部。当个人信息栏的顶部到达初始应用交互界面的显示区域的顶部时,个人信息栏不再随着交互内容信息向上滑动,而是将个人信息栏固定显示在当前位置,并在当前位置将个人信息栏按照预定比例缩小并进行固定显示,从而可以在应用交互界面中保留具有用户标识作用的个人信息栏;而交互内容信息依然可以随着用户的滑动操作而向上浏览。
而对于背景图片,在滑动过程中,沿着滑动方向,背景图片的高度会随着滑动而在其显示区域逐渐减小,直至背景图片消失,也就是说,背景图片从上至下随着滑动操作逐渐靠近交互界面的显示区域的顶部而逐渐消失。
由此通过上述方案,解决了人们在阅读个人相关社交信息的时候,在视觉设计的美观性和信息内容的完整性上达到一个很好的平衡性,并可使用现有的具有视觉冲击的背景大图,既保持现有的视觉方案,又能展示更多的内容信息。
如图11所示,本发明第二实施例提出一种应用交互界面信息展示装置,在上述第一实施例的基础上,还包括:
切换模块204,用于根据用户的操作指令,在所述至少两个交互内容功能标签之间进行切换选择;
所述显示模块203还用于显示用户选择的交互内容功能标签对应的交互内容信息。
本实施例与上述第一实施例的区别在于,本实施例还可以实现在用户头像保持的状态下方便的切换交互内容功能标签。
具体地,对于包括至少两个交互内容功能标签的个人信息栏,在实现个人信息栏在初始应用交互界面的显示区域的顶部固定缩小显示的情况下,还可以根据用户需要在不同的交互内容功能标签之间进行切换,以方便用户对不同用户交互内容信息的浏览。
如图5a及图5b所示,当用户进入初始应用交互界面时,在初始应用交互界面的交互内容信息的显示区域显示个人信息栏中默认选择的交互内容功能标签A对应的交互内容信息;以图5b为例,当用户需要查看交互内容功能标签B对应的交互内容信息时,比如需要浏览交互用户的近况时,则通过点击交互内容功能标签B从当前默认的交互内容功能标签A切换到交互内容功能标签B,切换后的交互界面如图9所示。
上述交互内容功能标签在交互界面的显示区域可以设计为刚好符合人手指点击的区域,以方便用户手指操作。
本实施例通过上述方案,不仅解决了人们在阅读个人相关社交信息时,在视觉设计的美观性和信息内容的完整性上达到一个很好的平衡性,并能展示更多的内容信息,而且在头像等个人标识保持的状态下还能更方便的切换功能标签,满足了用户在交互界面上进行快捷操作的需求。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
以上所述仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或流程变换,或直接或间接运用在其它相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (14)
1.一种应用交互界面信息展示方法,其特征在于,包括:
接收用户在初始应用交互界面向上滑动的滑动指令;所述初始应用交互界面至少包括个人信息栏及位于所述个人信息栏下方的交互内容信息;
根据所述滑动指令将所述交互内容信息连同所述个人信息栏向上滑动;
当所述个人信息栏的顶部到达所述初始应用交互界面的显示区域的顶部时,将所述个人信息栏固定显示在当前位置。
2.根据权利要求1所述的方法,其特征在于,还包括:
在当前位置将所述个人信息栏按照预定比例缩小并进行固定显示。
3.根据权利要求1所述的方法,其特征在于,所述根据所述滑动指令将所述交互内容信息连同所述个人信息栏向上滑动的步骤之后还包括:
判断所述个人信息栏的顶部边缘至所述初始应用交互界面的显示区域的顶部的距离;
当所述个人信息栏的顶部边缘至所述初始应用交互界面的显示区域的顶部的距离达到预定值时,判定所述个人信息栏的顶部到达所述初始应用交互界面的显示区域的顶部。
4.根据权利要求1-3中任一项所述的方法,其特征在于,所述初始应用交互界面还包括背景图片,所述背景图片显示在所述交互内容信息的上方及所述个人信息栏的底层;所述根据所述滑动指令将所述交互内容信息连同所述个人信息栏向上滑动的步骤包括:
根据所述滑动指令将所述背景图片连同所述交互内容信息及所述个人信息栏向上滑动;
在滑动过程中使所述背景图片在其显示区域逐渐减小直至消失。
5.根据权利要求4所述的方法,其特征在于,所述个人信息栏至少包括用户个人头像以及该用户对应的至少一交互内容功能标签。
6.根据权利要求5所述的方法,其特征在于,所述个人信息栏包括至少两个交互内容功能标签,所述接收用户在初始应用交互界面向上滑动的滑动指令的步骤之前还包括:
当用户点击进入所述初始应用交互界面时,在所述初始应用交互界面的交互内容信息的显示区域显示所述个人信息栏中默认选择的交互内容功能标签对应的交互内容信息。
7.根据权利要求6所述的方法,其特征在于,还包括:
根据用户的操作指令,在所述至少两个交互内容功能标签之间进行切换选择,并显示用户选择的交互内容功能标签对应的交互内容信息。
8.一种应用交互界面信息展示装置,其特征在于,包括:
接收模块,用于接收用户在初始应用交互界面向上滑动的滑动指令;所述初始应用交互界面至少包括个人信息栏及位于所述个人信息栏下方的交互内容信息;
滑动模块,用于根据所述滑动指令将所述交互内容信息连同所述个人信息栏向上滑动;
显示模块,用于当所述个人信息栏的顶部到达所述初始应用交互界面的显示区域的顶部时,将所述个人信息栏固定显示在当前位置。
9.根据权利要求8所述的装置,其特征在于,
所述显示模块,还用于在当前位置将所述个人信息栏按照预定比例缩小并进行固定显示。
10.根据权利要求8所述的装置,其特征在于,
所述显示模块,还用于判断所述个人信息栏的顶部边缘至所述初始应用交互界面的显示区域的顶部的距离;当所述个人信息栏的顶部边缘至所述初始应用交互界面的显示区域的顶部的距离达到预定值时,判定所述个人信息栏的顶部到达所述初始应用交互界面的显示区域的顶部。
11.根据权利要求8-10中任一项所述的装置,其特征在于,所述初始应用交互界面还包括背景图片,所述背景图片显示在所述交互内容信息的上方及所述个人信息栏的底层;
所述滑动模块,还用于根据所述滑动指令将所述背景图片连同所述交互内容信息及所述个人信息栏向上滑动;
所述显示模块,还用于在滑动过程中使所述背景图片在其显示区域逐渐减小直至消失。
12.根据权利要求11所述的装置,其特征在于,所述个人信息栏至少包括用户个人头像以及该用户对应的至少一交互内容功能标签。
13.根据权利要求12所述的装置,其特征在于,所述个人信息栏包括至少两个交互内容功能标签;
所述显示模块,还用于当用户点击进入所述初始应用交互界面时,在所述初始应用交互界面的交互内容信息的显示区域显示所述个人信息栏中默认选择的交互内容功能标签对应的交互内容信息。
14.根据权利要求13所述的装置,其特征在于,还包括:
切换模块,用于根据用户的操作指令,在所述至少两个交互内容功能标签之间进行切换选择;
所述显示模块,还用于显示用户选择的交互内容功能标签对应的交互内容信息。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310174913.0A CN104156156B (zh) | 2013-05-13 | 2013-05-13 | 应用交互界面信息展示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310174913.0A CN104156156B (zh) | 2013-05-13 | 2013-05-13 | 应用交互界面信息展示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104156156A CN104156156A (zh) | 2014-11-19 |
CN104156156B true CN104156156B (zh) | 2017-12-01 |
Family
ID=51881668
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310174913.0A Active CN104156156B (zh) | 2013-05-13 | 2013-05-13 | 应用交互界面信息展示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104156156B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105988656A (zh) * | 2015-02-13 | 2016-10-05 | 深圳积友聚乐科技有限公司 | 界面信息的展示系统和方法 |
CN105389362B (zh) * | 2015-11-03 | 2019-10-29 | 北京小熊博望科技有限公司 | 一种用于展现交互界面的方法和装置 |
CN106201280B (zh) * | 2016-07-07 | 2020-03-31 | 北京京东尚科信息技术有限公司 | 滑动显示控制的方法及装置 |
CN107885411A (zh) * | 2016-09-30 | 2018-04-06 | 北京京东尚科信息技术有限公司 | 用于无下拉功能页面的显示方法和显示装置 |
CN106775379A (zh) * | 2016-11-22 | 2017-05-31 | 腾讯音乐娱乐(深圳)有限公司 | 一种图片折叠交互动画的实现方法和装置 |
CN108074273A (zh) * | 2018-01-31 | 2018-05-25 | 成都睿码科技有限责任公司 | 一种提升用户体验的动画交互方式 |
CN109670794A (zh) * | 2018-12-28 | 2019-04-23 | 广州影子科技有限公司 | 一种多功能多用户的养殖管理系统主界面设计方法 |
CN112492104B (zh) * | 2020-11-27 | 2022-03-18 | 深圳市大成天下信息技术有限公司 | 一种界面显示方法、装置和移动终端 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1698048A (zh) * | 2002-09-13 | 2005-11-16 | 雅虎公司 | 改进的浏览器用户界面 |
CN101561748A (zh) * | 2009-05-21 | 2009-10-21 | 阿里巴巴集团控股有限公司 | Im软件中标签内容展现方法及展现装置 |
CA2623188C (en) * | 2008-03-20 | 2011-02-15 | Ganz, An Ontario Partnership Consisting Of 2121200 Ontario Inc. And 2121812 Ontario Inc. | Social networking in a non-personalized environment |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8965787B2 (en) * | 2007-12-17 | 2015-02-24 | Smooth Productions Inc. | Communications system and method for serving electronic content |
-
2013
- 2013-05-13 CN CN201310174913.0A patent/CN104156156B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1698048A (zh) * | 2002-09-13 | 2005-11-16 | 雅虎公司 | 改进的浏览器用户界面 |
CA2623188C (en) * | 2008-03-20 | 2011-02-15 | Ganz, An Ontario Partnership Consisting Of 2121200 Ontario Inc. And 2121812 Ontario Inc. | Social networking in a non-personalized environment |
CN101561748A (zh) * | 2009-05-21 | 2009-10-21 | 阿里巴巴集团控股有限公司 | Im软件中标签内容展现方法及展现装置 |
Also Published As
Publication number | Publication date |
---|---|
CN104156156A (zh) | 2014-11-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104156156B (zh) | 应用交互界面信息展示方法及装置 | |
CN104679427B (zh) | 终端分屏显示方法和系统 | |
CN104268221B (zh) | 基于Ios系统WebView的翻页方法和翻页系统 | |
WO2021212922A1 (zh) | 一种对象拖拽方法及设备 | |
CN104360798B (zh) | 一种桌面布局的方法和终端 | |
CN104731256B (zh) | 人机界面呈现的方法及其手持装置 | |
CN103218156B (zh) | 实现多Tab页面切换的方法及其触摸式移动终端 | |
CN104615343A (zh) | 一种终端截图的方法及装置 | |
CN104391636B (zh) | 一种截屏方法及装置 | |
DE202007018413U1 (de) | Berührungsbildschirmvorrichtung und graphische Benutzerschnittstelle zum Bestimmmen von Befehlen durch Anwenden von Heuristiken | |
CN103377026B (zh) | 快捷面板显示方法及装置 | |
US11054987B1 (en) | Sidebar interaction method, device, and computer-readable storage medium | |
CN104571870B (zh) | 应用信息处理方法及装置 | |
CN114281225A (zh) | 一种窗口显示方法及设备 | |
CN103970422A (zh) | 一种移动终端屏幕透明度自动改变的方法及移动终端 | |
CN107844236A (zh) | Ios导航控制器页面平滑过渡的方法、装置和存储介质 | |
US20150153924A1 (en) | Managing user interface elements using gestures | |
CN107357515A (zh) | 多应用程序画面同时呈现的方法及其系统 | |
CN113420350B (zh) | 对象、商品、衣物试搭展示处理方法、装置及电子设备 | |
CN109992227A (zh) | 用户界面显示控制方法、装置、终端及计算机存储介质 | |
CN106210259A (zh) | 一种分屏显示方法及终端 | |
CN101785018B (zh) | 内容和活动监控方法和系统 | |
CN111880706A (zh) | 功能切换方法、装置、电子设备和可读存储介质 | |
CN104866178A (zh) | 一种智能截图方法及智能截图终端 | |
CN104267894B (zh) | 移动终端分屏控制方法和系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |