朜氎艊の䜿いやすさ、たたはむンタヌフェヌスがデザむンを最䞋䜍に匕き蟌む理由

こんにちは、Habr



これは、B-413朜氎艊の朜氎ず浮䞊のためのシンプルなむンタヌフェヌスがどのように芋えるかです



画像



しかし、これはディヌれル゚ンゞンモニタヌです。 䞀。



画像

リッチ。 わかりにくい-ナむフスむッチなし



私たちのお気に入りのスタヌトアップは、その朜氎艊のようなものです。倱敗した堎合、圌らは䞖界䞭のチヌムに぀いお「sayれた」ず蚀いたす。 そしお、悪いむンタヌフェむスがほずんどの補品の人気ぞの道を盎接遮断するこずは蚌明されおいたせんが成功ず倱敗の甚語は垞にたくさんありたす、誰もが䟿利が正しいず䞻匵するこずはありたせん、そしおUIの脆匱性は魚雷自䜓のもう䞀぀の理由です。



問題は、小さなプロゞェクトが特別に蚓緎されたUX / UIデザむナヌを匕き付けるこずができない堎合が倚く、開発者、マヌケティング担圓者、マネヌゞャヌなどのむンタヌフェヌスを䞀列に蚭蚈するこずです。



それが䜕に぀ながり、どのようにそれを治療するか-私たちはそれに぀いお話したい。



たずえば、最初のバヌゞョンのサむトは、CTOによっお蚭蚈されたした。



CTO-Misha Voldarは 、 か぀おりェブスタゞオを率いおいたした。圌はそこで亀枉し、Pythonでコヌディングしたした。 フリヌランスのデザむナヌを管理した経隓に加えお、他の倚くの芁因により、「サむトをれロから䜜成」するこずになりたした。



タスク既存の補品を1ペヌゞのWebサむトにプッシュしたすが、幅スタヌトアップ゚コシステムのナヌザヌ向けのセクションおよび深さコワヌキングの居䜏者向けの管理パネルの急速な成長の芋通しを残したす。



Seregaず私がFlashbackflipを#tcehで䜿甚できるようになったずき、Mishaの仕事に5぀のコペックを远加できおうれしいですが、サむトのレむアりトは準備ができお承認されたした。それはただ起こり、それはフリヌズし始め、どこかで消えたした。



したがっお、メニュヌのない1ペヌゞのWebサむトは数ブロックであり、その堎所は䜕かを犠牲にしなければなりたせんでした。 そのような犠牲者は私たちのむベントのカレンダヌでした。



はい、しかし圌はこのように芋えたした



画像

日付はほが今日です。サむトの内郚ペヌゞの地䞋にこのカレンダヌオプションを保持しおいるためです。



すぐに実装できた唯䞀のナヌザビリティは、システムの状態でした 。 ぀たり、アラヌトであり、ナヌザヌが既にここでサむンアップしたこずをナヌザヌに思い出させるものですが、この発衚は䞀芋の䟡倀がありたす。



しかし、このカレンダヌを芋぀けるには、tceh.comの地䞋に行く必芁がありたした。 私の13むンチのラップトップでは、それは6画面の深さでした。



さらに、スラむダヌは最も予期しない堎所で砎損したした。



スラむダヌのこれらのクリッピングはすぐに頭痛になりたした。 私たちず話しおいたビッグデヌタのアメリカの教授が、圌のスピヌチぞのリンクを求めたずきメモ、ビデオ、プレれンテヌションを途䞭でペヌゞに流し蟌んで、気に入った、最初の詊みでそのサむトでむベントを芋぀けるこずができたせんでした。 この物語は、すべおをはっきりず脇に眮き、䟿利なカレンダヌに぀いお考える機䌚ずなりたした。



しかし、最初に、私たちは州のデザむナヌを探しおいたした。 そしお、圌らは圌の時代に戊った。



ここでは、Seryogaで同じAxureを習埗し、むンタラクティブなプロトタむプを自分で䜜成し、そのロゞックをテストする必芁がありたすが、埌で孊習できたした。「アむデアから最初の実装たで」の倚様性ず速床が数倍増加し、フォントが増加したした-埌で再生できたす。



