「私はセラピストたたは心理孊者になりたした」-UXテストずモバむルむンタヌフェむスに関するVitaliy Fridman





フロント゚ンドベンダヌは、 Vitaliy Fridman  Smashing Magazineの共同蚭立者を長い間知っおおり、高く評䟡しおいたすが、この名前はモバむル開発者やテスタヌに​​はあたり知られおいたせん。 しかし、最近、HolyJS 2018 Piter のレポヌトのトップで䞀床に2぀の堎所を獲埗したVitaliyは、新しいレポヌト「Extremes of testingtricks from dark corners from mobile interface」でモバむル䌚議ずテスト䌚議に参加したした。



そのため、 HeisenbugずMobiusを芋越しお、UXテストずモバむルむンタヌフェむスに぀いお質問したした。SmashingMagazineで具䜓的にどのようにテストが実行されるか、そしおスマヌトフォンたで。



-質問は、UXテストに深く没頭しおいない人向けです。テストに関係したすが、これはかなり独特で孀立した領域であるず正しく理解できたすか 単䜓テストは緑たたは赀のいずれかであり、ここに重芁事項がありたす。



「たさに」 私が実斜するテストでは、「緑」たたは「赀」ずは蚀えたせん。 ここには倚くの䞻芳がありたす。異なるナヌザヌは、ある皋床の偏芋を持ち、他のサむトで孊んだスキルを持っおいたす。 たずえば、人は亀換Webサむトたたはニュヌスサむトにのみアクセスできたす。 圌がむンタヌネットずむンタヌフェむスを芋る方法は、私たちず他の人々の䞡方ずは倧きく異なりたす。 したがっお、このようなコンテキストでは、特定のサむトのタヌゲットナヌザヌを調査し、蚪問した他のサむト、その䜿甚方法、習慣を確認するこずが非垞に重芁です。



最も難しいのは、誰かが奜きではないが誰かが奜きではないかもしれない䞻芳的なもので、アむデアがさたざたなナヌザヌに届くように、むンタヌフェむスで客芳的なものを遞択し、誰もがそれをどのように行うかを理解しおいたす。 むしろ「よく」行われたものではなく、良い回埩経隓を持぀ものを芋る必芁がありたす。



぀たり、ナヌザヌが別のナヌザヌ゚クスペリ゚ンスを䜿甚しおサむトでミスを犯した堎合でも、すぐに通垞の状態に戻り、どこにいおも継続できる必芁がありたす。 これは、たずえばコヌドカバレッゞを完党に提䟛するのが難しい最も重芁な郚分です。



だから今、私はわずかに異なる蚈画の問題を抱えおいたす。 適応゚ラヌのテキストなど、现郚をどのように倉曎できるかを怜蚎したす。 カヌドでの支払いが完了しおいない堎合、それを報告するだけでなく、正確に䜕が起こったのか、それを修正する方法を蚀う必芁があるずしたす。



私の仕事はこれらすべおの詳现を調べるこずであり、そのようなプロセスの自動テストは䞍可胜です。 人を芋る必芁がありたす。 だから、ある皋床セラピストや心理孊者になったず思う。 私は垞に人々を芋お、圌らを芳察し、圌らがスクリヌンをどう芋るか、クリックする堎所、クリックしない堎所、指やマりスカヌ゜ルがどのように動くかに基づいお結論を出したす。 これはやや異なる偎面で、より抜象的な人間的です。



-「通垞の」テストでは、人類はすでにテストなしでも重芁であるずいう結論に達したした。 そしお、すべおがより抜象的なUXテストの堎合、圌らはしばしばそれに手を振っお十分な泚意を払っおいたせんか



-はい、非垞に頻繁に。 問題は、私にずっお、UXは垞に倚数の実隓であるずいうこずです。 アむデアがありたす-それを詊しお、それがコンバヌゞョンや゚ンゲヌゞメントをどのように倉えるかを確認する必芁がありたす。 倚くの堎合、問題は、䜕かを倉曎しおすぐに明らかにできるず想定しおいるこずです。 しかし、UXでは、その効果はしばしば非垞に長く、長期的な効果です。



ポップアップをハングアップしお、クリックする人数を確認するず、これは短期的な効果であり、簡単に枬定できたす。 もちろん、たずえば賌入時に重倧な゚ラヌがある堎合泚文を完了するために䜕が必芁かを理解しおいない堎合、すぐにこれに気づきたす。 しかし、いく぀かのものは長い間しか衚瀺されたせん。



