(57)【要約】  本開示がボタンによるインタラクション方法、装置、プログラム及び記録媒体を提供し、前記方法が、ボタンにボタン状態の切替が発生したか否かを判断することと、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力することと、を含む。本開示でボタンによるインタラクション過程においてユーザーに明瞭且つ正確なインタラクション通知を出力するとともに、完備なインタラクション進行状況を呈することができるので、ユーザーのインタラクション体験が最適化された。【選択図】図２
2017511947.tif 000002
【特許請求の範囲】
【請求項１】
ボタンにボタン状態の切替が発生したか否かを判断することと、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力することと、を含むことを特徴とするボタンによるインタラクション方法。
【請求項２】
前記ボタンにボタン状態の切替が発生したか否かを判断することは、
前記ボタン領域に対するタッチイベントをモニターすることと、
前記タッチイベントが第１予め設定イベントであるか否かを判断することと、
前記タッチイベントが前記第１予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定することと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが再びモニターされたとともに、該タッチイベントが第２予め設定イベントであると判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定することと、を含むことを特徴とする請求項１に記載の方法。
【請求項３】
前記ボタンにボタン状態の切替が発生したか否かを判断することは、
前記ボタン領域に対するマウスイベントをモニターすることと、
前記マウスイベントが第３予め設定イベントであるか否かを判断することと、
前記マウスイベントが前記第３予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定することと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが再びモニターされたとともに、該マウスイベントが第４予め設定イベントであると判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定することと、を含むことを特徴とする請求項１に記載の方法。
【請求項４】
前記第１予め設定イベントが長押しイベントであり、前記第２予め設定イベントが離しイベントであり、前記第３予め設定イベントがマウスホバリングイベントであり、前記第４予め設定イベントがマウスクリックイベントであることを特徴とする請求項２又は３に記載の方法。
【請求項５】
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力することは、
前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切り替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力することと、
前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切り替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止することと、を含むことを特徴とする請求項２又は３に記載の方法。
【請求項６】
前記波動図形が波紋パターンである時に、前記ボタンの周りにおいて前記波動図形を静的に出力することは、
前記ボタン領域に対するユーザーの押圧圧力を取得することと、
前記押圧圧力の大きさによって前記ボタンの周りにおいて予め設定された数量の波紋パターンを静的に出力し、前記押圧圧力が大きくなればなるほど前記ボタンの周りにおいて静的に出力される波紋パターンの条数が多くなることと、を含むことを特徴とする請求項５に記載の方法。
【請求項７】
前記波動図形が波紋パターンである時に、前記予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力することは、
前記ボタンの縁に波紋の源を設定することと、
予め設定された拡散速度で少しずつ減衰していく波紋パターンを外へ周期的に拡散するように前記波紋の源をコントロールすることと、を含むことを特徴とする請求項５に記載の方法。
【請求項８】
ボタンにボタン状態の切替が発生したか否かを判断するための判断モジュールと、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するための出力モジュールと、を含むことを特徴とするボタンによるインタラクション装置。
【請求項９】
前記判断モジュールは、
前記ボタン領域に対するタッチイベントをモニターするための第１モニターサブモジュールと、
前記タッチイベントが第１予め設定イベントであるか否かを判断するための第１判断サブモジュールと、
前記タッチイベントが前記第１予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するための第１確定サブモジュールと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが第１モニターサブモジュールにより再びモニターされたとともに、該タッチイベントが第２予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するための第２確定サブモジュールと、を含むことを特徴とする請求項８に記載の装置。
【請求項１０】
前記判断モジュールは、
前記ボタン領域に対するマウスイベントをモニターするための第２モニターサブモジュールと、
前記マウスイベントが第３予め設定イベントであるか否かを判断するための第２判断サブモジュールと、
前記マウスイベントが前記第３予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するための第３確定サブモジュールと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが第２モニターサブモジュールにより再びモニターされたとともに、該マウスイベントが第４予め設定イベントであると第２判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するための第４確定サブモジュールと、を含むことを特徴とする請求項８に記載の装置。
【請求項１１】
前記第１予め設定イベントが長押しイベントであり、前記第２予め設定イベントが離しイベントであり、前記第３予め設定イベントがマウスホバリングイベントであり、前記第４予め設定イベントがマウスクリックイベントであることを特徴とする請求項９又は１０に記載の装置。
【請求項１２】
前記出力モジュールは、
前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切り替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力するための第１出力サブモジュールと、
前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切り替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止するための第２出力サブモジュールと、を含むことを特徴とする請求項９又は１０に記載の装置。
【請求項１３】
前記波動図形が波紋パターンである時に、前記第１出力サブモジュールが、
前記ボタン領域に対するユーザーの押圧圧力を取得するための取得サブユニットと、
前記押圧圧力の大きさによって前記ボタンの周りにおいて予め設定された数量の波紋パターンを静的に出力するための出力サブユニットと、を含み、
前記押圧圧力が大きくなればなるほど前記ボタンの周りにおいて静的に出力される波紋パターンの条数が多くなることを特徴とする請求項１２に記載の装置。
【請求項１４】
前記波動図形が波紋パターンである時に、前記第２出力サブモジュールが、
前記ボタンの縁に波紋の源を設定するための設定サブユニットと、
予め設定された拡散速度で少しずつ減衰していく波紋パターンを外へ周期的に拡散するように前記波紋の源をコントロールするためのコントロールサブユニットと、を含むことを特徴とする請求項１２に記載の装置。
【請求項１５】
プロセッサと、
プロセッサにより実行可能な指令を記憶するためのメモリとを含み、
前記プロセッサが、
ボタンにボタン状態の切替が発生したか否かを判断し、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するように配置されていることを特徴とするボタンによるインタラクション装置。
【発明の詳細な説明】
【相互参照】
【０００１】
本願は、出願番号がＣＮ２０１５１００３６１０７．６で、出願日が２０１５年１月２３日である中国特許出願に基づき優先権を主張し、該中国特許出願のすべての内容を本願に援用する。
【技術分野】
【０００２】
本開示が通信分野に関し、特にボタンによるインタラクション方法及び装置に関する。
【背景技術】
【０００３】
ボタンによるインタラクションとは、インタラクティブ・インターフェースにはボタンが設置され、ユーザーがマウスでボタンをクリックしたり、手でボタンをタッチしたりすることにより、対応するヒューマン・コンピュータ・インタラクション・レスポンスをトリガーすることができる。現在、Ｗｅｂページデザイン及びＡＰＰ開発分野において、ボタンによるインタラクションの応用がますます広がっている。Ｗｅｂページデザイン或いはＡＰＰ開発の過程において、ボタンによるインタラクションによってヒューマン・コンピュータ・インタラクション機能をリアルタイムに、且つ多様化に実現することができ、使用するにはとても便利であるとともに、インタラクション過程全体をより視覚的且つ直観的にさせることができる。
【０００４】
但し、インターネット分野が発展し続けることにつれて、ヒューマン・コンピュータ・インタラクションの多様性についてより高い要求が提出されたので、ボタンによるインタラクション過程におけるインタラクション効率及びインタラクション体験を如何にして向上させるかとのことは、現在、既に業界によく注目されていることとなる。
【発明の概要】
【０００５】
かかる技術に存在する問題を解決するために、本開示がボタンによるインタラクション方法及び装置を提供した。
【０００６】
本開示の実施例における第１方面によると、ボタンによるインタラクション方法が提供され、前記方法は、
ボタンにボタン状態の切替が発生したか否かを判断することと、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力することと、を含む。
【０００７】
好ましくは、前記ボタンにボタン状態の切替が発生したか否かを判断することは、
前記ボタン領域に対するタッチイベントをモニターすることと、
前記タッチイベントが第１予め設定イベントであるか否かを判断することと、
前記タッチイベントが前記第１予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定することと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが再びモニターされたとともに、該タッチイベントが第２予め設定イベントであると判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定することと、を含む。
【０００８】
好ましくは、前記ボタンにボタン状態の切替が発生したか否かを判断することは、
前記ボタン領域に対するマウスイベントをモニターすることと、
前記マウスイベントが第３予め設定イベントであるか否かを判断することと、
前記マウスイベントが前記第３予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定することと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが再びモニターされたとともに、該マウスイベントが第４予め設定イベントであると判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定することと、を含む。
好ましくは、前記第１予め設定イベントが長押しイベントであり、前記第２予め設定イベントが離しイベントであり、前記第３予め設定イベントがマウスホバリングイベントであり、前記第４予め設定イベントがマウスクリックイベントである。
【０００９】
好ましくは、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力することは、
前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切り替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力することと、
前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切り替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止することと、を含む。
【００１０】
好ましくは、前記波動図形が波紋パターンである時に、前記ボタンの周りにおいて前記波動図形を静的に出力することは、
前記ボタン領域に対するユーザーの押圧圧力を取得することと、
前記押圧圧力の大きさによって前記ボタンの周りにおいて予め設定された数量の波紋パターンを静的に出力し、前記押圧圧力が大きくなればなるほど前記ボタンの周りにおいて静的に出力される波紋パターンの条数が多くなることと、を含む。
【００１１】
好ましくは、前記波動図形が波紋パターンである時に、前記予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力することは、
前記ボタンの縁に波紋の源を設定することと、
予め設定された拡散速度で少しずつ減衰していく波紋パターンを外へ周期的に拡散するように前記波紋の源をコントロールすることと、を含む。
【００１２】
本開示の実施例における第２方面によると、ボタンによるインタラクション装置が提供され、前記装置は、
ボタンにボタン状態の切替が発生したか否かを判断するための判断モジュールと、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するための出力モジュールと、を含む。
【００１３】
好ましくは、前記判断モジュールは、
前記ボタン領域に対するタッチイベントをモニターするための第１モニターサブモジュールと、
前記タッチイベントが第１予め設定イベントであるか否かを判断するための第１判断サブモジュールと、
前記タッチイベントが前記第１予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するための第１確定サブモジュールと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが第１モニターサブモジュールにより再びモニターされたとともに、該タッチイベントが第２予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するための第２確定サブモジュールと、を含む。
【００１４】
好ましくは、前記判断モジュールは、
前記ボタン領域に対するマウスイベントをモニターするための第２モニターサブモジュールと、
前記マウスイベントが第３予め設定イベントであるか否かを判断するための第２判断サブモジュールと、
前記マウスイベントが前記第３予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するための第３確定サブモジュールと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが第２モニターサブモジュールにより再びモニターされたとともに、該マウスイベントが第４予め設定イベントであると第２判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するための第４確定サブモジュールと、を含む。
【００１５】
好ましくは、前記第１予め設定イベントが長押しイベントであり、前記第２予め設定イベントが離しイベントであり、前記第３予め設定イベントがマウスホバリングイベントであり、前記第４予め設定イベントがマウスクリックイベントである。
【００１６】
好ましくは、前記出力モジュールは、
前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切り替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力するための第１出力サブモジュールと、
前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切り替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止するための第２出力サブモジュールと、を含む。
【００１７】
好ましくは、前記波動図形が波紋パターンである時に、前記第１出力サブモジュールが、
前記ボタン領域に対するユーザーの押圧圧力を取得するための取得サブユニットと、
前記押圧圧力の大きさによって前記ボタンの周りにおいて予め設定された数量の波紋パターンを静的に出力するための出力サブユニットと、を含み、
前記押圧圧力が大きくなればなるほど前記ボタンの周りにおいて静的に出力される波紋パターンの条数が多くなる。
【００１８】
好ましくは、前記波動図形が波紋パターンである時に、前記第２出力サブモジュールが、
前記ボタンの縁に波紋の源を設定するための設定サブユニットと、
予め設定された拡散速度で少しずつ減衰していく波紋パターンを外へ周期的に拡散するように前記波紋の源をコントロールするためのコントロールサブユニットと、を含む。
【００１９】
本開示の実施例における第３方面によると、ボタンによるインタラクション装置が提供され、前記装置は、
プロセッサと、
プロセッサにより実行可能な指令を記憶するためのメモリとを含み、
前記プロセッサが、
ボタンにボタン状態の切替が発生したか否かを判断し、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するように配置されている。
【００２０】
本開示の実施例により提供された技術方案は、下記の有益な効果を含む。
【００２１】
本開示の上記実施例において、ボタンにボタン状態の切替が発生したか否かを判断し、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力することによって、前記波動図形がインタラクション通知を発するものであり、且つ前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すためのものであるため、ボタンによるインタラクション過程においてユーザーに明瞭且つ正確なインタラクション通知を出力するとともに、完備なインタラクション進行状況を呈することができるので、ユーザーのインタラクション体験が最適化された。
【００２２】
理解すべきのは、上記の一般的説明及び下記の詳細な説明は、例示及び解釈のためのものだけであり、本開示を限定するためのものではない。
【図面の簡単な説明】
【００２３】
ここの図面は、明細書に組み入れて本明細書の一部分を構成し、本発明に該当する実施例を例示するとともに、明細書とともに本発明の原理を解釈するために用いられる。
【００２４】
【図１】１つの例示的な実施例に係る伝統的なインタラクティブ・インターフェースの概略図である。
【図２】１つの例示的な実施例に係るボタンによるインタラクション方法の概略フローチャートである。
【図３】１つの例示的な実施例に係る他のボタンによるインタラクション方法の概略フローチャートである。
【図４】１つの例示的な実施例に係るインタラクティブ・インターフェースの概略図である。
【図５】１つの例示的な実施例に係る他のインタラクティブ・インターフェースの概略図である。
【図６】１つの例示的な実施例に係るボタンによるインタラクション装置の概略ブロック図である。
【図７】１つの例示的な実施例に係る他のボタンによるインタラクション装置の概略ブロック図である。
【図８】１つの例示的な実施例に係る他のボタンによるインタラクション装置の概略ブロック図である。
【図９】１つの例示的な実施例に係る他のボタンによるインタラクション装置の概略ブロック図である。
【図１０】１つの例示的な実施例に係る他のボタンによるインタラクション装置の概略ブロック図である。
【図１１】１つの例示的な実施例に係る他のボタンによるインタラクション装置の概略ブロック図である。
【図１２】１つの例示的な実施例に係る前記ボタンによるインタラクション装置に用いられる構造の概略図である。
【発明を実施するための形態】
【００２５】
ここで、図面に示される例示的な実施例について詳細に説明する。以下、図面に関連して説明する際に、特別な説明がない限り、異なる図面での同一符号は、同一または類似な要素を示す。以下の例示的な実施例で記載する実施例は、本発明に一致する全ての実施例を代表するわけではない。かえって、それらは、添付される特許請求の範囲で詳細に記載される本発明の一部の態様に一致する装置、及び方法の例に過ぎない。
【００２６】
本開示に使用されている用語が特定な実施例を説明することだけを目的とし、本開示を制限するためのものではない。本開示及び添付の特許請求の範囲において使用されている単数形式である「１種」、「前記」及び「該」とは、前後文において他の意味を明確に表明する以外に、複数の形式も含む。更に理解すべきのは、本文において使用されている用語である「及び／或は」とは、１つ或は複数の関連する示された項目の如何なる組合せ或は全ての可能な組合せを含むことを指す。
【００２７】
理解すべきのは、本開示において用語である第１、第２、第３などを採用して各種の情報を説明しているが、これらの情報がこれらの用語に限らない。これらの用語が同じ類型の情報を互いに区分するためだけに用いられる。例えば、本開示の範囲から逸脱しない情況において、第１情報が第２情報として称されることもでき、これと類似するが、第２情報が第１情報として称されることもできる。例えば、ここで使用されている用語である「……場合」とは、「……時」、「……時に」或は「確定に相応的には」に解釈されてもよく、コンテクストにより決められる。
【００２８】
伝統的なボタンによるインタラクション過程において、ボタンが通常にＮｏｒｍａｌ状態、Ｈｏｖｅｒ状態及びＰｒｅｓｓ状態と、３種の状態を有し、その中に、Ｎｏｒｍａｌ状態とは、ボタンのデフォルト外観或いは静止時の外観を指し、Ｈｏｖｅｒ状態とは、マウスをボタン上に移動したり、ボタンから移し出したりする時に、ボタンが呈するホバリングの状態を指し、Ｈｏｖｅｒ状態が通常に中間状態として理解されて良く、該状態が通常に該ボタンをクリックするとイベントがトリガーされることをユーザーに通知するために用いられ、Ｐｒｅｓｓ状態とは、ボタンを押圧した状態を指し、ボタンがＰｒｅｓｓ状態にある時に、通常にイベントがトリガーされ、例えば、スマート機器のオン／オフボタンを例とすれば、オン／オフボタンがＰｒｅｓｓ状態にある時に、通常に前記スマート機器をオンにするイベントがトリガーされるようになる。
【００２９】
伝統的なインターフェース・インタラクション・デザインにおいて、通常にボタンの上記の３種のボタン状態に対してそれぞれ異なるボタン様式を設計することにより、ユーザーがボタンでインタラクション用Ｗｅｂページとヒューマン・コンピュータ・インタラクションを行う過程において、ユーザーにインタラクション通知を出力することができ、例えば、最も知られている設計において、ボタンに対してボタン状態の切替をする時に、Ｈｏｖｅｒ状態とＰｒｅｓｓ状態とは、ボタンに異なる色を呈させることにより区別される。
【００３０】
この以外に、伝統的なインターフェース・インタラクション・デザインにおいて、上記の３種のボタン状態以外に、通常にＬｏａｄｉｎｇ状態も取り込んで、前記Ｌｏａｄｉｎｇ状態が状態通知として、通常に、ボタンがＰｒｅｓｓ状態に切替えられた時にトリガーされるイベントのローディング進行状況を表すためのローディング動画に設計される。
【００３１】
例えば、前記ボタンが端末にインストールされた長距離のスマート機器をコントロールするためのＡＰＰにおけるオン／オフボタンにされてよく、前記ボタンがＰｒｅｓｓ状態にされた（即ち、ボタンが押下された）後、通常に前記スマート機器をオンにするイベントをトリガーすることができ、該イベントがトリガーされた後、端末がバックグラウンドでスマート機器に起動指令を送信し、スマート機器が該起動指令を受信した後、機器を起動するとともに、起動に成功した後、端末に起動成功に関する応答メッセージを返信することができる。従って、図１を参照するように、端末が前記起動指令を発信した後、前記ボタンの領域において浮べ層を出力するとともに、浮べ層において図１に示された前記イベントのローディング進行状況を表すためのローディング動画を再生することができる。スマート機器が起動に成功し、端末がスマート機器から返信された起動成功に関する応答メッセージを受信した時に、端末を起動するイベントのローディングが完了したので、前記ローディング動画の再生を停止するとともに、浮べ層を隠すことができ、この時に、前記ボタンの領域においてＰｒｅｓｓ状態にある時のボタン様式を正常に表示する。
【００３２】
前記の説明により分かるように、伝統的なインターフェース・インタラクション・デザインにおいて少なくとも下記の欠陥が存在している。
【００３３】
先ず、伝統的な設計において、異なるボタン状態に対して異なるボタン様式（例えば、色で区別する。）を設計してユーザーにインタラクション通知を出力するため、インタラクション性が不足であり、特にタッチスクリーン・インターフェースにおいて、ユーザーが手の指でボタンとインタラクションする過程において、手の指がボタンを遮蔽する可能性があり、インタラクション通知の出力が明瞭且つ正確にならない問題を招いてしまう可能性がある。
【００３４】
他方、伝統的な設計において、Ｌｏａｄｉｎｇ状態を取り込むことによって、ボタンがＰｒｅｓｓ状態に切替えられた時にトリガーされるイベントのローディング進行状況を表し、実現の時にボタンが位置する領域にＬｏａｄｉｎｇ状態に対応するローディング動画を再生するための独立な浮べ層を出力する必要があるので、インタラクティブ・インターフェースにおける単位面積あたりのデザイン受け能力が低減され、デザイン空間を充分に利用できず、デザイン効率が不足である。
【００３５】
このようなことに鑑み、本開示がボタンによるインタラクション方法を提供し、ボタンにボタン状態の切替が発生したか否かを判断し、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力し、前記波動図形によってインタラクション通知を発して、且つ、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すようになり、本開示がボタンのＨｏｖｅｒ状態、Ｐｒｅｓｓ状態、Ｌｏａｄｉｎｇ状態に対して整合して設計し、伝統的なインターフェース・インタラクション・デザインにおけるボタン状態及びローディング動画のインタラクション機能を継承することを前提にして、伝統的なボタン状態のボタン様式及びＬｏａｄｉｎｇ状態のローディング動画を整合して、ボタンの周りに分布される波動図形を統一に使用してユーザーにインタラクション通知を発するとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表し、視覚的注目点と操作の中心とを一体にうまく融合し、ボタンによるインタラクションの過程においてユーザーに明瞭且つ正確なインタラクション通知を出力するとともに、ユーザーに完備なインタラクション進行状況を呈することにより、ユーザーのインタラクション体験を最適化した。
【００３６】
図２が１つの例示的な実施例に係るボタンによるインタラクション方法であり、図２に示すように、該ボタンによるインタラクション方法が端末に適用され、ステップ２０１と、ステップ２０２とを含む。
【００３７】
ステップ２０１において、ボタンにボタン状態の切替が発生したか否かを判断する。
【００３８】
本実施例において、前記ボタンのボタン状態がＮｏｒｍａｌ状態、Ｈｏｖｅｒ状態及びＰｒｅｓｓ状態と、３種を含み、ボタンにボタン状態の切替が発生したか否かを判断する時に、異なる端末ハードウェア環境において異なる実現方法を有することができる。例えば、タッチスクリーン端末において実現される時に、ボタン状態の切替が通常にユーザーのボタンが位置する領域に対するタッチイベントによりトリガーされるので、ボタンにボタン状態の切替が発生したか否かを判断する時に、前記ボタンが位置する領域に対するタッチイベントをモニターすることによって実現されることができるが、ＰＣ端末において実現される時に、ボタン状態の切替が通常にユーザーのボタンが位置する領域に対するマウスイベントによりトリガーされるので、ボタンにボタン状態の切替が発生したか否かを判断する時に、前記ボタンが位置する領域に対するマウスイベントをモニターすることにより実現されることができる。
【００３９】
以下、上記２種の異なる端末ハードウェア環境を結合してぞれぞれ説明する。
【００４０】
タッチスクリーン端末において実現される時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることは、通常に該ボタンが位置する領域に対して長押し操作を行うことによりトリガーされることができるが、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることは、通常に該ボタンが位置する領域に対して長押しした後の離し操作を行うことによりトリガーされる。
【００４１】
従って、タッチスクリーン端末において、ボタンにボタン状態の切替が発生したか否かを判断する時に、バックグラウンドでユーザーの前記ボタンが位置する領域に対するタッチイベントをリアルタイムにモニターするとともに、モニターされたタッチイベントが予め設定イベントであるか否かを判断することにより実現されることができる。前記タッチイベントが長押しイベント（第１予め設定イベント）であると判断された時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることがトリガーされることができるので、タッチスクリーン端末において前記タッチイベントが長押しイベントであると判断された後、バックグラウンドでボタンが現在、既にＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされたことが確定されることができる。
【００４２】
前記ボタンがＨｏｖｅｒ状態に切替えられた後、タッチスクリーン端末においてバックグラウンドで前記ボタン領域に対するタッチイベントをモニターし続くことができ、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが再びモニターされたとともに、該タッチイベントが離しイベント（第２予め設定イベント）であると判断された時に、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることがトリガーされることができるので、タッチスクリーン端末において前記タッチイベントが離しイベントであると判断された場合、バックグラウンドでボタンが現在、既にＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えされたことが確定されることができる。
【００４３】
ＰＣ端末において実現される時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることは、通常に該ボタンが位置する領域に対するマウスホバリングによりトリガーされることができるが、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることは、通常に該ボタンが位置する領域に対するマウスホバリングした後のクリック操作によりトリガーされることができる。
【００４４】
従って、ＰＣ端末においてボタンにボタン状態の切替が発生したか否かを判断する時に、バックグラウンドでユーザーの前記ボタンが位置する領域に対するマウスイベントをリアルタイムにモニターするとともに、モニターされたマウスイベントが予め設定イベントであるか否かを判断することにより実現されることができる。前記マウスイベントがマウスホバリングイベント（第３予め設定イベント）であると判断された時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることがトリガーされることができるので、ＰＣ端末において前記マウスイベントがマウスホバリングイベントであると判断された後、バックグラウンドでボタンが現在、既にＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされたことが確定されることができる。
【００４５】
前記ボタンがＨｏｖｅｒ状態に切替えされた後、ＰＣ端末においてバックグラウンドで前記ボタン領域に対するマウスイベントをモニターし続くことができ、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが再びモニターされたとともに、該マウスイベントがマウスクリックイベント（第４予め設定イベント）であると判断された時に、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることがトリガーされることができるので、ＰＣ端末において前記マウスイベントがマウスクリックイベントであると判断された時に、バックグラウンドでボタンが現在、既にＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたことが確定されることができる。
【００４６】
ステップ２０２において、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいてインタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形が出力される。
【００４７】
本実施例において、ボタンにボタン状態の切替が発生した時に、Ｎｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられてもよく、Ｈｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられてもよい。従って、本実施例において、ボタン状態を整合する目的で、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられても、Ｈｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられても、統一にボタンの周りにおいて１つの波動図形を出力し、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされた時に、ユーザーにインタラクション通知を発するために用いられ、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時に、Ｌｏａｄｉｎｇ状態の機能を代替して、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディング進行状況を表すために用いられる。
【００４８】
実現の時に、ユーザーに発されたインタラクション通知が通常に静的な過程であるので、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられた時に、ボタンの周りにおいて前記波動図形を静的に出力することにより、ユーザーにインタラクション通知を発することができる。また、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディング進行状況が通常に動的な過程であるので、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時に、前記ボタンの周りにおいて前記波動図形を予め設定された波動周期で動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止することにより、前記波動図形を動的に出力することによってユーザーに前記イベントの完備なローディング進行状況を呈することができる。
【００４９】
ここで、実現の時に、前記波動図形が波紋パターンにされてよく、以下、前記波動図形を波紋パターンとすることを例として説明する。
【００５０】
本実施例において、ユーザーが前記ボタンに対する長押し操作或いはマウスホバリング操作によって、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えた後、ボタンの周りにおいてボタンを取り囲む波紋パターを静的に出力することにより、ユーザーにインタラクション通知を出力する目的を達成し、ユーザーが該インタラクション通知を受け取った後、前記ボタンが現在既にＨｏｖｅｒ状態に切替えられたことを正しく知ることができる。また、通知効果を向上するために、長押し操作によってボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることをトリガーすることに対して、前記ボタン領域に対するユーザーの押圧圧力を取得することもでき、その後、押圧圧力の大きさによって予め設定された数量の波紋パターンを出力し、ここで、このような状況において、波紋パターンの条数が押圧圧力の大きさにより決められることが可能であり、押圧圧力が大きくなればなるほど、ボタンの周りにおいて静的に出力された波紋パターンの条数が多くなる。
【００５１】
本実施例において、ユーザーが前記ボタンに対する長押し操作をした後の離し操作或いはマウスクリック操作によって、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えた後、予め設定された拡散速度で前記ボタンを取り囲む波紋パターンを前記ボタンの縁から外へ周期的に拡散することができる。
【００５２】
実現の時に、ボタンの縁に波紋の源を設定し、端末がバックグラウンドで波紋の源が一定の時間毎に１つの波紋を生成するようにコントロールするとともに、各波紋が予め設定された速度で外へ拡散するようにコントロールすることができると同時に、よりよいインタラクション効果を達するために、前記波紋パターンを外へ拡散していく過程において少しずつ減衰していくこともでき、端末がインタラクティブ・インターフェースを一定の頻度でインターフェースに対して周期的に更新するようにコントロールし、毎回に更新された後、現在の波紋の位置及び減衰程度を改めて算出し、その後、波紋をインタラクティブ・インターフェースにレンダリングすることができる。ここで、インタラクティブ・インターフェースがインターフェースに対して更新する頻度は、実際のニーズによって設置することができ、例えば、実現される時にレンダリング効果を保証するようにより高い更新頻度を設置することができる。前記波紋パターンの減衰過程に対して、異なる波紋パターンに対して異なる明暗程度を設置することによって波紋パターンの減衰過程を表す。
【００５３】
本実施例において、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたことによりトリガーされたイベントのローディングが完了した後、前記ボタンを取り囲む波紋パターンを外へ周期的に拡散することを同期に停止することができ、このことによって前記波動図形を動的に出力する過程と前記イベントのローディング過程とが完全に関連付けられ、前記波動図形を動的に出力することによってユーザーに前記イベントの完全なローディング過程を同期に呈することができる。
【００５４】
説明すべきのは、ボタンがＰｒｅｓｓ状態に切替えられた後、この時のボタンが「押下」状態にあり、ユーザーが「押下」されたボタンをバウンドの状態に回復する必要がある時に、ユーザーが該ボタンが位置する領域に対して指定されるタッチ操作或いはマウス操作を改めて行うことによってボタン状態の切替を完成することができる。このような情況において、ボタンのＰｒｅｓｓ状態が現在のＮｏｒｍａｌ状態に認識されても良く、ボタンが「押下」前のＮｏｒｍａｌ状態が現在のＰｒｅｓｓ状態に認識されてよく、ボタンが現在のＮｏｒｍａｌ状態からＰｒｅｓｓ状態に切替えられた時に、ボタンが「バウンド」状態にあり、その中に、詳細なボタン状態の切替過程が上記の実施例の説明と同じであり、本実施例においてその説明を省略する。
【００５５】
上記の実施例において、ボタンにボタン状態の切替が発生したか否かを判断することによって、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力し、前記波動図形によりインタラクション通知が発されるとともに前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すようになる。本開示においてボタンのＨｏｖｅｒ状態、Ｐｒｅｓｓ状態、Ｌｏａｄｉｎｇ状態を整合して設計を行い、伝統的なインターフェース・インタラクション・デザインにおけるボタン状態及びローディング動画のインタラクション機能を継承することを前提にして、伝統的なボタン状態のボタン様式及びＬｏａｄｉｎｇ状態のローディング動画に対して整合し、ボタンの周りに分布された波動図形を統一に使用してユーザーにインタラクション通知を発するとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表し、視覚的注目点と操作中心とを一体にうまく融合し、ボタンによるインタラクション過程においてユーザーに明瞭且つ正確なインタラクション通知を出力するとともに、ユーザーに完備なインタラクション進行状況を呈することができるため、ユーザーのインタラクション体験が最適化された。
【００５６】
図３が１つの例示的な実施例に係る他のボタンによるインタラクション方法であり、図３に示すように、該方法が端末に用いられ、前記端末がＰＣ端末或いはタッチスクリーンスマート端末にされてよく、前記方法がステップ３０１〜ステップ３０３を含む。
【００５７】
ステップ３０１において、ボタンにボタン状態の切替が発生したか否かを判断する。
【００５８】
ステップ３０２において、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力する。
【００５９】
ステップ３０３において、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止する。
【００６０】
説明すべきのは、上記ステップ３０２とステップ３０３との順番を互いに交換することができる。
【００６１】
本実施例において、前記ボタンのボタン状態がＮｏｒｍａｌ状態、Ｈｏｖｅｒ状態及びＰｒｅｓｓ状態と、３種を含み、ボタンにボタン状態の切替が発生したか否かを判断する時に、異なる端末ハードウェア環境において異なる実現方法を有することができる。例えば、タッチスクリーン端末において実現される時に、ボタン状態の切替が通常にユーザーのボタンが位置する領域に対するタッチイベントによりトリガーされるので、ボタンにボタン状態の切替が発生したか否かを判断する時に、前記ボタンが位置する領域に対するタッチイベントをモニターすることによって実現されることができるが、ＰＣ端末において実現される時に、ボタン状態の切替が通常にユーザーのボタンが位置する領域に対するマウスイベントによりトリガーされるので、ボタンにボタン状態の切替が発生したか否かを判断する時に、前記ボタンが位置する領域に対するマウスイベントをモニターすることにより実現されることができる。
【００６２】
以下、上記２種の異なる端末ハードウェア環境を結合してぞれぞれ説明する。
【００６３】
タッチスクリーン端末において実現される時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることは、通常に該ボタンが位置する領域に対して長押し操作を行うことによりトリガーされることができるが、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることは、通常に該ボタンが位置する領域に対して長押しした後の離し操作を行うことによりトリガーされる。
【００６４】
従って、タッチスクリーン端末において、ボタンにボタン状態の切替が発生したか否かを判断する時に、バックグラウンドでユーザーの前記ボタンが位置する領域に対するタッチイベントをリアルタイムにモニターするとともに、モニターされたタッチイベントが予め設定イベントであるか否かを判断することにより実現されることができる。前記タッチイベントが長押しイベント（第１予め設定イベント）であると判断された時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることがトリガーされることができるので、タッチスクリーン端末において前記タッチイベントが長押しイベントであると判断された後、バックグラウンドでボタンが現在既にＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされたことが確定されることができる。
【００６５】
前記ボタンがＨｏｖｅｒ状態に切替えられた後、タッチスクリーン端末においてバックグラウンドで前記ボタン領域に対するタッチイベントをモニターし続くことができ、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが再びモニターされたとともに、該タッチイベントが離しイベント（第２予め設定イベント）であると判断された時に、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることがトリガーされることができるので、タッチスクリーン端末において前記タッチイベントが離しイベントであると判断された場合、バックグラウンドでボタンが現在既にＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えされたことを確定されることができる。
【００６６】
ＰＣ端末において実現される時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることは、通常に該ボタンが位置する領域に対するマウスホバリングによりトリガーされることができるが、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることは、通常に該ボタンが位置する領域に対するマウスホバリングした後のクリック操作によりトリガーされることができる。
【００６７】
従って、ＰＣ端末においてボタンにボタン状態の切替が発生したか否かを判断する時に、バックグラウンドでユーザーの前記ボタンが位置する領域に対するマウスイベントをリアルタイムにモニターするとともに、モニターされたマウスイベントが予め設定イベントであるか否かを判断することにより実現されることができる。前記マウスイベントがマウスホバリングイベント（第３予め設定イベント）であると判断された時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることがトリガーされることができるので、ＰＣ端末において前記マウスイベントがマウスホバリングイベントであると判断された後、バックグラウンドでボタンが現在既にＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされたことが確定されることができる。
【００６８】
前記ボタンがＨｏｖｅｒ状態に切替えされた後、ＰＣ端末においてバックグラウンドで前記ボタン領域に対するマウスイベントをモニターし続くことができ、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが再びモニターされたとともに、該マウスイベントがマウスクリックイベント（第４予め設定イベント）であると判断された時に、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることがトリガーされることができるので、ＰＣ端末において前記マウスイベントがマウスクリックイベントであると判断された時に、バックグラウンドでボタンが現在既にＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたことが確定されることができる。
【００６９】
上記のように、ボタンにボタン状態の切替が発生した時に、Ｎｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられてもよく、Ｈｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられてもよい。従って、本実施例において、ボタン状態を整合する目的で、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられても、Ｈｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられても、統一にボタンの周りにおいて１つの波動図形を出力し、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされた時に、ユーザーにインタラクション通知を発するために用いられ、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時に、Ｌｏａｄｉｎｇ状態の機能を代替して、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディング進行状況を表すために用いられる。
【００７０】
実現の時に、ユーザーに発されたインタラクション通知が通常に静的な過程であるので、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられた時に、ボタンの周りにおいて前記波動図形を静的に出力することにより、ユーザーにインタラクション通知を発することができる。また、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディング進行状況が通常に動的な過程であるので、ボタンＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止することにより、前記波動図形を動的に出力することによってユーザーに前記イベントの完備なローディング進行状況を呈することができる。
【００７１】
ここで、実現の時に、前記波動図形が波紋パターンにされてよく、以下、前記波動図形を波紋パターンとすることを例として説明する。
【００７２】
本実施例において、ユーザーが前記ボタンに対する長押し操作或いはマウスホバリング操作によって、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えた後、ボタンの周りにおいてボタンを取り囲む波紋模様を静的に出力することにより、ユーザーにインタラクション通知を出力する目的を達成し、ユーザーが該インタラクション通知を受け取った後、前記ボタンが現在既にＨｏｖｅｒ状態に切替えられたことを正しく知ることができる。また、通知効果を向上するために、長押し操作によってボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることをトリガーすることに対して、前記ボタン領域に対するユーザーの押圧圧力を取得することもでき、その後、押圧圧力の大きさによって予め設定された数量の波紋パターンを出力し、その中に、このような状況において、波紋パターンの条数が押圧圧力の大きさにより決められることが可能であり、押圧圧力が大きくなればなるほど、ボタンの周りにおいて静的に出力された波紋パターンの条数が多くなる。
【００７３】
例えば、図４を参照するように、前記ボタンがタッチスクリーンスマート端末にインストールされた長距離のスマート機器をコントロールするためのＡＰＰにおけるオン／オフボタンであることを例として、ユーザーが該ボタンが位置する領域に対して長押し操作を行うことにより、該ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたことがトリガーされた後、該ボタンの周りにおいて取り囲まれた波紋模様を静的に出力してユーザーにインタラクション通知を発することができ、ユーザーがボタンの周りにおいて波紋模様があったことを見つけた後、該ボタンが現在既にＨｏｖｅｒ状態に切替えられたことを正確に分かる。また、通知効果を向上するために、端末がユーザーの前記ボタン領域に対する押圧圧力を取得し、その後、押圧圧力の大きさによって予め設定された数量の波紋パターンを出力することもでき、この時に押圧圧力が大きくなればなるほど、ボタンの周りにおいて静的に出力された波紋パターンの条数が多くなる。
【００７４】
従来の実現と比べて、前記波紋模様がボタンの周りで出力されるので、ユーザーが手の指で該ボタンを長押しする時に、ボタン状態の切替がされた後に発されたインタラクション通知を遮蔽することがなく、呈される方式がより直観的であるので、ユーザーが明瞭且つ正確なインタラクション通知を取得することができる。
【００７５】
本実施例において、ユーザーが前記ボタンに対する長押し操作をした後の離し操作或いはマウスクリック操作によって、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えた後、予め設定された拡散速度で前記ボタンを取り囲む波紋パターンを前記ボタンの縁から外へ周期的に拡散することができる。
【００７６】
実現の時に、ボタンの縁に波紋の源を設定し、端末がバックグラウンドで波紋の源が一定の時間毎に１つの波紋を生成するようにコントロールするとともに、各波紋が予め設定された速度で外へ拡散するようにコントロールすることができると同時に、よりよいインタラクション効果を達するために、前記波紋パターンを外へ拡散していく過程において少しずつ減衰していくこともでき、端末がインタラクティブ・インターフェースを一定の頻度でインターフェースに対して周期的に更新するようにコントロールし、毎回に更新された後、現在の波紋の位置及び減衰程度を改めて算出し、その後、波紋をインタラクティブ・インターフェースにレンダリングすることができる。ここで、インタラクティブ・インターフェースがインターフェースに対して更新する頻度は、実際のニーズによって設置することができ、例えば、実現される時にレンダリング効果を保証するようにより高い更新頻度を設置することができる。前記波紋パターンの減衰過程に対して、異なる波紋パターンに対して異なる明暗程度を設置することによって波紋パターンの減衰過程を表す。
【００７７】
本実施例において、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたことによりトリガーされたイベントのローディングが完了した後、この時に前記ボタンを取り囲む波紋パターンを外へ周期的に拡散することを同期に停止することができ、このことによって前記波動図形を動的に出力する過程と前記イベントのローディング過程とが完全に関連付けられ、前記波動図形を動的に出力することによってユーザーに前記イベントの完全なローディング過程を同期に呈することができる。
【００７８】
例えば、図５を参照するように、依然として前記ボタンがタッチスクリーンスマート端末にインストールされた長距離のスマート機器をコントロールするためのＡＰＰにおけるオン／オフボタンであることを例として、ユーザーが該ボタンに対して長押しした後の離し操作を行うことによって、該ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えた後、通常に前記スマート機器をオンにするイベントがトリガーされることができ、該イベントがトリガーされた後、端末がバックグラウンドでスマート機器に起動指令を送信することができ、スマート機器が該起動指令を受信した後、機器を起動するとともに、起動に成功した後、端末に起動成功に関する応答メッセージを返信する。従って、続いて図５を参照するように、端末がスマート機器に起動指令を送信した後、予め設定されたの拡散速度で前記ボタンの縁から外へ周期的に前記ボタンを取り囲む、少しずつ減衰していく波紋パターンを拡散することができ、該波紋パターンの拡散過程と前記イベントのローディング進行状況とが完全に同期であるので、ユーザーが前記波紋パターンを動的に出力する過程において呈された動画効果を見ることにより、前記イベントの完全なローディング過程を同期に了解することができる。従来の実現と比べて、前記波紋模様がボタンの周りで出力されるとともに、Ｌｏａｄｉｎｇ状態の機能が完全に代替されたので、Ｌｏａｄｉｎｇ状態に対応するローディング動画を再生するための独立な浮べ層を取り込む必要がないため、インタラクティブ・インターフェースにおける単位面積あたりのデザイン受け能力を有効に向上することができ、デザイン空間を充分に利用して、デザイン効率が向上された。
【００７９】
説明すべきのは、ボタンがＰｒｅｓｓ状態に切替えられた後、この時のボタンが「押下」状態にあり、ユーザーが「押下」されたボタンをバウンドの状態に回復する必要がある時に、ユーザーが該ボタンが位置する領域に対して指定されるタッチ操作或いはマウス操作を改めて行うことによってボタン状態の切替を完成することができる。このような情況において、ボタンのＰｒｅｓｓ状態が現在のＮｏｒｍａｌ状態に認識されても良く、ボタンが「押下」前のＮｏｒｍａｌ状態が現在のＰｒｅｓｓ状態に認識されてよく、ボタンが現在のＮｏｒｍａｌ状態からＰｒｅｓｓ状態に切替えられた時に、ボタンが「バウンド」状態にあり、その中に、詳細なボタン状態の切替過程が上記の実施例の説明と同じであり、本実施例においてその説明を省略する。
【００８０】
上記の実施例において、ボタンにボタン状態の切替が発生したか否かを判断することによって、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力し、前記波動図形によりインタラクション通知が発されるとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すようになる。本開示においてボタンのＨｏｖｅｒ状態、Ｐｒｅｓｓ状態、Ｌｏａｄｉｎｇ状態を整合して設計を行い、伝統的なインターフェース・インタラクション・デザインにおけるボタン状態及びローディング動画のインタラクション機能を継承することを前提にして、伝統的なボタン状態のボタン様式及びＬｏａｄｉｎｇ状態のローディング動画に対して整合し、ボタンの周りに分布された波動図形を統一に使用してユーザーにインタラクション通知を発するとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表し、視覚的注目点と操作中心とを一体にうまく融合し、ボタンによるインタラクション過程においてユーザーに明瞭且つ正確なインタラクション通知を出力するとともに、ユーザーに完備なインタラクション進行状況を呈することができるため、ユーザーのインタラクション体験が最適化された。
【００８１】
上記したボタンによるインタラクション方法の実施例に対応して、本開示には装置の実施例も提供された。
【００８２】
図６は１つの例示的な実施例に係るボタンによるインタラクション装置の概略ブロック図である。
【００８３】
図６に示すように、１つの例示的な実施例に係るボタンによるインタラクション装置６００は、判断モジュール６０１と出力モジュール６０２とを含み、
前記判断モジュール６０１は、ボタンにボタン状態の切替が発生したか否かを判断するように配置され、
前記出力モジュール６０２は、前記ボタンにボタン状態の切替が発生した時に、前記ボタン周辺において、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するように配置されている。
【００８４】
上記の実施例において、ボタンにボタン状態の切替が発生したか否かを判断することによって、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力し、前記波動図形によりインタラクション通知が発されるとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すようになる。本開示においてボタンのＨｏｖｅｒ状態、Ｐｒｅｓｓ状態、Ｌｏａｄｉｎｇ状態を整合して設計を行い、伝統的なインターフェース・インタラクション・デザインにおけるボタン状態及びローディング動画のインタラクション機能を継承することを前提にして、伝統的なボタン状態のボタン様式及びＬｏａｄｉｎｇ状態のローディング動画に対して整合し、ボタンの周りに分布された波動図形を統一に使用してユーザーにインタラクション通知を発するとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表し、視覚的注目点と操作中心とを一体にうまく融合し、ボタンによるインタラクション過程においてユーザーに明瞭且つ正確なインタラクション通知を出力するとともに、ユーザーに完備なインタラクション進行状況を呈することができるため、ユーザーのインタラクション体験が最適化された。
【００８５】
図７を参照するように、図７は、本開示が例示的な実施例により示した他の装置のブロック図であり、該実施例が上記した図６に示された実施例を基にして、前記判断モジュール６０１は、第１モニターサブモジュール６０１Ａ、第１判断サブモジュール６０１Ｂ、第１確定サブモジュール６０１Ｃ及び第２確定サブモジュール６０１Ｄを含むことが可能であり、
前記第１モニターサブモジュール６０１Ａは、前記ボタン領域に対するタッチイベントをモニターするように配置され、
前記第１判断サブモジュール６０１Ｂは、前記タッチイベントが第１予め設定イベントであるか否かを判断するように配置され、
前記第１確定サブモジュール６０１Ｃは、前記タッチイベントが前記第１予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するように配置され、
前記第２確定サブモジュール６０１Ｄは、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが第１モニターサブモジュールにより再びモニターされたとともに、該タッチイベントが第２予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するように配置されている。
【００８６】
図８を参照するように、図８が本開示が例示的な実施例により示した他の装置のブロック図であり、該実施例が上記した図６に示された実施例を基にして、前記判断モジュール６０１は、第２モニターサブモジュール６０１Ｅ、第２判断サブモジュール６０１Ｆ、第３確定サブモジュール６０１Ｇ及び第４確定サブモジュール６０１Ｇをさらに含むことが可能であり、
前記第２モニターサブモジュール６０１Ｅは、前記ボタン領域に対するマウスイベントをモニターするように配置され、
前記第２判断サブモジュール６０１Ｆは、前記マウスイベントが第３予め設定イベントであるか否かを判断するように配置され、
前記第３確定サブモジュール６０１Ｇは、前記マウスイベントが前記第３予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するように配置され、
前記第４確定サブモジュール６０１Ｇは、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが第２モニターサブモジュールにより再びモニターされたとともに、該マウスイベントが第４予め設定イベントであると第２判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するように配置されている。
【００８７】
説明すべきのは、上記した図８に示された装置実施例において示された第２モニターサブモジュール６０１Ｅ、第２判断サブモジュール６０１Ｆ、第３確定サブモジュール６０１Ｇ及び第４確定サブモジュール６０１Ｇの構造が上記した図７の装置実施例に含まれてもよく、これに対して本開示が制限しない。
【００８８】
図９を参照するように、図９が本開示が例示するための実施例により示した他の装置のブロック図であり、該実施例が上記した図６に示された実施例を基にして、前記出力モジュール６０２は、第１出力サブモジュール６０２Ａ及び第２出力サブモジュール６０２Ｂをさらに含むことが可能であり、
前記第１出力サブモジュール６０２Ａは、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切り替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力するように配置され、
前記第２出力サブモジュール６０２Ｂは、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切り替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止するように配置されている。
【００８９】
説明すべきのは、上記した図９に示された装置実施例において示された第１出力サブモジュール６０２Ａ及び第２出力サブモジュール６０２Ｂの構造が上記した図７及び図８の装置実施例に含まれてもよく、これに対して本開示が制限しない。
【００９０】
図１０を参照するように、図１０が本開示が例示するための実施例により示した他の装置のブロック図であり、該実施例が上記した図９に示された実施例を基にして、前記波動図形が波紋パターンである時に、前記第１出力サブモジュール６０２Ａが取得サブユニット６０２Ａ１及び出力サブユニット６０２Ａ２を含むことが可能であり、
前記取得サブユニット６０２Ａ１は、前記ボタン領域に対するユーザーの押圧圧力を取得するように配置され、
前記出力サブユニット６０２Ａ２は、前記押圧圧力の大きさによって前記ボタンの周りにおいて予め設定された数量の波紋パターンを静的に出力し、前記押圧圧力が大きくなればなるほど前記ボタンの周りにおいて静的に出力される波紋パターンの条数が多くなるように配置されている。
【００９１】
説明すべきのは、上記した図１０に示された装置実施例において示された取得サブユニット６０２Ａ１及び出力サブユニット６０２Ａ２の構造が上記した図６〜図８の装置実施例に含まれてもよく、これに対して本開示が制限しない。
【００９２】
図１１を参照するように、図１１が本開示が例示的な実施例により示した他の装置のブロック図であり、該実施例が上記した図９に示された実施例を基にして、前記波動図形が波紋パターンである時に、前記第２出力サブモジュール６０２Ｂが設定サブユニット６０２Ｂ１及びコントロールサブユニット６０２Ｂ２を含むことが可能であり、
前記設定サブユニット６０２Ｂ１は、前記ボタンの縁に波紋の源を設定するように配置され、
前記コントロールサブユニット６０２Ｂ２は、予め設定された拡散速度で少しずつ減衰していく波紋パターンを外へ周期的に拡散するように前記波紋の源をコントロールするように配置されている。
【００９３】
説明すべきのは、上記した図１１に示された装置実施例において示された設定サブユニット６０２Ｂ１及びコントロールサブユニット６０２Ｂ２の構造が上記した図６〜図８或は図１０の装置実施例に含まれてもよく、これに対して本開示が制限しない。
【００９４】
上記した装置における各モジュール或いはユニットの機能と作用の実現過程に対して、具体的に上記した方法において対応するステップの実現過程を参照し、ここで説明を省略する。
【００９５】
装置実施例に対して、基本的に方法実施例に対応するので、関連部分について方法実施例の一部の説明を参照すればよい。上記により説明された装置実施例が例示のものだけであり、その中に分離部品として説明されたモジュール或いはユニットが物理的に分離されたものであってもよく、そうではなくてもよく、モジュール或はユニットとして表された部品が物理的なモジュール或はユニットであってもよく、そうではなくてもよく、同じ箇所に位置してもよく、或いは、複数のネットワークモジュール或はユニットに分布されてもよい。実際のニーズに応じてその中の一部或いは全部のモジュール或はユニットを選択して本開示の方案の目的を達成することができる。当業者が創造的な労働をしなくても理解且つ実施することができる。
【００９６】
相応的に、本開示がボタンによるインタラクション装置をさらに提供し、前記装置は、
プロセッサと、
プロセッサが実行可能な指令を記憶するためのメモリとを含み、
前記プロセッサが、
ボタンにボタン状態の切替が発生したか否かを判断し、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するように配置されている。
【００９７】
相応的に、本開示が端末をさらに提供し、前記端末がメモリ、及び１つ以上のプログラムを含み、１つ以上のプログラムがメモリに記憶され、且つ、１つ以上のプロセッサで前記１つ以上のプログラムを実行するように配置され、前記１つ以上のプログラムが、
ボタンにボタン状態の切替が発生したか否かを判断し、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力する、という操作を行う指令を含む。
【００９８】
図１２が１つの例示的な実施例に係るボタンによるインタラクション装置の構造概略図である。
【００９９】
図１２に示すように、１つの例示的な実施例に係るボタンによるインタラクション装置１２００は、移動端末、携帯電話、コンピュータ、デジタル放送端末、メッセージ送受信装置、ゲームコンソール、タブレット装置、医療設備、フィットネス装置、ＰＤＡなどであっても良い。
図１２を参照すると、装置１２００は、プロセスアセンブリ１２０１、メモリ１２０２、電源アセンブリ１２０３、マルチメディアアセンブリ１２０４、オーディオアセンブリ１２０５、入出力（Ｉ／Ｏ）インタフェース１２０６、センサアセンブリ１２０７、及び通信アセンブリ１２０８のような１つ或いは複数のアセンブリを含んでもよい。
【０１００】
プロセスアセンブリ１２０１は、一般的には装置１２００の全体の動作を制御するものであり、例えば、表示、電話呼び出し、データ通信、カメラ操作、及び記録操作と関連する操作を制御する。プロセスアセンブリ１２０１は、１つ以上のプロセッサ１２０９を含み、これらによって指令を実行することにより、上記の方法の全部、或は一部のステップを実現するようにしてもよい。なお、プロセスアセンブリ１２０１は、１つ以上のモジュールを含んでプロセスアセンブリ１２０１と他のアセンブリの間のインタラクションを容易にしてもよい。例えば、プロセスアセンブリ１２０１は、マルチメディアモジュールを含んでマルチメディアアセンブリ１２０４とプロセスアセンブリ１２０１の間のインタラクションを容易にしてもよい。
【０１０１】
メモリ１２０２は、各種類のデータを記憶することにより装置１２００の動作を支援するように構成される。これらのデータの例は、装置１２００において操作されるいずれのアプリケーションプログラム又は方法の指令、連絡対象データ、電話帳データ、メッセージ、画像、ビデオ等を含む。メモリ１２０２は、いずれかの種類の揮発性メモリ、不揮発性メモリ記憶デバイスまたはそれらの組み合わせによって実現されてもよく、例えば、ＳＲＡＭ（Ｓｔａｔｉｃ Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）、ＥＥＰＲＯＭ（Ｅｌｅｃｔｒｉｃａｌｌｙ Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ Ｒｅａｄ−Ｏｎｌｙ Ｍｅｍｏｒｙ）、ＥＰＲＯＭ（Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙ）、ＰＲＯＭ（Ｐｒｏｇｒａｍｍａｂｌｅ ＲＯＭ）、ＲＯＭ（Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｂｅｒ）、磁気メモリ、フラッシュメモリ、磁気ディスク、或いは光ディスクである。
【０１０２】
電源アセンブリ１２０３は、装置１２００の各アセンブリに電力を供給する。電源アセンブリ１２０３は、電源管理システム、１つ或いは複数の電源、及び装置１２００のための電力の生成、管理、及び割り当てに関連する他のアセンブリを含んでもよい。
【０１０３】
マルチメディアアセンブリ１２０４は、上記装置１２００とユーザの間に１つの出力インタフェースを提供するスクリーンを含む。部分実施例において、スクリーンは、液晶モニター（ＬＣＤ）とタッチパネル（ＴＰ）を含んでもよい。スクリーンがタッチパネルを含むことにより、スクリーンはタッチスクリーンを実現することができ、ユーザからの入力信号を受信することができる。タッチパネルは、１つ以上のタッチセンサを含み、タッチ、スライド、及びタッチパネル上のジェスチャを検出することができる。上記タッチセンサは、タッチ、或はスライド動作の境界だけでなく、上記タッチ、或はスライド操作に係る継続時間、及び圧力も検出できる。部分実施例において、マルチメディアアセンブリ１２０４は、１つのフロントカメラ、及び／又はリアカメラを含む。装置１２００が、例えば撮影モード、或はビデオモード等の操作モードにある場合、フロントカメラ、及び／又はリアカメラは外部からマルチメディアデータを受信できる。フロントカメラとリアカメラのそれぞれは、１つの固定型の光レンズ系、或は可変焦点距離と光学ズーム機能を有するものであってもよい。
【０１０４】
オーディオアセンブリ１２０５は、オーディオ信号を入出力するように構成される。例えば、オーディオアセンブリ１２０５は、１つのマイク（ＭＩＣ）を含み、装置１２００が、例えば呼出しモード、記録モード、及び音声認識モード等の操作モードにある場合、マイクは外部のオーディオ信号を受信することができる。受信されたオーディオ信号は、さらにメモリ１２０２に記憶されたり、通信アセンブリ１２０８を介して送信されたりする。部分実施例において、オーディオアセンブリ１２０５は、オーディオ信号を出力するための１つのスピーカーをさらに含む。
【０１０５】
Ｉ／Ｏインタフェース１２０６は、プロセスアセンブリ１２０１と周辺インタフェースモジュールの間にインタフェースを提供するものであり、上記周辺インタフェースモジュールは、キーボード、クリックホイール、ボタン等であってもよい。これらのボタンは、ホームボタン、ボリュームボタン、起動ボタン、ロッキングボタンを含んでもよいが、これらに限定されない。
【０１０６】
センサアセンブリ１２０７は、装置１２００に各方面の状態に対する評価を提供するための１つ以上のセンサを含む。例えば、センサアセンブリ１２０７は、装置１２００のＯＮ／ＯＦＦ状態、装置１２００のディスプレイとキーパッドのようなアセンブリの相対的な位置決めを検出できる。また、センサアセンブリ１２０７は、装置１２００、或いは装置１２００の１つのアセンブリの位置変更、ユーザと装置１２００とが接触しているか否か、装置１２００の方位、又は加速／減速、装置１２００の温度の変化を検出できる。センサアセンブリ１２０７は、何れの物理的接触がない状態にて付近の物体の存在を検出するための近接センサを含んでもよい。センサアセンブリ１２０７は、撮影アプリケーションに適用するため、ＣＭＯＳ、又はＣＣＤ画像センサのような光センサを含んでもよい。部分実施例において、当該センサアセンブリ１２０７は、加速度センサ、ジャイロスコープセンサ、磁気センサ、圧力センサ、及び温度センサをさらに含んでもよい。
【０１０７】
通信アセンブリ１２０８は、装置１２００と他の機器の間に有線、又は無線形態の通信を提供する。装置１２００は、例えばＷｉＦｉ、２Ｇ、３Ｇ、或はこれらの組み合わせのような、通信規格に基づいた無線ネットワークに接続されてもよい。１つの例示的な実施例において、通信アセンブリ１２０８は、放送チャンネルを介して外部の放送管理システムからの放送信号、又は放送に関連する情報を受信する。１つの例示的な実施例において、上記通信アセンブリ１２０８は、近距離無線通信（ＮＦＣ）モジュールをさらに含むことにより、近距離通信をプッシュする。例えば、ＮＦＣモジュールは、ＲＦＩＤ（Ｒａｄｉｏ Ｆｒｅｑｕｅｎｃｙ ＩＤｅｎｔｉｆｉｃａｔｉｏｎ）技術、ＩｒＤＡ（Ｉｎｆｒａｒｅｄ Ｄａｔａ Ａｓｓｏｃｉａｔｉｏｎ）技術、ＵＷＢ（Ｕｌｔｒａ Ｗｉｄｅ Ｂａｎｄ）技術、ＢＴ（Ｂｌｕｅｔｏｏｔｈ）技術、及び他の技術に基づいて実現できる。
例示的な実施例において、装置１２００は、１つ以上のＡＳＩＣ（Ａｐｐｌｉｃａｔｉｏｎ Ｓｐｅｃｉｆｉｃ Ｉｎｔｅｇｒａｔｅｄ Ｃｉｒｃｕｉｔ）、ＤＳＰ（Ｄｉｇｉｔａｌ Ｓｉｇｎａｌ Ｐｒｏｃｅｓｓｏｒ）、ＤＳＰＤ（Ｄｉｇｉｔａｌ Ｓｉｇｎａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｄｅｖｉｃｅ）、ＰＬＤ（Ｐｒｏｇｒａｍｍａｂｌｅ Ｌｏｇｉｃ Ｄｅｖｉｃｅ）、ＦＰＧＡ（Ｆｉｅｌｄ−Ｐｒｏｇｒａｍｍａｂｌｅ Ｇａｔｅ Ａｒｒａｙ）、コントローラ、マイクロコントローラ、マイクロプロセッサ、または他の電子部品によって実現されるものであり、上記方法を実行する。
【０１０８】
例示的な実施例において、指令を含むコンピュータ読取り可能な不揮発性の記録媒体、例えば指令を含むメモリ１２０２をさらに提供し、装置１２００のプロセッサ１２０９により上記指令を実行して上記方法を実現する。例えば、上記コンピュータ読取り可能な不揮発性の記録媒体は、ＲＯＭ、ＲＡＭ、ＣＤ−ＲＯＭ、磁気テープ、フロッピーディスク、光データ記憶デバイス等である。
【０１０９】
ここで、前記記録媒体における指令が移動端末のプロセッサにより実行される時に、移動端末がボタンによるインタラクション方法を実行し、該方法は、
ボタンにボタン状態の切替が発生したか否かを判断することと、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力することと、を含む。
【０１１０】
当業者は、明細書に対する理解、及び明細書に記載された発明に対する実施を通じて、本発明の他の実施形態を容易に得ることができる。本発明は、本発明に対する任意の変形、用途、または適応的な変化を含み、このような変形、用途、または適応的な変化は、本発明の一般的な原理に従い、本発明では開示していない本技術分野の公知の知識、または通常の技術手段を含む。明細書と実施例は、ただ例示的なものであって、本発明の本当の範囲と主旨は、以下の特許請求の範囲によって示される。
【０１１１】
本発明は、上記で記述し、図面で図示した特定の構成に限定されず、その範囲を離脱しない状況で、様様な修正と変更を実現できる。本発明の範囲は、添付される特許請求の範囲のみにより限定される。
【図１】
2017511947.tif 000003
【図２】
2017511947.tif 000004
【図３】
2017511947.tif 000005
【図４】
2017511947.tif 000006
【図５】
2017511947.tif 000007
【図６】
2017511947.tif 000008
【図７】
2017511947.tif 000009
【図８】
2017511947.tif 000010
【図９】
2017511947.tif 000011
【図１０】
2017511947.tif 000012
【図１１】
2017511947.tif 000013
【図１２】
2017511947.tif 000014
【手続補正書】
【提出日】平成27年12月24日(2015.12.24)
【手続補正１】
【補正対象書類名】明細書
【補正対象項目名】全文
【補正方法】変更
【補正の内容】
【発明の詳細な説明】
【相互参照】
【０００１】
本願は、出願番号がＣＮ２０１５１００３６１０７．６で、出願日が２０１５年１月２３日である中国特許出願に基づき優先権を主張し、該中国特許出願のすべての内容を本願に援用する。
【技術分野】
【０００２】
本開示が通信分野に関し、特にボタンによるインタラクション方法、装置、プログラム及び記録媒体に関する。
【背景技術】
【０００３】
ボタンによるインタラクションとは、インタラクティブ・インターフェースにはボタンが設置され、ユーザーがマウスでボタンをクリックしたり、手でボタンをタッチしたりすることにより、対応するヒューマン・コンピュータ・インタラクション・レスポンスをトリガーすることができる。現在、Ｗｅｂページデザイン及びＡＰＰ開発分野において、ボタンによるインタラクションの応用がますます広がっている。Ｗｅｂページデザイン或いはＡＰＰ開発の過程において、ボタンによるインタラクションによってヒューマン・コンピュータ・インタラクション機能をリアルタイムに、且つ多様化に実現することができ、使用するにはとても便利であるとともに、インタラクション過程全体をより視覚的且つ直観的にさせることができる。
【０００４】
但し、インターネット分野が発展し続けることにつれて、ヒューマン・コンピュータ・インタラクションの多様性についてより高い要求が提出されたので、ボタンによるインタラクション過程におけるインタラクション効率及びインタラクション体験を如何にして向上させるかとのことは、現在、既に業界によく注目されていることとなる。
【発明の概要】
【０００５】
かかる技術に存在する問題を解決するために、本開示がボタンによるインタラクション方法、装置、プログラム及び記録媒体を提供した。
【０００６】
本開示の実施例における第１方面によると、ボタンによるインタラクション方法が提供され、前記方法は、
ボタンにボタン状態の切替が発生したか否かを判断することと、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力することと、を含む。
【０００７】
好ましくは、前記ボタンにボタン状態の切替が発生したか否かを判断することは、
前記ボタン領域に対するタッチイベントをモニターすることと、
前記タッチイベントが第１予め設定イベントであるか否かを判断することと、
前記タッチイベントが前記第１予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定することと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが再びモニターされたとともに、該タッチイベントが第２予め設定イベントであると判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定することと、を含む。
【０００８】
好ましくは、前記ボタンにボタン状態の切替が発生したか否かを判断することは、
前記ボタン領域に対するマウスイベントをモニターすることと、
前記マウスイベントが第３予め設定イベントであるか否かを判断することと、
前記マウスイベントが前記第３予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定することと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが再びモニターされたとともに、該マウスイベントが第４予め設定イベントであると判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定することと、を含む。
好ましくは、前記第１予め設定イベントが長押しイベントであり、前記第２予め設定イベントが離しイベントであり、前記第３予め設定イベントがマウスホバリングイベントであり、前記第４予め設定イベントがマウスクリックイベントである。
【０００９】
好ましくは、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力することは、
前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切り替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力することと、
前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切り替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止することと、を含む。
【００１０】
好ましくは、前記波動図形が波紋パターンである時に、前記ボタンの周りにおいて前記波動図形を静的に出力することは、
前記ボタン領域に対するユーザーの押圧圧力を取得することと、
前記押圧圧力の大きさによって前記ボタンの周りにおいて予め設定された数量の波紋パターンを静的に出力し、前記押圧圧力が大きくなればなるほど前記ボタンの周りにおいて静的に出力される波紋パターンの条数が多くなることと、を含む。
【００１１】
好ましくは、前記波動図形が波紋パターンである時に、前記予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力することは、
前記ボタンの縁に波紋の源を設定することと、
予め設定された拡散速度で少しずつ減衰していく波紋パターンを外へ周期的に拡散するように前記波紋の源をコントロールすることと、を含む。
【００１２】
本開示の実施例における第２方面によると、ボタンによるインタラクション装置が提供され、前記装置は、
ボタンにボタン状態の切替が発生したか否かを判断するための判断モジュールと、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するための出力モジュールと、を含む。
【００１３】
好ましくは、前記判断モジュールは、
前記ボタン領域に対するタッチイベントをモニターするための第１モニターサブモジュールと、
前記タッチイベントが第１予め設定イベントであるか否かを判断するための第１判断サブモジュールと、
前記タッチイベントが前記第１予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するための第１確定サブモジュールと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが第１モニターサブモジュールにより再びモニターされたとともに、該タッチイベントが第２予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するための第２確定サブモジュールと、を含む。
【００１４】
好ましくは、前記判断モジュールは、
前記ボタン領域に対するマウスイベントをモニターするための第２モニターサブモジュールと、
前記マウスイベントが第３予め設定イベントであるか否かを判断するための第２判断サブモジュールと、
前記マウスイベントが前記第３予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するための第３確定サブモジュールと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが第２モニターサブモジュールにより再びモニターされたとともに、該マウスイベントが第４予め設定イベントであると第２判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するための第４確定サブモジュールと、を含む。
【００１５】
好ましくは、前記第１予め設定イベントが長押しイベントであり、前記第２予め設定イベントが離しイベントであり、前記第３予め設定イベントがマウスホバリングイベントであり、前記第４予め設定イベントがマウスクリックイベントである。
【００１６】
好ましくは、前記出力モジュールは、
前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切り替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力するための第１出力サブモジュールと、
前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切り替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止するための第２出力サブモジュールと、を含む。
【００１７】
好ましくは、前記波動図形が波紋パターンである時に、前記第１出力サブモジュールが、
前記ボタン領域に対するユーザーの押圧圧力を取得するための取得サブユニットと、
前記押圧圧力の大きさによって前記ボタンの周りにおいて予め設定された数量の波紋パターンを静的に出力するための出力サブユニットと、を含み、
前記押圧圧力が大きくなればなるほど前記ボタンの周りにおいて静的に出力される波紋パターンの条数が多くなる。
【００１８】
好ましくは、前記波動図形が波紋パターンである時に、前記第２出力サブモジュールが、
前記ボタンの縁に波紋の源を設定するための設定サブユニットと、
予め設定された拡散速度で少しずつ減衰していく波紋パターンを外へ周期的に拡散するように前記波紋の源をコントロールするためのコントロールサブユニットと、を含む。
【００１９】
本開示の実施例における第３方面によると、ボタンによるインタラクション装置が提供され、前記装置は、
プロセッサと、
プロセッサにより実行可能な指令を記憶するためのメモリとを含み、
前記プロセッサが、
ボタンにボタン状態の切替が発生したか否かを判断し、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するように配置されている。
本開示の実施例における第４方面によると、プロセッサに実行されることにより、前記のインタラクション方法を実現することを特徴とするプログラムが提供される。
本開示の実施例における第５方面によると、前記のプログラムが記録された記録媒体が提供される。
【００２０】
本開示の実施例により提供された技術方案は、下記の有益な効果を含む。
【００２１】
本開示の上記実施例において、ボタンにボタン状態の切替が発生したか否かを判断し、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力することによって、前記波動図形がインタラクション通知を発するものであり、且つ前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すためのものであるため、ボタンによるインタラクション過程においてユーザーに明瞭且つ正確なインタラクション通知を出力するとともに、完備なインタラクション進行状況を呈することができるので、ユーザーのインタラクション体験が最適化された。
【００２２】
理解すべきのは、上記の一般的説明及び下記の詳細な説明は、例示及び解釈のためのものだけであり、本開示を限定するためのものではない。
【図面の簡単な説明】
【００２３】
ここの図面は、明細書に組み入れて本明細書の一部分を構成し、本発明に該当する実施例を例示するとともに、明細書とともに本発明の原理を解釈するために用いられる。
【００２４】
【図１】１つの例示的な実施例に係る伝統的なインタラクティブ・インターフェースの概略図である。
【図２】１つの例示的な実施例に係るボタンによるインタラクション方法の概略フローチャートである。
【図３】１つの例示的な実施例に係る他のボタンによるインタラクション方法の概略フローチャートである。
【図４】１つの例示的な実施例に係るインタラクティブ・インターフェースの概略図である。
【図５】１つの例示的な実施例に係る他のインタラクティブ・インターフェースの概略図である。
【図６】１つの例示的な実施例に係るボタンによるインタラクション装置の概略ブロック図である。
【図７】１つの例示的な実施例に係る他のボタンによるインタラクション装置の概略ブロック図である。
【図８】１つの例示的な実施例に係る他のボタンによるインタラクション装置の概略ブロック図である。
【図９】１つの例示的な実施例に係る他のボタンによるインタラクション装置の概略ブロック図である。
【図１０】１つの例示的な実施例に係る他のボタンによるインタラクション装置の概略ブロック図である。
【図１１】１つの例示的な実施例に係る他のボタンによるインタラクション装置の概略ブロック図である。
【図１２】１つの例示的な実施例に係る前記ボタンによるインタラクション装置に用いられる構造の概略図である。
【発明を実施するための形態】
【００２５】
ここで、図面に示される例示的な実施例について詳細に説明する。以下、図面に関連して説明する際に、特別な説明がない限り、異なる図面での同一符号は、同一または類似な要素を示す。以下の例示的な実施例で記載する実施例は、本発明に一致する全ての実施例を代表するわけではない。かえって、それらは、添付される特許請求の範囲で詳細に記載される本発明の一部の態様に一致する装置、及び方法の例に過ぎない。
【００２６】
本開示に使用されている用語が特定な実施例を説明することだけを目的とし、本開示を制限するためのものではない。本開示及び添付の特許請求の範囲において使用されている単数形式である「１種」、「前記」及び「該」とは、前後文において他の意味を明確に表明する以外に、複数の形式も含む。更に理解すべきのは、本文において使用されている用語である「及び／或は」とは、１つ或は複数の関連する示された項目の如何なる組合せ或は全ての可能な組合せを含むことを指す。
【００２７】
理解すべきのは、本開示において用語である第１、第２、第３などを採用して各種の情報を説明しているが、これらの情報がこれらの用語に限らない。これらの用語が同じ類型の情報を互いに区分するためだけに用いられる。例えば、本開示の範囲から逸脱しない情況において、第１情報が第２情報として称されることもでき、これと類似するが、第２情報が第１情報として称されることもできる。例えば、ここで使用されている用語である「……場合」とは、「……時」、「……時に」或は「確定に相応的には」に解釈されてもよく、コンテクストにより決められる。
【００２８】
伝統的なボタンによるインタラクション過程において、ボタンが通常にＮｏｒｍａｌ状態、Ｈｏｖｅｒ状態及びＰｒｅｓｓ状態と、３種の状態を有し、その中に、Ｎｏｒｍａｌ状態とは、ボタンのデフォルト外観或いは静止時の外観を指し、Ｈｏｖｅｒ状態とは、マウスをボタン上に移動したり、ボタンから移し出したりする時に、ボタンが呈するホバリングの状態を指し、Ｈｏｖｅｒ状態が通常に中間状態として理解されて良く、該状態が通常に該ボタンをクリックするとイベントがトリガーされることをユーザーに通知するために用いられ、Ｐｒｅｓｓ状態とは、ボタンを押圧した状態を指し、ボタンがＰｒｅｓｓ状態にある時に、通常にイベントがトリガーされ、例えば、スマート機器のオン／オフボタンを例とすれば、オン／オフボタンがＰｒｅｓｓ状態にある時に、通常に前記スマート機器をオンにするイベントがトリガーされるようになる。
【００２９】
伝統的なインターフェース・インタラクション・デザインにおいて、通常にボタンの上記の３種のボタン状態に対してそれぞれ異なるボタン様式を設計することにより、ユーザーがボタンでインタラクション用Ｗｅｂページとヒューマン・コンピュータ・インタラクションを行う過程において、ユーザーにインタラクション通知を出力することができ、例えば、最も知られている設計において、ボタンに対してボタン状態の切替をする時に、Ｈｏｖｅｒ状態とＰｒｅｓｓ状態とは、ボタンに異なる色を呈させることにより区別される。
【００３０】
この以外に、伝統的なインターフェース・インタラクション・デザインにおいて、上記の３種のボタン状態以外に、通常にＬｏａｄｉｎｇ状態も取り込んで、前記Ｌｏａｄｉｎｇ状態が状態通知として、通常に、ボタンがＰｒｅｓｓ状態に切替えられた時にトリガーされるイベントのローディング進行状況を表すためのローディング動画に設計される。
【００３１】
例えば、前記ボタンが端末にインストールされた長距離のスマート機器をコントロールするためのＡＰＰにおけるオン／オフボタンにされてよく、前記ボタンがＰｒｅｓｓ状態にされた（即ち、ボタンが押下された）後、通常に前記スマート機器をオンにするイベントをトリガーすることができ、該イベントがトリガーされた後、端末がバックグラウンドでスマート機器に起動指令を送信し、スマート機器が該起動指令を受信した後、機器を起動するとともに、起動に成功した後、端末に起動成功に関する応答メッセージを返信することができる。従って、図１を参照するように、端末が前記起動指令を発信した後、前記ボタンの領域において浮べ層を出力するとともに、浮べ層において図１に示された前記イベントのローディング進行状況を表すためのローディング動画を再生することができる。スマート機器が起動に成功し、端末がスマート機器から返信された起動成功に関する応答メッセージを受信した時に、端末を起動するイベントのローディングが完了したので、前記ローディング動画の再生を停止するとともに、浮べ層を隠すことができ、この時に、前記ボタンの領域においてＰｒｅｓｓ状態にある時のボタン様式を正常に表示する。
【００３２】
前記の説明により分かるように、伝統的なインターフェース・インタラクション・デザインにおいて少なくとも下記の欠陥が存在している。
【００３３】
先ず、伝統的な設計において、異なるボタン状態に対して異なるボタン様式（例えば、色で区別する。）を設計してユーザーにインタラクション通知を出力するため、インタラクション性が不足であり、特にタッチスクリーン・インターフェースにおいて、ユーザーが手の指でボタンとインタラクションする過程において、手の指がボタンを遮蔽する可能性があり、インタラクション通知の出力が明瞭且つ正確にならない問題を招いてしまう可能性がある。
【００３４】
他方、伝統的な設計において、Ｌｏａｄｉｎｇ状態を取り込むことによって、ボタンがＰｒｅｓｓ状態に切替えられた時にトリガーされるイベントのローディング進行状況を表し、実現の時にボタンが位置する領域にＬｏａｄｉｎｇ状態に対応するローディング動画を再生するための独立な浮べ層を出力する必要があるので、インタラクティブ・インターフェースにおける単位面積あたりのデザイン受け能力が低減され、デザイン空間を充分に利用できず、デザイン効率が不足である。
【００３５】
このようなことに鑑み、本開示がボタンによるインタラクション方法を提供し、ボタンにボタン状態の切替が発生したか否かを判断し、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力し、前記波動図形によってインタラクション通知を発して、且つ、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すようになり、本開示がボタンのＨｏｖｅｒ状態、Ｐｒｅｓｓ状態、Ｌｏａｄｉｎｇ状態に対して整合して設計し、伝統的なインターフェース・インタラクション・デザインにおけるボタン状態及びローディング動画のインタラクション機能を継承することを前提にして、伝統的なボタン状態のボタン様式及びＬｏａｄｉｎｇ状態のローディング動画を整合して、ボタンの周りに分布される波動図形を統一に使用してユーザーにインタラクション通知を発するとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表し、視覚的注目点と操作の中心とを一体にうまく融合し、ボタンによるインタラクションの過程においてユーザーに明瞭且つ正確なインタラクション通知を出力するとともに、ユーザーに完備なインタラクション進行状況を呈することにより、ユーザーのインタラクション体験を最適化した。
【００３６】
図２が１つの例示的な実施例に係るボタンによるインタラクション方法であり、図２に示すように、該ボタンによるインタラクション方法が端末に適用され、ステップ２０１と、ステップ２０２とを含む。
【００３７】
ステップ２０１において、ボタンにボタン状態の切替が発生したか否かを判断する。
【００３８】
本実施例において、前記ボタンのボタン状態がＮｏｒｍａｌ状態、Ｈｏｖｅｒ状態及びＰｒｅｓｓ状態と、３種を含み、ボタンにボタン状態の切替が発生したか否かを判断する時に、異なる端末ハードウェア環境において異なる実現方法を有することができる。例えば、タッチスクリーン端末において実現される時に、ボタン状態の切替が通常にユーザーのボタンが位置する領域に対するタッチイベントによりトリガーされるので、ボタンにボタン状態の切替が発生したか否かを判断する時に、前記ボタンが位置する領域に対するタッチイベントをモニターすることによって実現されることができるが、ＰＣ端末において実現される時に、ボタン状態の切替が通常にユーザーのボタンが位置する領域に対するマウスイベントによりトリガーされるので、ボタンにボタン状態の切替が発生したか否かを判断する時に、前記ボタンが位置する領域に対するマウスイベントをモニターすることにより実現されることができる。
【００３９】
以下、上記２種の異なる端末ハードウェア環境を結合してぞれぞれ説明する。
【００４０】
タッチスクリーン端末において実現される時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることは、通常に該ボタンが位置する領域に対して長押し操作を行うことによりトリガーされることができるが、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることは、通常に該ボタンが位置する領域に対して長押しした後の離し操作を行うことによりトリガーされる。
【００４１】
従って、タッチスクリーン端末において、ボタンにボタン状態の切替が発生したか否かを判断する時に、バックグラウンドでユーザーの前記ボタンが位置する領域に対するタッチイベントをリアルタイムにモニターするとともに、モニターされたタッチイベントが予め設定イベントであるか否かを判断することにより実現されることができる。前記タッチイベントが長押しイベント（第１予め設定イベント）であると判断された時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることがトリガーされることができるので、タッチスクリーン端末において前記タッチイベントが長押しイベントであると判断された後、バックグラウンドでボタンが現在、既にＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされたことが確定されることができる。
【００４２】
前記ボタンがＨｏｖｅｒ状態に切替えられた後、タッチスクリーン端末においてバックグラウンドで前記ボタン領域に対するタッチイベントをモニターし続くことができ、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが再びモニターされたとともに、該タッチイベントが離しイベント（第２予め設定イベント）であると判断された時に、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることがトリガーされることができるので、タッチスクリーン端末において前記タッチイベントが離しイベントであると判断された場合、バックグラウンドでボタンが現在、既にＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えされたことが確定されることができる。
【００４３】
ＰＣ端末において実現される時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることは、通常に該ボタンが位置する領域に対するマウスホバリングによりトリガーされることができるが、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることは、通常に該ボタンが位置する領域に対するマウスホバリングした後のクリック操作によりトリガーされることができる。
【００４４】
従って、ＰＣ端末においてボタンにボタン状態の切替が発生したか否かを判断する時に、バックグラウンドでユーザーの前記ボタンが位置する領域に対するマウスイベントをリアルタイムにモニターするとともに、モニターされたマウスイベントが予め設定イベントであるか否かを判断することにより実現されることができる。前記マウスイベントがマウスホバリングイベント（第３予め設定イベント）であると判断された時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることがトリガーされることができるので、ＰＣ端末において前記マウスイベントがマウスホバリングイベントであると判断された後、バックグラウンドでボタンが現在、既にＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされたことが確定されることができる。
【００４５】
前記ボタンがＨｏｖｅｒ状態に切替えされた後、ＰＣ端末においてバックグラウンドで前記ボタン領域に対するマウスイベントをモニターし続くことができ、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが再びモニターされたとともに、該マウスイベントがマウスクリックイベント（第４予め設定イベント）であると判断された時に、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることがトリガーされることができるので、ＰＣ端末において前記マウスイベントがマウスクリックイベントであると判断された時に、バックグラウンドでボタンが現在、既にＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたことが確定されることができる。
【００４６】
ステップ２０２において、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいてインタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形が出力される。
【００４７】
本実施例において、ボタンにボタン状態の切替が発生した時に、Ｎｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられてもよく、Ｈｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられてもよい。従って、本実施例において、ボタン状態を整合する目的で、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられても、Ｈｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられても、統一にボタンの周りにおいて１つの波動図形を出力し、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされた時に、ユーザーにインタラクション通知を発するために用いられ、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時に、Ｌｏａｄｉｎｇ状態の機能を代替して、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディング進行状況を表すために用いられる。
【００４８】
実現の時に、ユーザーに発されたインタラクション通知が通常に静的な過程であるので、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられた時に、ボタンの周りにおいて前記波動図形を静的に出力することにより、ユーザーにインタラクション通知を発することができる。また、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディング進行状況が通常に動的な過程であるので、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時に、前記ボタンの周りにおいて前記波動図形を予め設定された波動周期で動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止することにより、前記波動図形を動的に出力することによってユーザーに前記イベントの完備なローディング進行状況を呈することができる。
【００４９】
ここで、実現の時に、前記波動図形が波紋パターンにされてよく、以下、前記波動図形を波紋パターンとすることを例として説明する。
【００５０】
本実施例において、ユーザーが前記ボタンに対する長押し操作或いはマウスホバリング操作によって、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えた後、ボタンの周りにおいてボタンを取り囲む波紋パターを静的に出力することにより、ユーザーにインタラクション通知を出力する目的を達成し、ユーザーが該インタラクション通知を受け取った後、前記ボタンが現在既にＨｏｖｅｒ状態に切替えられたことを正しく知ることができる。また、通知効果を向上するために、長押し操作によってボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることをトリガーすることに対して、前記ボタン領域に対するユーザーの押圧圧力を取得することもでき、その後、押圧圧力の大きさによって予め設定された数量の波紋パターンを出力し、ここで、このような状況において、波紋パターンの条数が押圧圧力の大きさにより決められることが可能であり、押圧圧力が大きくなればなるほど、ボタンの周りにおいて静的に出力された波紋パターンの条数が多くなる。
【００５１】
本実施例において、ユーザーが前記ボタンに対する長押し操作をした後の離し操作或いはマウスクリック操作によって、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えた後、予め設定された拡散速度で前記ボタンを取り囲む波紋パターンを前記ボタンの縁から外へ周期的に拡散することができる。
【００５２】
実現の時に、ボタンの縁に波紋の源を設定し、端末がバックグラウンドで波紋の源が一定の時間毎に１つの波紋を生成するようにコントロールするとともに、各波紋が予め設定された速度で外へ拡散するようにコントロールすることができると同時に、よりよいインタラクション効果を達するために、前記波紋パターンを外へ拡散していく過程において少しずつ減衰していくこともでき、端末がインタラクティブ・インターフェースを一定の頻度でインターフェースに対して周期的に更新するようにコントロールし、毎回に更新された後、現在の波紋の位置及び減衰程度を改めて算出し、その後、波紋をインタラクティブ・インターフェースにレンダリングすることができる。ここで、インタラクティブ・インターフェースがインターフェースに対して更新する頻度は、実際のニーズによって設置することができ、例えば、実現される時にレンダリング効果を保証するようにより高い更新頻度を設置することができる。前記波紋パターンの減衰過程に対して、異なる波紋パターンに対して異なる明暗程度を設置することによって波紋パターンの減衰過程を表す。
【００５３】
本実施例において、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたことによりトリガーされたイベントのローディングが完了した後、前記ボタンを取り囲む波紋パターンを外へ周期的に拡散することを同期に停止することができ、このことによって前記波動図形を動的に出力する過程と前記イベントのローディング過程とが完全に関連付けられ、前記波動図形を動的に出力することによってユーザーに前記イベントの完全なローディング過程を同期に呈することができる。
【００５４】
説明すべきのは、ボタンがＰｒｅｓｓ状態に切替えられた後、この時のボタンが「押下」状態にあり、ユーザーが「押下」されたボタンをバウンドの状態に回復する必要がある時に、ユーザーが該ボタンが位置する領域に対して指定されるタッチ操作或いはマウス操作を改めて行うことによってボタン状態の切替を完成することができる。このような情況において、ボタンのＰｒｅｓｓ状態が現在のＮｏｒｍａｌ状態に認識されても良く、ボタンが「押下」前のＮｏｒｍａｌ状態が現在のＰｒｅｓｓ状態に認識されてよく、ボタンが現在のＮｏｒｍａｌ状態からＰｒｅｓｓ状態に切替えられた時に、ボタンが「バウンド」状態にあり、その中に、詳細なボタン状態の切替過程が上記の実施例の説明と同じであり、本実施例においてその説明を省略する。
【００５５】
上記の実施例において、ボタンにボタン状態の切替が発生したか否かを判断することによって、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力し、前記波動図形によりインタラクション通知が発されるとともに前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すようになる。本開示においてボタンのＨｏｖｅｒ状態、Ｐｒｅｓｓ状態、Ｌｏａｄｉｎｇ状態を整合して設計を行い、伝統的なインターフェース・インタラクション・デザインにおけるボタン状態及びローディング動画のインタラクション機能を継承することを前提にして、伝統的なボタン状態のボタン様式及びＬｏａｄｉｎｇ状態のローディング動画に対して整合し、ボタンの周りに分布された波動図形を統一に使用してユーザーにインタラクション通知を発するとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表し、視覚的注目点と操作中心とを一体にうまく融合し、ボタンによるインタラクション過程においてユーザーに明瞭且つ正確なインタラクション通知を出力するとともに、ユーザーに完備なインタラクション進行状況を呈することができるため、ユーザーのインタラクション体験が最適化された。
【００５６】
図３が１つの例示的な実施例に係る他のボタンによるインタラクション方法であり、図３に示すように、該方法が端末に用いられ、前記端末がＰＣ端末或いはタッチスクリーンスマート端末にされてよく、前記方法がステップ３０１〜ステップ３０３を含む。
【００５７】
ステップ３０１において、ボタンにボタン状態の切替が発生したか否かを判断する。
【００５８】
ステップ３０２において、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力する。
【００５９】
ステップ３０３において、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止する。
【００６０】
説明すべきのは、上記ステップ３０２とステップ３０３との順番を互いに交換することができる。
【００６１】
本実施例において、前記ボタンのボタン状態がＮｏｒｍａｌ状態、Ｈｏｖｅｒ状態及びＰｒｅｓｓ状態と、３種を含み、ボタンにボタン状態の切替が発生したか否かを判断する時に、異なる端末ハードウェア環境において異なる実現方法を有することができる。例えば、タッチスクリーン端末において実現される時に、ボタン状態の切替が通常にユーザーのボタンが位置する領域に対するタッチイベントによりトリガーされるので、ボタンにボタン状態の切替が発生したか否かを判断する時に、前記ボタンが位置する領域に対するタッチイベントをモニターすることによって実現されることができるが、ＰＣ端末において実現される時に、ボタン状態の切替が通常にユーザーのボタンが位置する領域に対するマウスイベントによりトリガーされるので、ボタンにボタン状態の切替が発生したか否かを判断する時に、前記ボタンが位置する領域に対するマウスイベントをモニターすることにより実現されることができる。
【００６２】
以下、上記２種の異なる端末ハードウェア環境を結合してぞれぞれ説明する。
【００６３】
タッチスクリーン端末において実現される時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることは、通常に該ボタンが位置する領域に対して長押し操作を行うことによりトリガーされることができるが、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることは、通常に該ボタンが位置する領域に対して長押しした後の離し操作を行うことによりトリガーされる。
【００６４】
従って、タッチスクリーン端末において、ボタンにボタン状態の切替が発生したか否かを判断する時に、バックグラウンドでユーザーの前記ボタンが位置する領域に対するタッチイベントをリアルタイムにモニターするとともに、モニターされたタッチイベントが予め設定イベントであるか否かを判断することにより実現されることができる。前記タッチイベントが長押しイベント（第１予め設定イベント）であると判断された時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることがトリガーされることができるので、タッチスクリーン端末において前記タッチイベントが長押しイベントであると判断された後、バックグラウンドでボタンが現在既にＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされたことが確定されることができる。
【００６５】
前記ボタンがＨｏｖｅｒ状態に切替えられた後、タッチスクリーン端末においてバックグラウンドで前記ボタン領域に対するタッチイベントをモニターし続くことができ、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが再びモニターされたとともに、該タッチイベントが離しイベント（第２予め設定イベント）であると判断された時に、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることがトリガーされることができるので、タッチスクリーン端末において前記タッチイベントが離しイベントであると判断された場合、バックグラウンドでボタンが現在既にＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えされたことを確定されることができる。
【００６６】
ＰＣ端末において実現される時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることは、通常に該ボタンが位置する領域に対するマウスホバリングによりトリガーされることができるが、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることは、通常に該ボタンが位置する領域に対するマウスホバリングした後のクリック操作によりトリガーされることができる。
【００６７】
従って、ＰＣ端末においてボタンにボタン状態の切替が発生したか否かを判断する時に、バックグラウンドでユーザーの前記ボタンが位置する領域に対するマウスイベントをリアルタイムにモニターするとともに、モニターされたマウスイベントが予め設定イベントであるか否かを判断することにより実現されることができる。前記マウスイベントがマウスホバリングイベント（第３予め設定イベント）であると判断された時に、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることがトリガーされることができるので、ＰＣ端末において前記マウスイベントがマウスホバリングイベントであると判断された後、バックグラウンドでボタンが現在既にＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされたことが確定されることができる。
【００６８】
前記ボタンがＨｏｖｅｒ状態に切替えされた後、ＰＣ端末においてバックグラウンドで前記ボタン領域に対するマウスイベントをモニターし続くことができ、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが再びモニターされたとともに、該マウスイベントがマウスクリックイベント（第４予め設定イベント）であると判断された時に、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えることがトリガーされることができるので、ＰＣ端末において前記マウスイベントがマウスクリックイベントであると判断された時に、バックグラウンドでボタンが現在既にＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたことが確定されることができる。
【００６９】
上記のように、ボタンにボタン状態の切替が発生した時に、Ｎｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられてもよく、Ｈｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられてもよい。従って、本実施例において、ボタン状態を整合する目的で、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられても、Ｈｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられても、統一にボタンの周りにおいて１つの波動図形を出力し、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えされた時に、ユーザーにインタラクション通知を発するために用いられ、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時に、Ｌｏａｄｉｎｇ状態の機能を代替して、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディング進行状況を表すために用いられる。
【００７０】
実現の時に、ユーザーに発されたインタラクション通知が通常に静的な過程であるので、ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられた時に、ボタンの周りにおいて前記波動図形を静的に出力することにより、ユーザーにインタラクション通知を発することができる。また、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディング進行状況が通常に動的な過程であるので、ボタンＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止することにより、前記波動図形を動的に出力することによってユーザーに前記イベントの完備なローディング進行状況を呈することができる。
【００７１】
ここで、実現の時に、前記波動図形が波紋パターンにされてよく、以下、前記波動図形を波紋パターンとすることを例として説明する。
【００７２】
本実施例において、ユーザーが前記ボタンに対する長押し操作或いはマウスホバリング操作によって、ボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えた後、ボタンの周りにおいてボタンを取り囲む波紋模様を静的に出力することにより、ユーザーにインタラクション通知を出力する目的を達成し、ユーザーが該インタラクション通知を受け取った後、前記ボタンが現在既にＨｏｖｅｒ状態に切替えられたことを正しく知ることができる。また、通知効果を向上するために、長押し操作によってボタンをＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えることをトリガーすることに対して、前記ボタン領域に対するユーザーの押圧圧力を取得することもでき、その後、押圧圧力の大きさによって予め設定された数量の波紋パターンを出力し、その中に、このような状況において、波紋パターンの条数が押圧圧力の大きさにより決められることが可能であり、押圧圧力が大きくなればなるほど、ボタンの周りにおいて静的に出力された波紋パターンの条数が多くなる。
【００７３】
例えば、図４を参照するように、前記ボタンがタッチスクリーンスマート端末にインストールされた長距離のスマート機器をコントロールするためのＡＰＰにおけるオン／オフボタンであることを例として、ユーザーが該ボタンが位置する領域に対して長押し操作を行うことにより、該ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたことがトリガーされた後、該ボタンの周りにおいて取り囲まれた波紋模様を静的に出力してユーザーにインタラクション通知を発することができ、ユーザーがボタンの周りにおいて波紋模様があったことを見つけた後、該ボタンが現在既にＨｏｖｅｒ状態に切替えられたことを正確に分かる。また、通知効果を向上するために、端末がユーザーの前記ボタン領域に対する押圧圧力を取得し、その後、押圧圧力の大きさによって予め設定された数量の波紋パターンを出力することもでき、この時に押圧圧力が大きくなればなるほど、ボタンの周りにおいて静的に出力された波紋パターンの条数が多くなる。
【００７４】
従来の実現と比べて、前記波紋模様がボタンの周りで出力されるので、ユーザーが手の指で該ボタンを長押しする時に、ボタン状態の切替がされた後に発されたインタラクション通知を遮蔽することがなく、呈される方式がより直観的であるので、ユーザーが明瞭且つ正確なインタラクション通知を取得することができる。
【００７５】
本実施例において、ユーザーが前記ボタンに対する長押し操作をした後の離し操作或いはマウスクリック操作によって、ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えた後、予め設定された拡散速度で前記ボタンを取り囲む波紋パターンを前記ボタンの縁から外へ周期的に拡散することができる。
【００７６】
実現の時に、ボタンの縁に波紋の源を設定し、端末がバックグラウンドで波紋の源が一定の時間毎に１つの波紋を生成するようにコントロールするとともに、各波紋が予め設定された速度で外へ拡散するようにコントロールすることができると同時に、よりよいインタラクション効果を達するために、前記波紋パターンを外へ拡散していく過程において少しずつ減衰していくこともでき、端末がインタラクティブ・インターフェースを一定の頻度でインターフェースに対して周期的に更新するようにコントロールし、毎回に更新された後、現在の波紋の位置及び減衰程度を改めて算出し、その後、波紋をインタラクティブ・インターフェースにレンダリングすることができる。ここで、インタラクティブ・インターフェースがインターフェースに対して更新する頻度は、実際のニーズによって設置することができ、例えば、実現される時にレンダリング効果を保証するようにより高い更新頻度を設置することができる。前記波紋パターンの減衰過程に対して、異なる波紋パターンに対して異なる明暗程度を設置することによって波紋パターンの減衰過程を表す。
【００７７】
本実施例において、ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたことによりトリガーされたイベントのローディングが完了した後、この時に前記ボタンを取り囲む波紋パターンを外へ周期的に拡散することを同期に停止することができ、このことによって前記波動図形を動的に出力する過程と前記イベントのローディング過程とが完全に関連付けられ、前記波動図形を動的に出力することによってユーザーに前記イベントの完全なローディング過程を同期に呈することができる。
【００７８】
例えば、図５を参照するように、依然として前記ボタンがタッチスクリーンスマート端末にインストールされた長距離のスマート機器をコントロールするためのＡＰＰにおけるオン／オフボタンであることを例として、ユーザーが該ボタンに対して長押しした後の離し操作を行うことによって、該ボタンをＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えた後、通常に前記スマート機器をオンにするイベントがトリガーされることができ、該イベントがトリガーされた後、端末がバックグラウンドでスマート機器に起動指令を送信することができ、スマート機器が該起動指令を受信した後、機器を起動するとともに、起動に成功した後、端末に起動成功に関する応答メッセージを返信する。従って、続いて図５を参照するように、端末がスマート機器に起動指令を送信した後、予め設定されたの拡散速度で前記ボタンの縁から外へ周期的に前記ボタンを取り囲む、少しずつ減衰していく波紋パターンを拡散することができ、該波紋パターンの拡散過程と前記イベントのローディング進行状況とが完全に同期であるので、ユーザーが前記波紋パターンを動的に出力する過程において呈された動画効果を見ることにより、前記イベントの完全なローディング過程を同期に了解することができる。従来の実現と比べて、前記波紋模様がボタンの周りで出力されるとともに、Ｌｏａｄｉｎｇ状態の機能が完全に代替されたので、Ｌｏａｄｉｎｇ状態に対応するローディング動画を再生するための独立な浮べ層を取り込む必要がないため、インタラクティブ・インターフェースにおける単位面積あたりのデザイン受け能力を有効に向上することができ、デザイン空間を充分に利用して、デザイン効率が向上された。
【００７９】
説明すべきのは、ボタンがＰｒｅｓｓ状態に切替えられた後、この時のボタンが「押下」状態にあり、ユーザーが「押下」されたボタンをバウンドの状態に回復する必要がある時に、ユーザーが該ボタンが位置する領域に対して指定されるタッチ操作或いはマウス操作を改めて行うことによってボタン状態の切替を完成することができる。このような情況において、ボタンのＰｒｅｓｓ状態が現在のＮｏｒｍａｌ状態に認識されても良く、ボタンが「押下」前のＮｏｒｍａｌ状態が現在のＰｒｅｓｓ状態に認識されてよく、ボタンが現在のＮｏｒｍａｌ状態からＰｒｅｓｓ状態に切替えられた時に、ボタンが「バウンド」状態にあり、その中に、詳細なボタン状態の切替過程が上記の実施例の説明と同じであり、本実施例においてその説明を省略する。
【００８０】
上記の実施例において、ボタンにボタン状態の切替が発生したか否かを判断することによって、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力し、前記波動図形によりインタラクション通知が発されるとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すようになる。本開示においてボタンのＨｏｖｅｒ状態、Ｐｒｅｓｓ状態、Ｌｏａｄｉｎｇ状態を整合して設計を行い、伝統的なインターフェース・インタラクション・デザインにおけるボタン状態及びローディング動画のインタラクション機能を継承することを前提にして、伝統的なボタン状態のボタン様式及びＬｏａｄｉｎｇ状態のローディング動画に対して整合し、ボタンの周りに分布された波動図形を統一に使用してユーザーにインタラクション通知を発するとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表し、視覚的注目点と操作中心とを一体にうまく融合し、ボタンによるインタラクション過程においてユーザーに明瞭且つ正確なインタラクション通知を出力するとともに、ユーザーに完備なインタラクション進行状況を呈することができるため、ユーザーのインタラクション体験が最適化された。
【００８１】
上記したボタンによるインタラクション方法の実施例に対応して、本開示には装置の実施例も提供された。
【００８２】
図６は１つの例示的な実施例に係るボタンによるインタラクション装置の概略ブロック図である。
【００８３】
図６に示すように、１つの例示的な実施例に係るボタンによるインタラクション装置６００は、判断モジュール６０１と出力モジュール６０２とを含み、
前記判断モジュール６０１は、ボタンにボタン状態の切替が発生したか否かを判断するように配置され、
前記出力モジュール６０２は、前記ボタンにボタン状態の切替が発生した時に、前記ボタン周辺において、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するように配置されている。
【００８４】
上記の実施例において、ボタンにボタン状態の切替が発生したか否かを判断することによって、前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力し、前記波動図形によりインタラクション通知が発されるとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すようになる。本開示においてボタンのＨｏｖｅｒ状態、Ｐｒｅｓｓ状態、Ｌｏａｄｉｎｇ状態を整合して設計を行い、伝統的なインターフェース・インタラクション・デザインにおけるボタン状態及びローディング動画のインタラクション機能を継承することを前提にして、伝統的なボタン状態のボタン様式及びＬｏａｄｉｎｇ状態のローディング動画に対して整合し、ボタンの周りに分布された波動図形を統一に使用してユーザーにインタラクション通知を発するとともに、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表し、視覚的注目点と操作中心とを一体にうまく融合し、ボタンによるインタラクション過程においてユーザーに明瞭且つ正確なインタラクション通知を出力するとともに、ユーザーに完備なインタラクション進行状況を呈することができるため、ユーザーのインタラクション体験が最適化された。
【００８５】
図７を参照するように、図７は、本開示が例示的な実施例により示した他の装置のブロック図であり、該実施例が上記した図６に示された実施例を基にして、前記判断モジュール６０１は、第１モニターサブモジュール６０１Ａ、第１判断サブモジュール６０１Ｂ、第１確定サブモジュール６０１Ｃ及び第２確定サブモジュール６０１Ｄを含むことが可能であり、
前記第１モニターサブモジュール６０１Ａは、前記ボタン領域に対するタッチイベントをモニターするように配置され、
前記第１判断サブモジュール６０１Ｂは、前記タッチイベントが第１予め設定イベントであるか否かを判断するように配置され、
前記第１確定サブモジュール６０１Ｃは、前記タッチイベントが前記第１予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するように配置され、
前記第２確定サブモジュール６０１Ｄは、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが第１モニターサブモジュールにより再びモニターされたとともに、該タッチイベントが第２予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するように配置されている。
【００８６】
図８を参照するように、図８が本開示が例示的な実施例により示した他の装置のブロック図であり、該実施例が上記した図６に示された実施例を基にして、前記判断モジュール６０１は、第２モニターサブモジュール６０１Ｅ、第２判断サブモジュール６０１Ｆ、第３確定サブモジュール６０１Ｇ及び第４確定サブモジュール６０１Ｇをさらに含むことが可能であり、
前記第２モニターサブモジュール６０１Ｅは、前記ボタン領域に対するマウスイベントをモニターするように配置され、
前記第２判断サブモジュール６０１Ｆは、前記マウスイベントが第３予め設定イベントであるか否かを判断するように配置され、
前記第３確定サブモジュール６０１Ｇは、前記マウスイベントが前記第３予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するように配置され、
前記第４確定サブモジュール６０１Ｇは、前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが第２モニターサブモジュールにより再びモニターされたとともに、該マウスイベントが第４予め設定イベントであると第２判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するように配置されている。
【００８７】
説明すべきのは、上記した図８に示された装置実施例において示された第２モニターサブモジュール６０１Ｅ、第２判断サブモジュール６０１Ｆ、第３確定サブモジュール６０１Ｇ及び第４確定サブモジュール６０１Ｇの構造が上記した図７の装置実施例に含まれてもよく、これに対して本開示が制限しない。
【００８８】
図９を参照するように、図９が本開示が例示するための実施例により示した他の装置のブロック図であり、該実施例が上記した図６に示された実施例を基にして、前記出力モジュール６０２は、第１出力サブモジュール６０２Ａ及び第２出力サブモジュール６０２Ｂをさらに含むことが可能であり、
前記第１出力サブモジュール６０２Ａは、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切り替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力するように配置され、
前記第２出力サブモジュール６０２Ｂは、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切り替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止するように配置されている。
【００８９】
説明すべきのは、上記した図９に示された装置実施例において示された第１出力サブモジュール６０２Ａ及び第２出力サブモジュール６０２Ｂの構造が上記した図７及び図８の装置実施例に含まれてもよく、これに対して本開示が制限しない。
【００９０】
図１０を参照するように、図１０が本開示が例示するための実施例により示した他の装置のブロック図であり、該実施例が上記した図９に示された実施例を基にして、前記波動図形が波紋パターンである時に、前記第１出力サブモジュール６０２Ａが取得サブユニット６０２Ａ１及び出力サブユニット６０２Ａ２を含むことが可能であり、
前記取得サブユニット６０２Ａ１は、前記ボタン領域に対するユーザーの押圧圧力を取得するように配置され、
前記出力サブユニット６０２Ａ２は、前記押圧圧力の大きさによって前記ボタンの周りにおいて予め設定された数量の波紋パターンを静的に出力し、前記押圧圧力が大きくなればなるほど前記ボタンの周りにおいて静的に出力される波紋パターンの条数が多くなるように配置されている。
【００９１】
説明すべきのは、上記した図１０に示された装置実施例において示された取得サブユニット６０２Ａ１及び出力サブユニット６０２Ａ２の構造が上記した図６〜図８の装置実施例に含まれてもよく、これに対して本開示が制限しない。
【００９２】
図１１を参照するように、図１１が本開示が例示的な実施例により示した他の装置のブロック図であり、該実施例が上記した図９に示された実施例を基にして、前記波動図形が波紋パターンである時に、前記第２出力サブモジュール６０２Ｂが設定サブユニット６０２Ｂ１及びコントロールサブユニット６０２Ｂ２を含むことが可能であり、
前記設定サブユニット６０２Ｂ１は、前記ボタンの縁に波紋の源を設定するように配置され、
前記コントロールサブユニット６０２Ｂ２は、予め設定された拡散速度で少しずつ減衰していく波紋パターンを外へ周期的に拡散するように前記波紋の源をコントロールするように配置されている。
【００９３】
説明すべきのは、上記した図１１に示された装置実施例において示された設定サブユニット６０２Ｂ１及びコントロールサブユニット６０２Ｂ２の構造が上記した図６〜図８或は図１０の装置実施例に含まれてもよく、これに対して本開示が制限しない。
【００９４】
上記した装置における各モジュール或いはユニットの機能と作用の実現過程に対して、具体的に上記した方法において対応するステップの実現過程を参照し、ここで説明を省略する。
【００９５】
装置実施例に対して、基本的に方法実施例に対応するので、関連部分について方法実施例の一部の説明を参照すればよい。上記により説明された装置実施例が例示のものだけであり、その中に分離部品として説明されたモジュール或いはユニットが物理的に分離されたものであってもよく、そうではなくてもよく、モジュール或はユニットとして表された部品が物理的なモジュール或はユニットであってもよく、そうではなくてもよく、同じ箇所に位置してもよく、或いは、複数のネットワークモジュール或はユニットに分布されてもよい。実際のニーズに応じてその中の一部或いは全部のモジュール或はユニットを選択して本開示の方案の目的を達成することができる。当業者が創造的な労働をしなくても理解且つ実施することができる。
【００９６】
相応的に、本開示がボタンによるインタラクション装置をさらに提供し、前記装置は、
プロセッサと、
プロセッサが実行可能な指令を記憶するためのメモリとを含み、
前記プロセッサが、
ボタンにボタン状態の切替が発生したか否かを判断し、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するように配置されている。
【００９７】
相応的に、本開示が端末をさらに提供し、前記端末がメモリ、及び１つ以上のプログラムを含み、１つ以上のプログラムがメモリに記憶され、且つ、１つ以上のプロセッサで前記１つ以上のプログラムを実行するように配置され、前記１つ以上のプログラムが、
ボタンにボタン状態の切替が発生したか否かを判断し、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力する、という操作を行う指令を含む。
【００９８】
図１２が１つの例示的な実施例に係るボタンによるインタラクション装置の構造概略図である。
【００９９】
図１２に示すように、１つの例示的な実施例に係るボタンによるインタラクション装置１２００は、移動端末、携帯電話、コンピュータ、デジタル放送端末、メッセージ送受信装置、ゲームコンソール、タブレット装置、医療設備、フィットネス装置、ＰＤＡなどであっても良い。
図１２を参照すると、装置１２００は、プロセスアセンブリ１２０１、メモリ１２０２、電源アセンブリ１２０３、マルチメディアアセンブリ１２０４、オーディオアセンブリ１２０５、入出力（Ｉ／Ｏ）インタフェース１２０６、センサアセンブリ１２０７、及び通信アセンブリ１２０８のような１つ或いは複数のアセンブリを含んでもよい。
【０１００】
プロセスアセンブリ１２０１は、一般的には装置１２００の全体の動作を制御するものであり、例えば、表示、電話呼び出し、データ通信、カメラ操作、及び記録操作と関連する操作を制御する。プロセスアセンブリ１２０１は、１つ以上のプロセッサ１２０９を含み、これらによって指令を実行することにより、上記の方法の全部、或は一部のステップを実現するようにしてもよい。なお、プロセスアセンブリ１２０１は、１つ以上のモジュールを含んでプロセスアセンブリ１２０１と他のアセンブリの間のインタラクションを容易にしてもよい。例えば、プロセスアセンブリ１２０１は、マルチメディアモジュールを含んでマルチメディアアセンブリ１２０４とプロセスアセンブリ１２０１の間のインタラクションを容易にしてもよい。
【０１０１】
メモリ１２０２は、各種類のデータを記憶することにより装置１２００の動作を支援するように構成される。これらのデータの例は、装置１２００において操作されるいずれのアプリケーションプログラム又は方法の指令、連絡対象データ、電話帳データ、メッセージ、画像、ビデオ等を含む。メモリ１２０２は、いずれかの種類の揮発性メモリ、不揮発性メモリ記憶デバイスまたはそれらの組み合わせによって実現されてもよく、例えば、ＳＲＡＭ（Ｓｔａｔｉｃ Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）、ＥＥＰＲＯＭ（Ｅｌｅｃｔｒｉｃａｌｌｙ Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ Ｒｅａｄ−Ｏｎｌｙ Ｍｅｍｏｒｙ）、ＥＰＲＯＭ（Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙ）、ＰＲＯＭ（Ｐｒｏｇｒａｍｍａｂｌｅ ＲＯＭ）、ＲＯＭ（Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｂｅｒ）、磁気メモリ、フラッシュメモリ、磁気ディスク、或いは光ディスクである。
【０１０２】
電源アセンブリ１２０３は、装置１２００の各アセンブリに電力を供給する。電源アセンブリ１２０３は、電源管理システム、１つ或いは複数の電源、及び装置１２００のための電力の生成、管理、及び割り当てに関連する他のアセンブリを含んでもよい。
【０１０３】
マルチメディアアセンブリ１２０４は、上記装置１２００とユーザの間に１つの出力インタフェースを提供するスクリーンを含む。部分実施例において、スクリーンは、液晶モニター（ＬＣＤ）とタッチパネル（ＴＰ）を含んでもよい。スクリーンがタッチパネルを含むことにより、スクリーンはタッチスクリーンを実現することができ、ユーザからの入力信号を受信することができる。タッチパネルは、１つ以上のタッチセンサを含み、タッチ、スライド、及びタッチパネル上のジェスチャを検出することができる。上記タッチセンサは、タッチ、或はスライド動作の境界だけでなく、上記タッチ、或はスライド操作に係る継続時間、及び圧力も検出できる。部分実施例において、マルチメディアアセンブリ１２０４は、１つのフロントカメラ、及び／又はリアカメラを含む。装置１２００が、例えば撮影モード、或はビデオモード等の操作モードにある場合、フロントカメラ、及び／又はリアカメラは外部からマルチメディアデータを受信できる。フロントカメラとリアカメラのそれぞれは、１つの固定型の光レンズ系、或は可変焦点距離と光学ズーム機能を有するものであってもよい。
【０１０４】
オーディオアセンブリ１２０５は、オーディオ信号を入出力するように構成される。例えば、オーディオアセンブリ１２０５は、１つのマイク（ＭＩＣ）を含み、装置１２００が、例えば呼出しモード、記録モード、及び音声認識モード等の操作モードにある場合、マイクは外部のオーディオ信号を受信することができる。受信されたオーディオ信号は、さらにメモリ１２０２に記憶されたり、通信アセンブリ１２０８を介して送信されたりする。部分実施例において、オーディオアセンブリ１２０５は、オーディオ信号を出力するための１つのスピーカーをさらに含む。
【０１０５】
Ｉ／Ｏインタフェース１２０６は、プロセスアセンブリ１２０１と周辺インタフェースモジュールの間にインタフェースを提供するものであり、上記周辺インタフェースモジュールは、キーボード、クリックホイール、ボタン等であってもよい。これらのボタンは、ホームボタン、ボリュームボタン、起動ボタン、ロッキングボタンを含んでもよいが、これらに限定されない。
【０１０６】
センサアセンブリ１２０７は、装置１２００に各方面の状態に対する評価を提供するための１つ以上のセンサを含む。例えば、センサアセンブリ１２０７は、装置１２００のＯＮ／ＯＦＦ状態、装置１２００のディスプレイとキーパッドのようなアセンブリの相対的な位置決めを検出できる。また、センサアセンブリ１２０７は、装置１２００、或いは装置１２００の１つのアセンブリの位置変更、ユーザと装置１２００とが接触しているか否か、装置１２００の方位、又は加速／減速、装置１２００の温度の変化を検出できる。センサアセンブリ１２０７は、何れの物理的接触がない状態にて付近の物体の存在を検出するための近接センサを含んでもよい。センサアセンブリ１２０７は、撮影アプリケーションに適用するため、ＣＭＯＳ、又はＣＣＤ画像センサのような光センサを含んでもよい。部分実施例において、当該センサアセンブリ１２０７は、加速度センサ、ジャイロスコープセンサ、磁気センサ、圧力センサ、及び温度センサをさらに含んでもよい。
【０１０７】
通信アセンブリ１２０８は、装置１２００と他の機器の間に有線、又は無線形態の通信を提供する。装置１２００は、例えばＷｉＦｉ、２Ｇ、３Ｇ、或はこれらの組み合わせのような、通信規格に基づいた無線ネットワークに接続されてもよい。１つの例示的な実施例において、通信アセンブリ１２０８は、放送チャンネルを介して外部の放送管理システムからの放送信号、又は放送に関連する情報を受信する。１つの例示的な実施例において、上記通信アセンブリ１２０８は、近距離無線通信（ＮＦＣ）モジュールをさらに含むことにより、近距離通信をプッシュする。例えば、ＮＦＣモジュールは、ＲＦＩＤ（Ｒａｄｉｏ Ｆｒｅｑｕｅｎｃｙ ＩＤｅｎｔｉｆｉｃａｔｉｏｎ）技術、ＩｒＤＡ（Ｉｎｆｒａｒｅｄ Ｄａｔａ Ａｓｓｏｃｉａｔｉｏｎ）技術、ＵＷＢ（Ｕｌｔｒａ Ｗｉｄｅ Ｂａｎｄ）技術、ＢＴ（Ｂｌｕｅｔｏｏｔｈ）技術、及び他の技術に基づいて実現できる。
例示的な実施例において、装置１２００は、１つ以上のＡＳＩＣ（Ａｐｐｌｉｃａｔｉｏｎ Ｓｐｅｃｉｆｉｃ Ｉｎｔｅｇｒａｔｅｄ Ｃｉｒｃｕｉｔ）、ＤＳＰ（Ｄｉｇｉｔａｌ Ｓｉｇｎａｌ Ｐｒｏｃｅｓｓｏｒ）、ＤＳＰＤ（Ｄｉｇｉｔａｌ Ｓｉｇｎａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｄｅｖｉｃｅ）、ＰＬＤ（Ｐｒｏｇｒａｍｍａｂｌｅ Ｌｏｇｉｃ Ｄｅｖｉｃｅ）、ＦＰＧＡ（Ｆｉｅｌｄ−Ｐｒｏｇｒａｍｍａｂｌｅ Ｇａｔｅ Ａｒｒａｙ）、コントローラ、マイクロコントローラ、マイクロプロセッサ、または他の電子部品によって実現されるものであり、上記方法を実行する。
【０１０８】
例示的な実施例において、指令を含むコンピュータ読取り可能な不揮発性の記録媒体、例えば指令を含むメモリ１２０２をさらに提供し、装置１２００のプロセッサ１２０９により上記指令を実行して上記方法を実現する。例えば、上記コンピュータ読取り可能な不揮発性の記録媒体は、ＲＯＭ、ＲＡＭ、ＣＤ−ＲＯＭ、磁気テープ、フロッピーディスク、光データ記憶デバイス等である。
【０１０９】
ここで、前記記録媒体における指令が移動端末のプロセッサにより実行される時に、移動端末がボタンによるインタラクション方法を実行し、該方法は、
ボタンにボタン状態の切替が発生したか否かを判断することと、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力することと、を含む。
【０１１０】
当業者は、明細書に対する理解、及び明細書に記載された発明に対する実施を通じて、本発明の他の実施形態を容易に得ることができる。本発明は、本発明に対する任意の変形、用途、または適応的な変化を含み、このような変形、用途、または適応的な変化は、本発明の一般的な原理に従い、本発明では開示していない本技術分野の公知の知識、または通常の技術手段を含む。明細書と実施例は、ただ例示的なものであって、本発明の本当の範囲と主旨は、以下の特許請求の範囲によって示される。
【０１１１】
本発明は、上記で記述し、図面で図示した特定の構成に限定されず、その範囲を離脱しない状況で、様様な修正と変更を実現できる。本発明の範囲は、添付される特許請求の範囲のみにより限定される。 
【手続補正２】
【補正対象書類名】特許請求の範囲
【補正対象項目名】全文
【補正方法】変更
【補正の内容】
【特許請求の範囲】
【請求項１】
ボタンにボタン状態の切替が発生したか否かを判断することと、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力することと、を含むことを特徴とするボタンによるインタラクション方法。
【請求項２】
前記ボタンにボタン状態の切替が発生したか否かを判断することは、
前記ボタン領域に対するタッチイベントをモニターすることと、
前記タッチイベントが第１予め設定イベントであるか否かを判断することと、
前記タッチイベントが前記第１予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定することと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが再びモニターされたとともに、該タッチイベントが第２予め設定イベントであると判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定することと、を含むことを特徴とする請求項１に記載の方法。
【請求項３】
前記ボタンにボタン状態の切替が発生したか否かを判断することは、
前記ボタン領域に対するマウスイベントをモニターすることと、
前記マウスイベントが第３予め設定イベントであるか否かを判断することと、
前記マウスイベントが前記第３予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定することと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが再びモニターされたとともに、該マウスイベントが第４予め設定イベントであると判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定することと、を含むことを特徴とする請求項１に記載の方法。
【請求項４】
前記第１予め設定イベントが長押しイベントであり、前記第２予め設定イベントが離しイベントであり、前記第３予め設定イベントがマウスホバリングイベントであり、前記第４予め設定イベントがマウスクリックイベントであることを特徴とする請求項２又は３に記載の方法。
【請求項５】
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて波動図形を出力することは、
前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切り替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力することと、
前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切り替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止することと、を含むことを特徴とする請求項２又は３に記載の方法。
【請求項６】
前記波動図形が波紋パターンである時に、前記ボタンの周りにおいて前記波動図形を静的に出力することは、
前記ボタン領域に対するユーザーの押圧圧力を取得することと、
前記押圧圧力の大きさによって前記ボタンの周りにおいて予め設定された数量の波紋パターンを静的に出力し、前記押圧圧力が大きくなればなるほど前記ボタンの周りにおいて静的に出力される波紋パターンの条数が多くなることと、を含むことを特徴とする請求項５に記載の方法。
【請求項７】
前記波動図形が波紋パターンである時に、前記予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力することは、
前記ボタンの縁に波紋の源を設定することと、
予め設定された拡散速度で少しずつ減衰していく波紋パターンを外へ周期的に拡散するように前記波紋の源をコントロールすることと、を含むことを特徴とする請求項５に記載の方法。
【請求項８】
ボタンにボタン状態の切替が発生したか否かを判断するための判断モジュールと、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するための出力モジュールと、を含むことを特徴とするボタンによるインタラクション装置。
【請求項９】
前記判断モジュールは、
前記ボタン領域に対するタッチイベントをモニターするための第１モニターサブモジュールと、
前記タッチイベントが第１予め設定イベントであるか否かを判断するための第１判断サブモジュールと、
前記タッチイベントが前記第１予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するための第１確定サブモジュールと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するタッチイベントが第１モニターサブモジュールにより再びモニターされたとともに、該タッチイベントが第２予め設定イベントであると第１判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するための第２確定サブモジュールと、を含むことを特徴とする請求項８に記載の装置。
【請求項１０】
前記判断モジュールは、
前記ボタン領域に対するマウスイベントをモニターするための第２モニターサブモジュールと、
前記マウスイベントが第３予め設定イベントであるか否かを判断するための第２判断サブモジュールと、
前記マウスイベントが前記第３予め設定イベントである時に、前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切替えられたと確定するための第３確定サブモジュールと、
前記ボタンがＨｏｖｅｒ状態に切替えられた後、前記ボタン領域に対するマウスイベントが第２モニターサブモジュールにより再びモニターされたとともに、該マウスイベントが第４予め設定イベントであると第２判断サブモジュールにより判断された時に、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられたと確定するための第４確定サブモジュールと、を含むことを特徴とする請求項８に記載の装置。
【請求項１１】
前記第１予め設定イベントが長押しイベントであり、前記第２予め設定イベントが離しイベントであり、前記第３予め設定イベントがマウスホバリングイベントであり、前記第４予め設定イベントがマウスクリックイベントであることを特徴とする請求項９又は１０に記載の装置。
【請求項１２】
前記出力モジュールは、
前記ボタンがＮｏｒｍａｌ状態からＨｏｖｅｒ状態に切り替えられた時に、インタラクション通知を発するように前記ボタンの周りにおいて前記波動図形を静的に出力するための第１出力サブモジュールと、
前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切り替えられた時に、予め設定された波動周期で前記ボタンの周りにおいて前記波動図形を動的に出力するとともに、前記ボタンがＨｏｖｅｒ状態からＰｒｅｓｓ状態に切替えられた時にトリガーされたイベントのローディングが完了した後、前記波動図形の出力を停止するための第２出力サブモジュールと、を含むことを特徴とする請求項９又は１０に記載の装置。
【請求項１３】
前記波動図形が波紋パターンである時に、前記第１出力サブモジュールが、
前記ボタン領域に対するユーザーの押圧圧力を取得するための取得サブユニットと、
前記押圧圧力の大きさによって前記ボタンの周りにおいて予め設定された数量の波紋パターンを静的に出力するための出力サブユニットと、を含み、
前記押圧圧力が大きくなればなるほど前記ボタンの周りにおいて静的に出力される波紋パターンの条数が多くなることを特徴とする請求項１２に記載の装置。
【請求項１４】
前記波動図形が波紋パターンである時に、前記第２出力サブモジュールが、
前記ボタンの縁に波紋の源を設定するための設定サブユニットと、
予め設定された拡散速度で少しずつ減衰していく波紋パターンを外へ周期的に拡散するように前記波紋の源をコントロールするためのコントロールサブユニットと、を含むことを特徴とする請求項１２に記載の装置。
【請求項１５】
プロセッサと、
プロセッサにより実行可能な指令を記憶するためのメモリとを含み、
前記プロセッサが、
ボタンにボタン状態の切替が発生したか否かを判断し、
前記ボタンにボタン状態の切替が発生した時に、前記ボタンの周りにおいて、インタラクション通知を発するためのものであって、前記ボタン状態の切替によりトリガーされるイベントのローディング進行状況を表すための波動図形を出力するように配置されていることを特徴とするボタンによるインタラクション装置。
【請求項１６】
プロセッサに実行されることにより、請求項１〜７のいずれかに記載のインタラクション方法を実現することを特徴とするプログラム。
【請求項１７】
請求項１６に記載のプログラムが記録された記録媒体。
【国際調査報告】
2017511947.tif 000015
2017511947.tif 000016
2017511947.tif 000017
2017511947.tif 000018