そしお、はい、それは確かに将来的にもっず倚くの問題を䜜成したす。 チラシやナプキンを描いお、デザむンずTKをクロスさせるこずは、もちろんファッションぞのオマヌゞュですが、時にはオマヌゞュが高すぎるこずもありたす。



そしお䞊行しお、デザむナヌず合理的に議論するこずを孊びたした。



私たちは、デザむンの「父」の䜜品の抂芁の簡単な研究から始めたした。 たずえば、ヒュヌリスティックゞェむコブニヌルセン。 適切なむンタヌフェヌスの10の基準のうち、システムの状態ずいう「入力」は1぀しかありたせんでした。



もう䞀床考えた埌、私たちはこれに取り組みたした。「あなたは登録されおいたす」ずいうりィンドりず、登録埌に出る自動手玙に別々に座っおいたした。 そしお、受け取った組織䞊の問題は少なかった。



画像

䞀床にカレンダヌ-それはたた非垞に䟿利です



その埌、さらに3぀の「ゎヌルデンダヌス」ニヌルセンヒュヌリスティックを取埗したした。







長い間おずぎ話が圱響を及がし、長い間仕事が行われ、秋の終わりに経隓を積んだ埌、私たちはただメむンカレンダヌでカレンダヌを䜜り盎すために座っおいたした。 このオプションにより、私たちは今生きおいたす



画像



圌らはそれを2番目の画面に䞊げ、Googleアナリティクスは䞻なものの倱敗率の䜎䞋を報告し始め、感謝のナヌザヌは私たちに数回手玙を曞いた。



ヒュヌリスティックからさらに3぀のアむテムを取埗したした。





たあ、それは人々を募集する感芚に応じお陳腐です-倜にお知らせを投皿する方が簡単です、朝にメヌルに行くでしょうCTOのおかげで、サむトのドロップに関する毎日の統蚈がありたす、すでに9人がサむンアップしおいたす スラむダヌにはそんなものはありたせんでした



そのため、コワヌキングの居䜏者向けの内郚むンタヌフェむスを蚭蚈するずき、私たちはすでに「科孊者」でした。 圌らは、アクションが䜕に぀ながるかに぀いお本圓に必芁な眲名指瀺だけで、最小限の方法でそれをしたした。 そしお最初にチヌムでテストしたした。



画像

チヌムでこのフォヌムをテストするこずで、1.5ポむントのヒュヌリスティックを远加したした。



1぀- アクションのキャンセルず改善された情報を導入したずいう事実により、どのアプリケヌションが受け入れられ、どのアプリケヌションがキュヌを埅機し、どの問題が発生したか。



たずえば、画像内のすべおのアプリケヌションは䞊んで埅機しおおり、人が到着する1時間前にガヌドメヌルに萜ちたす。



ハヌフポむント-䞊のフィヌルドの゚ラヌを回避するロゞックを簡玠化したす。 䞭囜のように「シングルりィンドりシステム」を導入したした。 䞀床に耇数のゲストにパスを発行する必芁がある堎合、それらを1぀の列に入れるこずでこれを行うこずができたす。 たた、難しい姓もありたす。「Ro Baten」ずいう姓を持぀居䜏者が本圓にいたす。 そしお、むニシャルになり、保護のための゚ラヌを䜜成する人-それは盎接「蹎り」たす。



その埌、内郚でいく぀かのプロゞェクトを立ち䞊げたした。 ドゥトゥニリ。 さお、1月末たで、私たちはニヌモニックからデゞタルに誰もを静かに移怍したした。



結論少なくずもナヌザビリティずむンタラクティブなプロトタむピングの基本少なくずもAxureの知識は、倚くの問題を解決できたす。 優先順䜍 品質。 悪名高いコスト削枛埌ほど曞き盎さないため。



しかし、たあ、私たちは唯䞀のものであり、科孊者は私たちの熊手です。 䜏民ず話をしお、私たちは問題の兞型性を確信したした。



ナヌザヌが必芁ずするものを3぀のメモで掚枬したす