たずえば、機胜、補品、たたはその目的が䜕を意味するのかが明確ではないテキストに関しおは、いく぀かのこずがありたす。人々がこの機胜を䜿甚するか、戻るか、それを捚おるかを確認する時間を䞎える必芁がありたす。圓初圌らは圌女が䜕をしおいたのか理解しおいなかったからです。 これはクリック率ず゚ンゲヌゞメントメトリックで枬定できたすが、問題は人々がこの機胜を必芁ずしないこずではなく、ナヌザヌにどのように圹立぀か、い぀䜿甚するかが明確でないこずです。 したがっお、このプロセスを䜕らかの圢で䜓系化するために行う唯䞀のこずは、毎週金曜日に少なくずも6人のナヌザヌず定期的にナヌザヌむンタビュヌを行うこずです。



補品には䜕らかのバヌゞョンがあり、継続的な展開ずいく぀かの機胜がありたす-むンタヌフェむスで䜕が起こっおいるかを人が理解しおいるかどうかを確認しおいたす。 圌が泚文の支払いや必芁な情報に切り替えるのは速いですか コンバヌゞョンず、むンタヌフェむスで䜕が起こっおいるかを人がどのように理解しおいるかを調べたす。圌がチェックアりトで探しおいる情報にすばやく移動できるかどうかです。 これは、䜕らかの方法で自動化を実行する唯䞀の方法であり、埓来のテストで行われおいたす。



-ITの巚人は、アむトラッキングなどを䜿甚しおUXテストに慎重にアプロヌチしたす。 しかし、䞭小䌁業は「このGoogleは特別な研究所を割り圓おる準備ができおおり、UXテストに干枉する䜕かがある」ず考えおいるかもしれたせん。 倧きなリ゜ヌスがなければ、ここで結果を達成するこずは可胜ですか



-もちろん。 無料のリ゜ヌスを含め、テストを可胜にする非垞に倚くのリ゜ヌスがありたす。 アむトラッキングは圹立぀かもしれたせんが、難しい状況では。 たずえば、矎術通のいく぀かの郚屋に入る方法を芋぀けるこずができないルヌトの堎合に䜿甚できたす。 この堎合、博物通に行くずきに人々がどこを芋おいるのか、それが非垞に芋぀けやすいず思われるものを芋぀けられない理由を知るこずは有甚です。 人々が芋るむンタヌフェヌス、泚意を払うもの、芋るものを確認できたす。



ヒヌトマップは非垞に簡単な方法であり、䜜成するための倚くのツヌルがありたす。 トラフィックを分析しおフロヌを生成し、各ナヌザヌのビデオを蚘録できたす。ナヌザヌが行った堎所、マりスが移動した堎所、マりスが移動した堎所、クリックした堎所、戻った堎所などです。



䞀方、テストごずにお金を受け取ったテスタヌのプヌルから人々を雇い、タスクを䞎えるこずができるツヌルがありたす-たずえば、website usertesting.com。 これはすでにはるかに高䟡ですビデオテストあたり49ドルが、興味のある人口統蚈を遞択し、その人に仕事を䞎えるこずができたす。そこでは、いわゆる「思考プロトコル」が䜿甚されたす。 ぀たり、ナヌザヌがむンタヌフェむスのメむンペヌゞにアクセスしおタスクを完了するず、タスクを完了したずきに、すべおを理解しおいるか、自分が芋おいるもの、このサむトが䜕であるか、ボタンをクリックしたずきに期埅するこずを䌝える必芁がありたす。 モバむルデバむス甚に6〜7個、デスクトップ甚に6〜7個のビデオを収集するず、倚くのパタヌンを芋るこずができたす。 さらに、ナヌザヌがマりスやタッチパッドを䜿甚しおどこを芋お、どのように動䜜するかを泚意深く監芖する必芁がありたす。



非垞に倚くの堎合、誰かがむンタヌフェむスで䜕かを理解しおいない状況がありたす。 人々はボタンやむンタラクティブな芁玠が倧奜きです。 圌らはその方向に動き始めたすが、それをクリックするのではなく、ボタンの呚りでマりスをひねりたす。 そしお、圌らはクリックするだけです。 これは、ボタンをクリックしたずきに䜕が起こるかを人がよく理解しおいないこずの兆候の1぀です。 そのようなものは、非垞に高䟡なデバむスなしで簡単に芋぀けるこずができたす。



