潜水艦の使いやすさ、またはインターフェースがデザインを最下位に引き込む理由

こんにちは、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つのアイテムを取得しました。

• ミニマリズム -言葉を減らし、ノイズを減らします。
• 繰り返し可能なアクションはすぐに利用できます -オープンイベントに参加することに慣れている人は、メインイベントにすぐに登録できます。 更新後の最初の数時間で、ToRでロジックを記述しやすい中間プロトタイプを作成しなかったという事実により、アナプション（ナプキンでの描画の問題について）を適用した有料コースにサインアップすることができました。 すぐに修正。
• さらに、すべてのコーンを収集した後、彼らは内部ツールを作成しました-何が何に影響するかのセクションのドキュメントは、管理パネルで必要な署名を作成しました。

まあ、それは人々を募集する感覚に応じて陳腐です-夜にお知らせを投稿する方が簡単です、朝にメールに行くでしょう（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デザイナーのインターフェースを使用して高度な分析コースを実施します。 学生と協力するために、彼は実験的な科目が必要でした。



それで、ヤナを会議室で彼と彼の学生（プロのユーサー）と一緒にロックしました。



出力は次のとおりです。

• 5回の食事-その日の指示で5ポイント（以前のように8回ではなく）。
• 夕食を調理する場所と場所は明確です。 あるユーザーによると、「今では、食べ物ではなく重要なことを考えながら、マシンですべてを行うことができます。」
• Elementaree kitchenは注文を正しく作成し、顧客は感謝状を書きます。

そして、最も重要なことは、いったん正しい方向に衝動を得ると、プロジェクトチームはユーザーの利便性と機能について常に考え続けます。



たとえば、現在、彼らは次のタスクに苦労しています：同じインターフェイスが進行状況を追跡するのに役立つことを確認するために（すでに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のパフォーマンスの前にオタク版のクイズを開始したいとき、誰もいなかったとき、私たちはそれを自分で整理しました。



結論：不幸な少女マネージャーがそのような窓を見たら、彼女はソリティアよりも早く閉じたでしょう（上司が突然彼の後ろに現れるとき）。



しかし、インターフェースを人道的にすることは可能であり、必要です。 彼らがこれをするとき、彼らは今のように、モスクワをさまよい、すべてを自分でセットアップする必要はありません。 そして、彼らは彼らの製品でより少ないお金を稼ぐことができるでしょう。