より耇雑なケヌスを取り䞊げたしょう-すぐにCRMが箱入りで配垃されたす。



RedmineCRMのスタッフは、redmineを䜿甚するこずに慣れおいるスタゞオマネヌゞャヌ向けに、かなり普遍的なものここでは、アカりント、連絡先、顧客、タスクを構築したこずで成功しおいたす。 そしお、圌らはオヌプン゜ヌスの考え方に埓いたす。アプリケヌションず䞀緒に゜ヌスコヌドを取埗し、無料の郚分の䞀郚は䞀般にパブリックドメむンにありたすGitHubを参照。



新しい機胜を䜜成するずきにプロトタむピングを無芖しないずいうこずを2回繰り返したした。 これは、プロではありたせんがむンタヌフェヌスを理解しおいるチヌムのバックボヌンの人の手によっお圱響を受けたす。圌らが䜿甚するツヌルの䟿利さは、Mac甚に研がれた以前のApple補の補品であるOmniGraffleは、少なくずも倖郚の顧客に適しおいたす。



それはみんなで倧䞈倫だず思われるでしょう。



圌らは垂堎を䜜り、有料アドオンを初めお䜜ったので、Redmineの呚りに䜕でもねじ蟌むこずができるようになりたした今日は競合他瀟がいるため、垂堎が成立しおいたす。



圌らはナヌザヌのフィヌドバックを远跡しおそれを匕き継ぐ健党なサポヌトを持っおいたす改善や新しいモゞュヌルの提案を含みたす。



圌らはむンタヌフェヌスを改善しおいたす。 「do」オプションは次のずおりです。

画像

すべおの曎新は右偎の列に蓄積されたすこれは最も目立たず、Facebookナヌザヌはすでに知っおいたす。



オプション「埌」

画像

曎新埌、タブが衚瀺され、必芁なストリヌムが開き、右偎にはキヌず安定した情報のみが衚瀺されたす明らかに、Ashton Kutcherは承認したす:)



みんなは正盎にどこかでこのこずをスパむしたした。 しかし、実際には、むンタヌフェむスは䞀意であっおはなりたせん。 䟿利であり、期埅、利䟿性、ナヌザヌ゚クスペリ゚ンスを満たしおいる必芁がありたす。



本圓に良くなったようです。



しかし、䜕よりも良いのでしょうか 軟膏のパは完党ではありたせんでした。 質問ぞの回答「そしお、どのむノベヌションを最初に行うべきか、そしおどのような効果をもたらすかをどのように評䟡したすか」、答えは1぀です。



それが「ナヌザヌのためにすべおを解決したす」ずいうアプロヌチです。 しかし、分析なしでは、定量的および定性的ではありたせんが、䞍可胜です。 なぜなら今、私たちの仲間は競争盞手を持っおいるからです。 おそらく分析の面でより高床なもの-UXのコンポヌネントの1぀。



結論実践は真実の基準であり、分析は実践を枬定したす。 開発、獲埗、同時にプロトタむプを䜜成する堎合は、分析を掘り䞋げおください。 成長がありたす。



Hello World蚭蚈前の段階でプロゞェクトを攟棄し、人気のあるiOSアプリケヌションを䜜成する方法



画像

Patrika.infoのセルゲむモスカレフ以倖に誰もこれをやらなかった2010幎代の遠い初めに、3人の勇敢なゞェダむが自分たちの宇宙の超局所性を䜜り出すこずにしたした。 これは圌らの最初のプレれンテヌションの1぀です。



クラむアントプロゞェクトの1぀で、圌らは問題に盎面したした。ロヌカルコンテンツ䞻に近くで発生するむベントに関する情報をデゞタルで受信できず、それず察話するこずができたせん。 そしお、たさにそれが必芁でした。



圌らが圓時どんなプロゞェクトをしおいたのか、誰も芚えおいたせん。 しかし、私たちのヒヌロヌは自分で䜜るこずにしたした。 むベントをどのように、どこで開催するかは、圌らはただ理解しおいたせんでしたが、地区で起こっおいるこずに関するニュヌスフィヌドのアむデアは䌑息を䞎えたせんでした-そしお、圌らは開発を始めたした。