「他のタむプのテストの堎合、職務の分離のアむデアがありたす。」ここでは、開発者にコヌドの単䜓テストを蚘述させたすが、手動テスタヌがそれを行いたす。 そしおUXテスト-それは誰のケアですか



-䌚瀟の構造に䟝存するず思いたす。 欧米の䌁業は、UXデザむナヌやナヌザビリティテスタヌさえ持っおいるこずが倚く、これを終日行っおいるこずは明らかです。 しかし、䌚瀟が小さい堎合、他の人が責任を負いたす。 フロント゚ンドデザむナヌJavaScriptではなくUXに近いがいる堎合、そのデザむナヌがいたす。 たた、プロトタむプを扱う人は、別個のナヌザビリティテスタヌがいない堎合、そのようなテストを実斜する責任がありたす。



-そしお、Smashing Magazineの堎合、特にUXテストはどのように行われたすか



-すべおが非垞にシンプルです。新しいアむデアが登堎するずすぐに、私は個人的に5〜7人の人を集め、面接を行いたす。



タスクは、情報を芋぀けるか、支払いを詊みるこずです。 私は圌らの同意を埗お、圌らの行動を芋お、行動ず顔を蚘録し、各ビデオを非垞にゆっくりず芋たす。 人がどのように動くのか、マりスを䜿うのか、どこを芋るのか、䜕に気づくのか、䜕がそうでないのかを詳しく芋るには、1぀のビデオに1時間半かかりたす。



たた、ヒヌトマップを自動的に生成したす。ナヌザヌがクリックした堎所に、気付かないものがありたす。 このデヌタに基づいお、むンタヌフェむスを改善し、1週間埌に同じこずを行っおいたす。 20人未満の小さな䌚瀟がありたす。 倧䌁業では、ほずんど同じように芋えたすが、いく぀かのテストが同時に行われるずいう違いだけがありたす。



そしお、ボタン、ボタンの䜍眮、たたはペヌゞ䞊のテキストを倉曎した堎合に起こるこずだけではありたせん。 テストには2぀のタむプがありたす。䞀方で、A / Bテスト-ボタンずその他の小さなものです。 䞀方、䜕かを完党に倉曎しようずするこずができたす。これはA / Zテストず呌ばれたす。 たずえば、蚭蚈を完党に眮き換えおテストする堎合。



䌌たような色、タむポグラフィがありたすが、情報の敎理、レむアりト、およびすべおのコンポヌネントの配眮が完党に異なるずいう点で完党に異なりたす。 ボタンの䜍眮を倉曎するだけで、KPIが䜕であれ、ロヌカルの最倧倀、ロヌカル倉換に到達する可胜性が高くなりたす。 たったく異なる蚭蚈により、ロヌカルの小さな枬定では困難な、たったく異なるレベルの倉換を実珟できたす。



-Smashing Magazineで最初に䜕かをした埌、テスト埌に倧幅に倉曎したずきに具䜓的な䟋を挙げおいただけたすか



-たずえば、異なる機胜を備えた有料サブスクリプションを導入した堎合。 3぀の関皎蚈画があり、長い間、それぞれの人にどれだけの人が支払うこずができるかを考えおいたした。



そしお、倚くの読者にずっお、これらの蚈画は完党に䞍適切であるこずをテストし、発芋したした。 圌ら、特に倧䌁業の人々は、幎間蚈画を必芁ずしおいたした。毎月7ドルから9ドルの報告を行わないためです。 人々は幎次蚈画を芋぀けるこずができたせんでした-それは芁求に応じおいたしたが、圌らは単にそれを芋぀けるこずができたせんでした。 その結果、察応するボタンを远加し、むンタヌフェむスを少し倉曎するず、人々はそれに気付き始めたした。







-モバむルむンタヌフェヌスの運呜に移りたしょう。 以前は、モバむルむンタヌネットのシェアがどのように成長しおいるのか、そしおスマヌトフォンの販売が䌞びなくなった2018幎にこれに぀いおはどうでしょうか



-2018幎もこれは続きたす。 さらに、今幎は非垞に重芁な幎だず思いたす。今幎は倚くの転換期があったからです。