プロゞェクトの開始期間、圌らは「お金のない䜿いやすさ」ずしお芚えおいたす。



長い間、圌らは知識ず自由時間を投資し、Hello Worldの絊料を支払うこずができなかったため、最初からアプリケヌションの名前でした。 実際、創業者の間では、ナヌザビリティがそのたたであり続けおいたす-スクリヌンのロゞックに関する圌の仕事は、投資家を匕き付けるのにさえ圹立ちたした。



投資家はそれらを「ミュヌゞックナむト」にドラッグしたした。コンテンツを収集する問題が残っおいたため、新しいiOSアプリケヌションは人々を匕き付けたせんでした。 投資家も倱望しおいる、みんな。



プロゞェクトがdr死するのを防いだ理由を知っおいたすか 「スヌパヌハヌベスタヌを䜜ろう、突然飛ぶだろう」ずいう考えの拒絶。これは最初の倱敗の埌に来たした。



画像

スヌパヌハヌベスタヌの䞀郚。 なんらかの理由で、それは「死ぬ愚かな方法」ずいう挫画に䌌おいたす。



軜床のパニック状態は、アむデアを生み出す良い方法です。



-ロヌカルチャットを远加したしょう



「そしお、圌を通しおむベントを倧隒ぎさせおください」



-そしお、䞀般的に私たちのアプリケヌションからどこにでもmmきたす



-そしおどこでも面癜いグラフィック



「さあ、これ党郚描いおみようか」



「酔っお曞き、冷静に線集する」ずヘミングりェむは蚀った。 ナヌザビリティデザむナヌが新鮮な心で蚭蚈し、それを少し描画するず、機胜が倚すぎお、誰がどのように䜿甚するかが䞍明確であるこずがわかりたした。



そしお、圌は「䞀床にすべお」の残りを拒吊するこずを玍埗させ、ナヌザヌず協力する明確なモデルのみに焊点を圓おたした。



それず䞊行しお、コンテンツ生成に地元䌁業を巻き蟌み、プレれンスのプラットフォヌムを提䟛するこずを提案する新しいパヌトナヌを芋぀けたした。



画像



その瞬間、私たちはみんなに䌚いたした。 数ヶ月のやり盎しの埌、圌らはApp Storeでアプリケヌションの最初のビルド珟圚はRoundず呌ばれおいたすをリリヌスし、ほが10,000のダりンロヌドをすぐに受け取りたした。



結論ナヌザビリティに粟通した人の意芋は、プロゞェクトがown死するのを防ぐこずができたす。



このため、ナヌザビリティアヌティストがあなたの共同蚭立者である必芁はありたせん-私は最終的にそのような䟋を甚意したした。



シュレヌディンガヌボックス



11月に曞いたOlyaず圌女のチヌムElementareeは、むンタヌネットで健康食品を販売しおいたす。 すべおの適切な栄逊が週ごずに事前にパッケヌゞ化されおいる段ボヌル箱では、厳密にカロリヌず指瀺に埓っおいたす。



私たちはすぐにむンタヌフェヌスに切り蟌みたせんでした。 圌らが台所のマグネティックボヌドに赀い粘性のあるバッグを付けたずき、内郚のミヌム「小孊生の血」が生たれたした。 そしお、そこに包装されたハヌブが珟れたずき、私たちは緊匵し、怜察の人たちを埅っおいるようになりたした地䞋鉄の喫煙混合物に「反察する」広告を芋た人は、サヌカスを笑いたせん。



画像

呜什の叀いバヌゞョン䟋えば-食事5、8の最初のシヌトのポむント...



圌らの䞻な問題は販売ではなく、メニュヌの䜿いやすさであるこずがわかりたした。



䞊蚘のバヌゞョンによれば、人々はその日のどの料理を比范するこずはできたせんでした。たずえば、「小埓業員の血」を泚ぎ蟌んで矎味しくするこずはできたせんでした。 そしお、草を眮く堎所。 ずにかく、これは雑草が必芁な日です。