小売店、音楜やビデオコンテンツの消費、ラゞオなど、私たちが取るものは䜕でも構いたせん。モバむルトラフィックがデスクトップトラフィックを超えおいるのはほがすべおの堎所です。 デスクトップトラフィックが劇的に枛少しおいるずは蚀いたせんが、デスクトップトラフィックは増加せず、モバむルトラフィックは非垞に増加しおいたす。



モバむルトラフィックは、むンド、アゞア、アフリカ、南アメリカにのみ来おいたす。これは、珟圚のペヌロッパやアメリカよりもはるかに高い成長を遂げおいたす。



そしお最埌に、モバむルトラフィックは非垞に重芁です。なぜなら、今幎初めおモバむルコンバヌゞョンがデスクトップを䞊回ったからです。 長幎にわたり、マヌケティング担圓者は、モバむルマヌケットぞの投資はそれほど䟡倀がないず蚀っおきたした。 今幎はすべおが倉化したした-珟圚、モバむルトラフィックほど重芁なものはありたせん。



これは、電話だけでなく、Apple Watch、その他のガゞェット、IoTに぀いおも同様です。 むンタヌネットに接続された冷蔵庫にも情報が衚瀺される堎合がありたす。 もちろん、䌚話むンタヌフェむスやチャットボットなどに぀いおも話したす。これらは䞻にモバむルでの䜿甚に最適化されおいたす。



-数幎前、モバむルファヌスト䞻にモバむルデバむス甚のむンタヌフェむスの䜜成がUIの流行語になりたした。そしお、珟圚の「転換点」は、倚くの䌁業にずっおこれが流行語の䞻流になっおいるずいうこずですか



「そうです。」 私は珟圚、䌚瀟党䜓をどのように組織するかに぀いお真剣に考えおいる䌚瀟ず仕事をしおいたす。 圓初、圌らはモバむル垂堎を無芖しおおり、デスクトップは15幎前から存圚しおいる-それは倧きな電子商取匕小売業者だ。 そしお突然、モバむル垂堎が登堎したした。



もちろん、圌らは最適化、レスポンシブデザむンを行いたした。 これはすでに良奜ですが、AndroidおよびiOSアプリケヌションがただありたす。 その結果、開発者ずデザむナヌの倧半がデスクトップサむトで䜜業し、小さなグルヌプがモバむルサむトで䜜業したこずが刀明したした。 今、圌らはこの傟向に気付いおいるので、䜕を倉える必芁があるかに぀いお非垞に考えおいたす。



デスクトップは安定しおおり、その堎合は成長したせんが、モバむル垂堎ずトラフィックは非垞に成長しおいたす。 そのため、すべおのアヌキテクチャを倉曎しお、最初にすべおをモバむルから開始し、䞀郚の機胜が最初にモバむルデバむスのみに到達し、次にデスクトップに到達するように蚈画しおいたす。



小芏暡なチヌムには今や非垞に倧きな責任があるため、チヌムを線成するためにこれが䜕を意味するのかに぀いお、倚くのこずを考える必芁がありたした。 たた、むンタヌフェむスだけでなく、組織党䜓の「デゞタル倉換」を実珟する方法に぀いおも、最初にモバむルに移行する方法を怜蚎したした。



圌らにずっお、倚くの人にずっお、これはモバむルではなく、コンテンツが最初である可胜性が高いです。 時蚈、電話、タブレットなど、あらゆるフォヌムファクタヌに関する情報を敎理する方法に぀いお説明したす。 組織、フィルタヌ、アクセス可胜な方法で情報を衚瀺するこずに、より倚くの泚意が払われたす。そのため、情報が倚すぎないため、ナヌザヌが䜿甚するのに䟿利です。 繰り返したすが、これは適切なテストが非垞に重芁になる瞬間です。



-サむトのモバむル版ずデスクトップ甚に倧幅に異なるむンタヌフェヌスを䜜成する䟡倀がありたすか



-私はあなたが非垞に異なる必芁がある状況があるず思いたす。 たずえば、「倢の台所」をデザむンできるIKEAプロゞェクトがありたした。 このようなプロゞェクトは、デスクトップデバむスずモバむルデバむス間で単玔に「転送」するこずはできたせん。それらの機胜は異なりたす。 デスクトップでは、通垞のデスクトップアプリケヌションのように芋え、モバむルではAR / VRアプリケヌションずしお芋え、3Dでオブゞェクトを目の前で盎接芋るこずができたす。 これは、デバむスを掻甚したたったく異なるシナリオです。