メニュヌの䜿いやすさは保持に圱響を䞎えたした-ナヌザヌのリタヌン、ビゞネスの最も重芁な指暙。 そしお、䌚瀟はオンラむンずオフラむンの亀差点で働いおいたす-これは、ナヌザヌがあなたずコミュニケヌションをずる動機がさらに䜎い領域ですこれには远加の手順が必芁なため、すぐにスリップするオプションはほずんどありたせん。



゚レメンタリヌのデヌタベヌスには、「今日から食生掻を始めよう」ずいう思いで毎週箱を買った人たちのカテゎリがあり、圌らは開いおメニュヌを理解せず、アむデアを攟棄したした。 ぀たり、圌らに぀いおは、クラむアントが「生きおいる」か「死んでいる」かを䞀床に確実に蚀うこずは䞍可胜でした。 なぜ普通の人がいるのか、プロゞェクトのキッチンでさえ混乱しおいたした、どの指瀺をどのボックスに入れるのか...



圌らのマヌケティング担圓者であるダナは、このビゞネスを担圓しおいたした。 そしお、チャンスが蚪れたした。



PhotozeenのMikhail Asavkin-CTOず1本のボトルでの優れた䜿いやすさたれですが-#tcehに同意し、圌は倜にuxデザむナヌのむンタヌフェヌスを䜿甚しお高床な分析コヌスを実斜したす。 孊生ず協力するために、圌は実隓的な科目が必芁でした。



それで、ダナを䌚議宀で圌ず圌の孊生プロのナヌサヌず䞀緒にロックしたした。



出力は次のずおりです。



画像







そしお、最も重芁なこずは、いったん正しい方向に衝動を埗るず、プロゞェクトチヌムはナヌザヌの利䟿性ず機胜に぀いお垞に考え続けたす。



たずえば、珟圚、圌らは次のタスクに苊劎しおいたす同じむンタヌフェむスが進行状況を远跡するのに圹立぀こずを確認するためにすでに2぀の食事があり、珟圚これが必芁です、1日の終わりに1日の結果を評䟡するのに圹立ちたす。



結論フォヌカスグルヌプずナヌザビリティテストは、a顧客、b時間-倉曎の時間、c補品を芋る新鮮さを倱うこずのないように圹立ちたす。



貯金銀行にお金を保管しないでください



ナヌザビリティ䞻矩者が圧倒される激しさで、2番目の教垫はアレクサンドラポストバロワ、VTB24のナヌザビリティずUXクラブの創蚭者でした。



圌女は䜕よりもJanをElementareeから助けたした。



サヌシャは、自分のプロゞェクトが飛ばなかったずきに、曞籍実際、この分野のロシアの専門家にずっお驚くべきこずではないからナヌザビリティの「父」の方法を独自に習埗したこずを孊びたした。 圓時、圌女はナヌザヌの蚭蚈ず研究に぀いお䜕も知らなかったため、ナヌザヌは自分のアプリケヌションに入り、理解せずに去りたした。



その埌、圌女はアクセシブルな文孊の理論を習埗し、友人のプロゞェクトで実践するこずを玄束したした。 トピックに関する有甚な資料を収集し、他の人ず意芋や経隓を亀換する堎所を確保するために、圌女はFacebookでUXクラブコミュニティを開蚭したした。珟圚、すでに3,000人の参加者がいたす。



経隓を積んだ埌、圌女はコンサルティングを始めたした-圌女はRostelecomずスタヌトアップの䞡方でプロゞェクトを行いたした。 それから圌女は銀行に行きたした。



そしお今日、圌女は圌女の知識を共有する準備ができおいたす-私たちは圌女を私たちの「働く週末」に招埅したした。 そこで30分間、プロゞェクトず䞀察䞀で、圌女は倚くの「ナニヌクなむンタヌフェむスの䜜者」の頭脳をクリアし、ドラフトの再蚭蚈に関する実甚的なヒントをいく぀か教えおくれたした。



続けたかったのですが、手を䜿わずに無料の講矩だけを集めるのは無意味で、先生の最近の「闘争」のメリットを提瀺できないずきに有料コヌスを切るのはなんずなく銬鹿げおいたす。 そのため、圌らはこの考えをバックボックスに入れたした。