そしお、叀兞的なサむトの堎合、最も簡単なこずは、最小限の倉曎で1぀のサむトを䜜成するこずです。 もちろん、これはアプリケヌションの存圚を排陀するものではありたせん。 さらに、PWAプログレッシブWebアプリの助けを借りお、システムレベルでむンストヌルできるアプリケヌションをサむトにするこずもできたす。 しかし、䞀般的には、ほずんどの堎合、1぀のサむトずコヌドベヌスを持ち、異なるデバむスで可胜な限りそれを䜿甚するこずが最も合理的です。



-Smashing MagazineもプログレッシブWebアプリですよね



-はい、サむトをオフラむンで䜿甚し、自分をアプリケヌションずしお远加できたす。キャッシュがありたす。 しかし、これは特別なこずではありたせん。 たた、人がオフラむンで賌入できるずきに、「オフラむンeコマヌス」のようなものを䜜成しようずしおいる䌁業がありたす。 簡単なこずではありたせんが、PWAを䜿甚するず非垞に優れたパフォヌマンスが埗られるため、アむデアは優れおいたす。 これは、゚ラヌやサヌバヌぞの継続的なアクセスなしに、迅速に泚文するたたは少なくずも準備するこずができるこずを意味したす。



たずえば、gitの堎合、ある皮のコミットを䜜成した埌、サヌバヌぞのプッシュがありたすが、すべおの倉曎は最初にロヌカルで行われたす。 考え方は䌌おおり、かなりうたくいくず思いたす。 これはPWAの倧きな利点です。



-Smashing Magazineには非定型のナヌザヌ統蚈がありたすたずえば、むンタヌネット党䜓のようにブラりザヌの共有がたったく配垃されおいないなど。



-3幎前、モバむルトラフィックの11、珟圚は玄22でした。 正盎なずころ、これは非垞に小さいです。 事実、非垞に長い蚘事がありたす。 それらを読むのに40-50分かかりたす。 電話からそんなに倚くを読むこずは非垞に困難です。 珟圚、サむトのモバむルトラフィックは平均ではるかに倚くなっおいたすが、圓瀟の機胜により、この点にはただ到達しおいたせん。



-Artemy Lebedev はモバむルむンタヌフェヌスを批刀し 、「画面が倧きいほどむンタヌフェヌスが優れおいる」ず述べたした。 小さな画面ぞの移行により、優れたデザむンを䜜成するこずがより難しくなったず感じおいたすか



-それどころか、矎しいデザむンを䜜成する方が䟿利になったず思いたす。 私はあらゆる皮類の制限の倧ファンです。 すべおのプロゞェクトには䜕らかの制限が必芁です。 コンセプトを開発するずき、私たちは通垞、通垞の圢匏の倖偎で考えるように匷制したす。 私たちはデザむンを開始し、デザむンを思い぀き、自分自身に限界を蚭定したす。



たずえば、「このプロゞェクトでは、3色以䞊は䜿甚できたせん。」 これは、2色のみを䜿甚するずいう意味ではありたせんが、通垞ずは異なる解決策に぀ながりたす。 たたは、䞉角圢、円、正方圢を䜿甚しないず蚀いたす。 そしお、これ以倖に䜕を䜿甚できたすか モバむルデバむスのサむズはそれ自䜓が倧きな制限です。 そしお、私たちは興味深い解決策を思い぀きたす。



どこでも矎しいむンタヌフェヌスを描くこずができるず思いたす。 もちろん、ある時点で問題が発生したす。 たずえば、チャットボットには色やタむポグラフィの芳点から芖芚的なコンポヌネントはなく、テキストを送信するだけです。 しかし、そこにも矎しさがありたす。



時蚈や小さなデバむス、䌚話むンタヌフェむスの方向に進むほど、芖界が倱われ、本質だけが残りたす。 , , , , , . , , , . .



— ? , , , . - ?



— , , . , , . , . , — , , . , . , , , .



, . , . , , .



— , , , ?



— , . IKEA. , WebVR, , - , . , , . , , .



, , , mobile first content first. , desktop last. . , Smashing Magazine . mobile first, 1800 , .



. , . . , mobile first, , . , , mobile , . . mobile first and desktop first.



— «» . «» , . , , UX?



— . , . 2% , «» . 98% , .



, . , , . , «» . .



: Heisenbug ( 6-7 ) Mobius (8-9 ). , , , — .











All Articles