このボックスは幎末たでにオヌプンしたした。11月、AlexandraによるVTB24モバむルサむトむンタヌフェヌスの曎新により、補品のKPIが2〜3倍に増加したした。 したがっお、1月の初めに、圌女ず䞀緒に座っお、倕方に圌女のプロゞェクトのUXをれロから再考する倧胆さを持っおいるすべおの人を助けるコヌスを圢成したした-それをプロトタむプ化し、補品の珟圚の状態から移動する必芁があるバヌゞョンを䜜成する方法を孊びたす。 プロトタむピングをれロから孊ぶ準備ができおいる人。



この投皿の有甚性を高めるために 、このコヌスの1か所でhabruiserに助成金を提䟛するこずにしたした。 総生埒数は10人以䞋です。 ただ堎所がありたす-このチャンスを利甚するこずにしたした。



Runet党䜓の目ず粟神にずっお、このビゞネスは本圓に必芁だず考えおいたす。



申請ルヌルの付䞎

自由圢匏で、コメントでプロゞェクトを説明しおくださいそれは実際のものでも、発明されたものでもかたいたせん

それが人々にもたらす利益を個別に瀺す

コヌスに参加する必芁がある理由を教えおください

申し蟌みは2月2日17:30たで受け付けおいたす



受賞者の遞択基準

人々にずっおのプロゞェクトの利点

人間の動機

UXを䜿甚した状況の重倧床



可胜な限り客芳的に遞択したす-各チヌム9人がプロゞェクトに投祚したす-投祚をカりントし、この投皿ぞのコメントに写真の蚌拠を投皿したす。 勝者はPMでも曞き蟌みたす。



受賞者の発衚条件

2月2日月曜日18:00



アプリケヌションを配眮したすべおの参加者は、他のコヌスの15割匕でプロモヌションコヌドを受け取りたす。 そしお、それらがありたす プロモヌションコヌドは6か月間䜿甚できたす。



2月4日に始たりたす。 オヌディ゚ンス分析、Axure、ナヌザビリティテスト、分析、およびこれを行ったこずのない人にずっお必芁な他のこずを行いたす。 たたはそうでしたが、少し䜓系的ではありたせんでした。



私たちのDs゚ンデザむナヌは最前線にいたす。私は立ち寄りたす。 じゃあね



PSそしお、私たちはただ倚くからの助けが必芁です。



画像

これはArtofadの䞀郚です「地獄」-広告ずいう蚀葉から。



圌らは、wifiの魔法、普遍的なガゞェット化、ゲヌムぞの愛情、そしお人々を楜したせ、誘惑するためのプロモヌションやカンファレンスの䞻催者のニヌズの合流点で、クヌルな補品を䜜りたす。 圌らはこのすべおの新語を「デゞタル」=物理+デゞタルず呌んでいたす。



具䜓的には、スクリヌンショットには、賞品付きの集合クむズの条件が蚭定された管理パネルがあり、誰もがスマヌトフォン/タブレットからプレむしたす。他のものをダりンロヌドする必芁はなく、質問ず進捗状況が画面ず倧画面の䞡方に衚瀺されたす



もちろん、このツヌルは玔粋に内郚的なものです。぀たり、ナヌザヌはチュヌニングのためにサむトに頻繁に移動したす。 しかし、Seryogaず私がBobukのパフォヌマンスの前にオタク版のクむズを開始したいずき、誰もいなかったずき、私たちはそれを自分で敎理したした。



結論䞍幞な少女マネヌゞャヌがそのような窓を芋たら、圌女は゜リティアよりも早く閉じたでしょう䞊叞が突然圌の埌ろに珟れるずき。



しかし、むンタヌフェヌスを人道的にするこずは可胜であり、必芁です。 圌らがこれをするずき、圌らは今のように、モスクワをさたよい、すべおを自分でセットアップする必芁はありたせん。 そしお、圌らは圌らの補品でより少ないお金を皌ぐこずができるでしょう。



All Articles