WIN8の設計機能とTencent Weibo MSの最初のバージョンの設計アイデアについての簡単な説明

WIN8の設計機能とTencent Weibo MSの最初のバージョンの設計アイデアについての簡単な説明

著者: dengxuecui (崔登雪) miaotong (童妙)

10月は収穫の季節です。マイクロソフトの新世代オペレーティングシステムWindows 8がひっそりと登場しました。同時に、私たちのWeiboクライアントチームもwin8アプリケーションの第一波の最終列車に乗り、テンセントWeibo MSバージョンを設計してリリースしました。この記事では、Tencent Weibo MS バージョンの設計プロセスと win8 システム特性の理解を組み合わせて、win8 オペレーティング プラットフォームのアプリケーション設計について説明します。

記事は非常に長いので、重要な部分だけを選んで読んでください。あるいは、思い切って全部読んでみてもいいかもしれません...

この記事のインデックス:

1. Windows 8 の再創造

2. Win8システム機能

3. Win8のインタラクティブ機能

4. Windows 8 のビジュアル機能 - Metro の進化

5. テンセントWeibo MSの最初のバージョンのデザインアイデア

6. Win8プラットフォームアプリケーション設計の提案

1. Windows 8 - 再考

キーワード: ポストPC時代

「Windows 8 ガイド」の最初の段落には、「現在、PC の 3 分の 2 以上が、ラップトップ、ネットブック、タブレットなどのモバイル デバイスです。ほぼすべての PC にワイヤレス接続機能が備わっています。」と記載されています。そのため、win8 の設計では、モバイル デバイスとタッチ エクスペリエンスをより重視し、オペレーティング システム自体よりもユーザーとアプリケーションの関係に重点を置いています。 Windows 7 の基本機能のほとんどは保持されていますが、Win8 システムは、より優れたタッチ エクスペリエンスを実現し、新しい優れたエコシステムを確立するように設計されています。

Apple がポスト PC 時代の根本的な革新を成し遂げたとすれば、Windows 8 の登場は従来の PC の完全な移行を意味します。 iPad や iPhone に代表されるワイヤレス タッチ製品の強力な影響により、Microsoft は PC の戦場が実際に完全に変化したことを認識しました。Win8 オペレーティング システムは、この状況下での Microsoft の再構想です。

2. Win8システム機能

Win8 システムには、さまざまな操作体験があります。ここでは、その設計コンセプトをよりよく反映する機能をいくつか選択して紹介します。ここでは、より詳細な機能については説明しません。

一つになって勝利する

win8 システムでは、プログラムはアプリケーションの形で存在し、ユーザーがアプリケーション サービスを購入できるアプリケーション マーケットがあります。これは、IOS、Android などのワイヤレス分野に似ていると思われがちです。違いは、win8 がシステム プラットフォームを通じてプラットフォームにインストールされているすべてのアプリケーションを有機的に接続し、アプリケーション間のコラボレーションと共有を重視し、ユーザーに完全でエコロジカルなエクスペリエンスをもたらし、このエコシステム内のすべてのアプリケーションを「Win as One」にすることです。

1. チャーム: あらゆるアプリケーションの上部に表示されるシステム統合ツールバー

ユーザーはいつでも、画面の右端を左にスワイプするか、マウスを画面の右側に移動することでチャームを呼び出すことができます。チャームはハブのようなシステム ツールバーであり、ユーザーはこれを介して検索、共有、設定などの操作をすばやく実行できます。

2. 検索: システムレベルの統合検索により、より包括的で高速な検索と情報検索エクスペリエンスが実現します。

検索範囲はプログラムやファイルに限定されず、オペレーティング システムとインターネット環境のほぼ全体をカバーします。ユーザーは、1 つのアプリ内でキーワードを検索できるだけでなく、他のアプリにすばやく切り替えたり、複数のアプリ間で検索結果を直接切り替えたりすることもできます。これにより、ユーザー操作が簡素化され、キーワードを再入力することなく、新しいアプリケーションの直下でさまざまな側面からの検索結果を取得できるようになります。

3. 共有: システムレベルの統合と共有により、アプリケーションはよりオープンになり、情報とコンテンツの転送は無制限になります。

ユーザーは、コンテンツ共有をサポートするアプリケーションにいつでも直接コンテンツを共有できるため、情報は障壁なくオープンに流れ、広まることができます。

4. スティッキービュー: 1つの画面に2つの機能、アプリを共存させる方法

5. ダイナミックリマインダー:どこにでも、情報処理をよりタイムリーかつ正確に

Win8 の動的リマインダー メカニズムは、主に動的タイルとシステム トーストの 2 つの方法で実装されています。スタート インターフェースでは、動的なタイルを設定して、各アプリの最新の更新情報をリアルタイムで表示できます。アプリはいつでも、リアルタイムのトーストを通じて重要な情報やアプリの操作をユーザーに通知できます。トーストはユーザーがスワイプして消すことができ、新しいメッセージの内容をトーストに直接表示できます。

高度なタッチ体験

つい最近、企業ユーザーが Windows 8 オペレーティング システムのどの機能を気に入っているかと尋ねられたとき、Microsoft のトップである Steve Ballmer 氏は、「タッチ、タッチ、タッチ!」という非常に簡潔な答えを返しました。

Win8 はタッチ エクスペリエンスに非常に重点を置いています。基本的なタッチ操作を除き、主要なシステム操作の多くは高度なジェスチャ操作によって実行されます。これらの操作には一定の学習コストがかかりますが、ユーザーが習得しなければならない操作であり、慣れてしまえば、全体的なエクスペリエンスがよりスムーズかつ高速になります。私は個人的にこれを高く評価しています。さらに、このような高度なジェスチャー設定により、Win8では、ユーザーは画面をタッチするだけで操作を完全に制御できます。iPadにも同様のジェスチャー操作がありますが、補助的な操作にすぎません。比較すると、Win8はそれらをより徹底的に実装しており、よりスムーズで便利です。

1. セマンティックズーム

Win8 の水平に流れるインターフェースは、無限に拡張できます。コンテンツ指向の設計思想と相まって、ユーザーは多くのページで長いスライドナビゲーションのプレッシャーに直面しなければなりません。たとえば、Win8 のスタートインターフェース。このようなインターフェースでは、システムは高度なジェスチャー操作のステップを追加します。ユーザーは 2 本の指でピンチして、現在のインターフェースを純粋なナビゲーションビューに縮小し、すばやくナビゲーションジャンプを行うことができます。このビューと通常のビューは、実際には 2 つのインターフェイスです。アプリケーション設計者は、独自の状況に応じて、このビューのスタイルと操作を設計できます。

2. アプリの切り替え

Win8 は真のマルチプロセス管理と没入型操作エクスペリエンスをサポートしているため、アプリケーションをどのように切り替えるかが別の難しい問題となります。 Win8 の解決策は、ユーザーが左端から右にスワイプして、前のアプリケーションに直接切り替えることができるというものです。全体的な移行は非常にスムーズで高速です。

3. アクションを選択する

Win8の選択操作は、下に引っ張って選択するという高度なジェスチャーを使用します。選択操作は、デフォルトのインターフェイス上で直接実行できます。追加の編集状態や複数選択ボックスの設定は必要ありません。より直接的ですが、学習コストもかかります。

4. プログラムを閉じる

Win8 には物理的な戻るボタンがありません。没入型エクスペリエンスの設計コンセプトを提唱しているため、各アプリケーションには閉じるボタンや終了ボタンがありません。では、ユーザーはどのようにアプリケーションを閉じるのでしょうか。画面の上部から下部に指をスワイプするだけで、スムーズなアニメーションとともにアプリケーションが閉じられます。

5. マルチプロセス管理

ユーザーは、画面の左側で右に少しスワイプし、次に後ろにスワイプして、現在のプロセス管理を呼び出すことができます。

6. ツールバーを呼び出す

Win8 アプリケーションでは、ほとんどの操作ツールが非表示のツールバーに配置されており、固定ナビゲーションは非表示のナビゲーション バーに配置されていることがよくあります。ユーザーは、画面の上端から下にスワイプするか、下端から上にスワイプして、ツールバーとナビゲーション バーを呼び出すことができます。

従来のマウスとキーボードの操作のバランスの考慮

Win8 システムは、タッチ体験を重視したメトロ インターフェースを備えているだけでなく、Windows の以前のウィンドウ操作デスクトップ システムも保持しています。一方では、Windows ユーザーの使用習慣を考慮しています。他方では、近い将来、多数の Win8 ユーザーは、マウスとキーボード操作を主な使用モードとして使用することになります。さらに、メトロ インターフェイスのすべてのタッチ操作には、対応するマウス操作とキー操作があります。

3. Win8のインタラクティブ機能

Win8 メトロ インターフェイスは WP7 のビジュアル スタイルを採用しており、動的タイルのダイナミック タイル、パノラマ ビューの水平リスト、HUBS のグローバル共有と検索など、シンプルさ、スピード、コンテンツ指向などの特性も継承しています。Win8 の多くのインタラクション形式は、WP7 の進化と開発に基づいています。これらは精神的に結びついています。ここでは、昨年私が書いた記事「WP7 のインタラクティブ機能の簡単な分析と APP デザインの検討」へのリンクを恥ずかしげもなく貼っておきます。興味のある方は、ぜひ読んでみてください。

実際、Win8 のほとんどの機能の具体的なインタラクティブ形式は、上記のシステム特性で紹介されています。ここでは主に、いくつかのインタラクティブな設計思想を要約し、例を挙げて説明します。

1. 「コンテンツはChromeではない」 – 形式よりもコンテンツ、インターフェースよりも情報に重点を置く

これは、Win8 設計の核となるアイデアです。Chrome が設計されたときに提案されたコンセプトは、ユーザーが Web ページのコンテンツにもっと注意を払い、ブラウザ自体を無視できるようにすることでした。Win8 はこのアイデアを採用し、さらに発展させて、コンテンツを第一に、インターフェースを第二にしました。以下で説明するインタラクション デザインの方向性のいくつかは、この中心的な考え方に基づいていることがわかります。

携帯電話の例は、この点を説明するのに最適です。 iPhoneが登場するずっと前から、携帯電話のデザインで最も重要なのはハードウェアの外観デザインでした。人々は携帯電話を購入するときに、奇妙な形をしていたとしても、その外観に非常に注意を払っていました。しかし、今ではすべての携帯電話には大きな画面しかなく、人々は画面の内側にもっと注意を払っています。人々はもはや携帯電話の外観をそれほど気にしていません。ある日、携帯電話が徐々に見えなくなるとき、私たちはそれほど驚かなくなると思います。実際、同じ原則がインターフェース デザインにも当てはまります。すべてのフォームは、コンテンツをより良く提示し、ユーザーがそれを喜んで受け入れられるようにするために存在します。 Win8 ではこれを設計の指針として使用しています。

2. スムーズなナビゲーション、明確なコンテンツフロー、続行または戻る

コンテンツ主導のインタラクティブ インターフェイスとして、Win8 はコンテンツの流れを通じてユーザーを誘導または引き付け、ユーザーの潜在意識を通じてユーザーを導くことを目指しています。そのため、ナビゲーションはコンテンツと統合されており、ユーザーは次のステップをどのように踏むかではなく、どのようなコンテンツに移動するかとして次のステップを認識します。

3. 没入感のあるブラウジングと操作体験、隠されたツールとナビゲーション操作

Win8 のデザインは、固定されたナビゲーションとツールをツールバーとナビゲーション バーの上部と下部に隠しながら、限られた画面内で可能な限り多くのコンテンツをユーザーに提示し、ユーザーに没入型のエクスペリエンスを提供することを提唱しています。 Windows はもはや単なるウィンドウではなく、世界です。

4. 横画面ブラウジングがもたらすフラットなアーキテクチャ

Win8 のページの最大の特徴は、スムーズな横画面ブラウジングです。コンテンツベースのナビゲーション アーキテクチャにより、Win8 のナビゲーションは重要ではなくなりました。代わりに、他のプラットフォームではセカンダリ ページが必要になる可能性のあるコンテンツが直接表示されます。さらに、水平方向の画面スペースの優れた拡張性により、システム全体のアーキテクチャもよりフラットになり、使いやすくなります。

5. ほとんどの場合、横画面での操作は縦画面での操作よりも明らかに優れています

Win8 デバイスの割合、ほとんどのデバイスの使用シナリオ、および水平スライド システム操作の結果、ほとんどの場合、Win8 システムでは、垂直画面操作よりも水平画面操作の方が優れたエクスペリエンスが得られます。

リスク

これは Microsoft の記事ではないので、Windows 8 には依然として多くのリスクと問題が残っています。

ユーザーの潜在意識は失われる可能性が高い

Win8 は、ユーザーの潜在意識を通じてユーザーを誘導することを目指して、コンテンツを使用してユーザーの閲覧をガイドすることを提唱しています。しかし実際には、コンテンツの表示形式が適切に処理されていないと、ユーザーは同じ古いコンテンツに簡単に飽きてしまいます。

高い学習コスト

さまざまな高度なジェスチャーの使用は、ユーザーにとって高い学習コストを要し、操作の敷居が高すぎます。彼らの勇気に感心すると同時に、心配もしています。

コンテンツ疲れ

Win8 の活力はコンテンツにあります。優れたコンテンツは Win8 プラットフォーム上で非常にうまく表現できますが、形式を過度に無視すると、コンテンツに対する要求も高くなります。Win8 プラットフォームでは、特定のコンテンツ自体の欠点を別の表現で補うことが難しいためです。高品質なコンテンツに対する継続的な要求は、後期の弱体化やユーザーの美的疲労につながる可能性もあります。

l タッチとキーボードとマウスがわかりにくい

Win8 はタッチ エクスペリエンスに多大な注意を払っていますが、ほとんどのユーザーのデバイスのしきい値と使用習慣を考慮する必要があり、Modern UI インターフェイスと Windows インターフェイスを直接融合しているため、かなりの問題が発生しています。それぞれのタッチエクスペリエンスを設計する際には、キーボードやマウスのユーザーの操作も考慮する必要があり、これも設計自体に多くの困難をもたらします。

4. Win8 のビジュアル機能 - Metro Evolution

WP7 から始まった Metro スタイルは、圧倒的な論争を引き起こしました。これはマイクロソフトの最後の戦いだと言う人もいれば、これは避けられない将来のスタイルだと言う人もいます。 WP7 と Win8 の違いは iPhone と iPad の違いのようなものだと思われますが、実際には Win8 タブレットはいわゆる Metro スタイルをより強く表現しており、ああ、Modern UI または Windows 8 スタイルと呼ぶべきでしょう。

貫かれている本質

インスピレーション:

• モダンデザイン - バウハウス(シンプル、機能的、要素を減らして本質を際立たせる)

• 国際的なグラフィック デザイン スタイル - スイスのグラフィック デザイン スタイル (明確で強力なグリッド デザイン、レイアウト デザインを重視し、テキストのサイズとレベルを使用してページのリズムをコントロール)

• モーションデザイン - シネマティックアート(ユーザーの感情を呼び起こす世界クラスのアニメーション)

このデザインアイデアは、「コンテンツが形式より重要」というテーマを明確に打ち出しており、シンプルで無限であり、複雑で質感のない要素を放棄し、Metro スタイルのデザインエッセンスを完璧に表現しています。

クラシックスタイルの進化

Microsoft は Win8 のデザインにおいて依然として多くの「デザイン提案」を提供していますが、徐々にデザイナーに多くのことを任せ、従来の Metro スタイルに多くの改良を加えてきました。これらはすべて、情報をより良く伝え、表示するためのものです。

• ライト テクスチャ - 正方形、カラー ブロック、直角は依然として Win8 の主なビジュアル スタイルのようですが、グラデーション、投影、半透明、ライト スキューモーフィズムが使用されるアプリケーションが増えています。

• より多くの解像度サイズ - WP7 の単一サイズとは異なり、Win8 の最小デバイス解像度は 10 インチ (1024×768) で、推奨サイズは 11 インチ (1366×768) 以上です。 Microsoft は、各デバイスの利用可能な視覚スペースに合わせてコントロール要素を縮小、拡大、または再配置できる動的なレイアウト方法を提供します。

• 優れたグリッド システム - 推奨解像度 1366×768 では、グリッドのサブ単位は 5 ピクセル、1 単位は 20 ピクセルで、すべての間隔と領域の分割はこれに基づいています。さまざまな解像度に応じて、グリッド システムも 1x、1.4x、1.8x の 3 つの基本サイズに分割されます。ビットマップ リソースを提供する場合、3 つのサイズも提供する必要があります。

• ダイナミック タイル - Win8 のダイナミック タイルは 2 つのサイズと複数のレイアウト方法を提供します。デザイナーはさまざまなコンテンツをプッシュする最も効果的な方法を選択できます。最近アップロードした写真、聴いている音楽、新しいメンション、新しいメールを表示できます。ユーザーはタイル内で直接プロンプト情報を読み取ったり、タイル上で選択、削除、その他の操作を実行したりできます。これにより、ユーザーは常に没入型エクスペリエンスに引き戻され、ユーザーを魅了し、刺激を与える扉となります。

• ガイド付きデザイン、物理からインターフェースへの回帰 - WP7 の物理的な戻るボタンは連続したパスですが、Win8 のボタンはすべてインターフェースに移動されています。戻るボタンに加えて、セマンティックズーム、チャームボタン、プログラムの切り替えや終了のジェスチャー、一連の素晴らしいパス選択方法もあります。もちろん、デザインする際には、視覚的な要素を活用して階層遷移の関係をより効果的に明確にし、ユーザーが迷うリ​​スクを減らす必要があります。

• 没入型エクスペリエンス - ステータス バーとツールバーは WP7 ではそのまま保持されますが、Win8 ではこれらはすべて非表示になります。 Win8 スタイルは、ユーザーに各ボタンの機能を考慮してもらい、ユーザー自身の無意識の動作で操作させるのではなく、ユーザーがコンテンツ自体に没頭できることを期待しています。

5. テンセントWeibo MSの最初のバージョンのデザインアイデア

すべてのアプリケーションはユーザーの問題を解決することを目的としており、すべての設計はアプリケーションとユーザーの問題を解決することを目的としている。今回、テンセントWeibo MSのデザイン初版を公開する際に、質問形式で提示することにしました。これらの問題を解決した後、アプリケーションのデザインも完成しました。

Tencent Weibo MSが提供するコアコンテンツは何ですか?

すべての Windows 8 アプリケーション設計の最初に、「このアプリは____ のカテゴリで最高のアプリですか?」という質問がされます。私たちのアプリの優れた点は何でしょうか? ユーザーはアプリを使って何ができるでしょうか? どのような機能やコンテンツを提供すべきでしょうか? このコアについて考えた後、それを拡張してインタラクティブまたは視覚的なプレゼンテーション方法を設計することができます。

私たちがやらなければならないことは、Weibo の情報をユーザーに完全かつ迅速に提供し、Weibo の関係チェーンを交流して拡大するという核心的な体験をユーザーに提供することであることに疑いの余地はありません。

ユーザーニーズと製品コンテンツの関係性を明確にした上で、次に私たちが直面する課題は、製品デザイン自体とプラットフォームとの適合性、そしてユーザーの使いやすさと製品の詳細を磨き上げることとなります。

絡み合ったホームページデザイン:流動的なナビゲーションと無限のWeiboホームページの関係

Weiboはメッセージが集まる場所です。その核となるのはユーザーのタイムラインです。ここにあるメッセージの数は無限であり、ここでコンテンツを取得するためのユーザーの操作も連続しています。 Windows 8 プラットフォームでは、最も伝統的な情報整理方法は、Weibo タイムラインをホームページの一部として部分的なコンテンツの形で表示することです。さらに情報を取得したい場合は、次のレベルの詳細ページに移動する必要があります (下図を参照)。これの利点は、ホームページにさらに多くのコンテンツを表示してユーザーを引き付けることができることです。しかし、コアコンテンツが適切に表示されていないことがわかりました。

そこで私たちは当初のアイデアを放棄し、2 番目の構造を試しました。核心コンテンツを提示するために、スクエア、チャンネル、その他のコンテンツの干渉を断固として放棄し、直接削除しました。ユーザーが自分の個人情報をできるだけ早く処理できるように、最初のビューではユーザーの個人中心を維持し、次にすべてのWeiboを比較的規則的な順序で配置し、長方形を使用して各Weiboの情報を伝えます(下図を参照)。

これの利点は、中断を心配することなく、すべての Weibo 投稿をユーザーのタイムラインに表示できることです。ただし、長方形の順序が比較的規則的であるため、すべての Weibo 投稿が完全に表示されることを保証することはできません。ユーザーは引き続き各 Weibo 投稿をクリックしてコンテンツを閲覧する必要があり、ユーザーの操作プレッシャーが増大します。また、横画面閲覧の情報フローにおいて、縦に並べられたマイクロブログ情報は、ユーザーの一方的な閲覧にも支障をきたします。

そこで、3 番目のソリューションを改良して実装しました。タイムラインのデザインにより、無限に続く Weibo のホームページがより生き生きと、しかもとても自然に見えます。ユーザーはホームページでWeiboのすべてのメッセージを完全に閲覧でき、一方的なコンテンツ閲覧によりユーザーの行動がよりスムーズで自然になります。ホームページからロゴを削除することも自信を持ってできます。基本に戻ってコンテンツの本質を考えてみると、ユーザーに提示したいのはもはや特定の形式ではなく、特定の気質であることに気付くでしょう。

膨大なWin8アプリケーションから自分だけのユニークな気質を見つける方法

まずはストア内のアプリをいくつか見てみましょう。他のプラットフォームのスタイルと比較すると、Win8 スタイルは先駆者と言えます。しかし、圧倒的な四角形や直角に直面すると、ユーザーは似たようなアプリを思い出すのが難しくなります。では、私たちのユニークな気質を視覚デザインに反映するにはどうすればいいのでしょうか?

1. ホームページの進化

デザインの初期段階では、クラシックな Win8 スタイルを保守的に試しました。私たちは、その大きくて鮮やかな色の塊に目を奪われました。同時に、このようなレイアウトはWeibo上のテキストを読むのに適した方法ではありません。

方法。 2 回目と 3 回目のドラフトでは、グラデーションを削除し、背景色を調整して、グラデーションのないすっきりとした均一な正方形の Weibo を表現しました。内容は明確ですが、Weiboの閲覧の完全性と写真の利点はまだ十分に反映されていません...

心理学では、人間はテキストよりも画像に対して短期記憶が速いと言われています。読書の際、画像があると前回読んだ箇所を素早く見つけるのに役立ちますが、単純なテキストの文章ではそれが難しいのです。そのため、最終的なタイムライン ソリューションでは、Windows 8 の大画面サイズを十分に考慮し、Weibo でのテキストと画像の表示に特別な戦略を策定しました。時系列順に並べられた各 Weibo ブロックの幅は固定され、画像は境界線のない固定幅で表示されます。 Weibo ブロックの高さは、すべてのテキストが表示されるように画面に合わせて自動的に調整され、画像の高さは画面の高さとテキストの高さに基づいて切り取られます。同時に、Weiboエリアでの高低差が大きくなりすぎないように、最低高も設定されています。

パーソナル センターのレイアウトも、通常のカラー ブロック、大きなサイズのアバター、3 次元ページのリスト レイアウトを廃止し、強調表示された数字と強いコントラストのカラー プロンプトを使用して情報を効率的に表示します。

2. 青、DNAの続き

デザイン面では、テンセントWeiboのクラシックなブルーカラーを継承しながらも、全体的なアイデアに基づいてブルーの明るさを抑え、クリアな効果を利用して快適で柔らかい雰囲気を作り出し、読書時の周囲の色の干渉を軽減しました。

3. 詳細、シンプルさとシンプルさの違い

ミニマリスト スタイルで最も恐れられるのは、デザインされていないように見えることです。この現象を回避するために、独自のレイアウト方法を備えたシンプルなスタイルを使用し、視覚的およびインタラクティブな側面の両方でより洗練された詳細を追加します。

l タイムラインの違い - タイムラインを全体に使用し、円形のアバターを使用して画像のバランスを取り、タイムラインの回転でアニメーションを更新し、大きなサイズの画像戦略を使用します。

l 検索ページ、プロフィールページ - タブページではレベルジャンプが削減され、不要な境界線やその他の Chrome 要素が削除されます。

? アーキテクチャ層の処理をよりフラットにし、ユーザーがフルスクリーンにジャンプする回数を減らす

Windows 8 では、流れて区別がつかないコンテンツだけでなく、全画面へのジャンプが多すぎることもユーザーを迷わせる原因となります。没入型エクスペリエンスは、アプリケーションのすべてのページに存在するべきではありません。 適切な情報の差別化の後、フラット アーキテクチャ処理は Windows 8 ユーザーにとってより適したものになります。

タッチとPCの選択

書き込み操作はWeiboのコア体験の1つです。Win8プラットフォームで書き込みを行う際、ユーザーはキーボードを使用してWeiboコンテンツを入力することを選択する可能性が高いことを考慮して、複数人をメンションしたりトピックを挿入したりする機能を実装する際に、タッチスクリーン入力とキーボード入力の2つのモードでの異なる操作フィードバックを考慮し、PCでのWeibo書き込みの操作体験を参考にしました。

Win8 の設計では、キーボードとマウスの操作設計は主な設計要素ではありませんが、考慮する必要があります。多くの場合、もう少し考えれば、ユーザーにとってはるかに便利になります。

6. Win8プラットフォームアプリケーション設計の提案

l Win8 設計ガイドラインにあまり厳格に従わないでください。ガイドラインのすべては提案か提案でないかのどちらかです。アプリケーションの設計は、決定を下す前に、ユーザー、プラットフォーム、およびアプリケーション自体のコンテンツのバランスを取りながら総合的に検討する必要があります。

l Win8 アプリケーションはコンテンツのために生まれています。設計する前に、アプリケーションがユーザーに何をもたらすかを明確に考え、コンテンツ階層を適切に配置してください。

l Win8 のナビゲーションはスムーズですが、迷いやすいため、ユーザーの認識と集中力を高め、混乱を減らすために、コンテンツの表示にさまざまな区別を設ける必要があります。

l Win8 のツールバーと固定ナビゲーション バーは非表示になっていますが、インターフェイスに表示されないという意味ではありません。アプリケーションのコア操作とユーザーが最もよく使用する操作は、アプリケーション インターフェイスに適切に表示することをお勧めします。

l Metro UI は大きな四角形ではありません。これらのコメントは気にしないでください。軽量でコンテンツ指向を維持しながら、インターフェイスやその他のグラフィックまたは非グラフィック表示の視覚レベルを適切に高めると、ユーザーがコンテンツを認識し、快適に読むのに役立ちます。

l タッチ体験を主に満足させながら、マウスとキーボードのユーザーの操作体験にも十分配慮することで、良い評判を得ることができます。

l 操作レベルの数を減らすようにしてください。Windows 8 の水平ブラウジングにより、よりフラットな情報アーキテクチャが実現しました。この機会を無駄にしないでください。

l 没入型の体験は良いですが、それはさまざまなフルスクリーンページにジャンプしなければならないという意味ではありません。情報の優先順位を合理的に調整し、インタラクティブな操作をより軽く、より予測可能にして、ユーザーの労力を節約する必要があります。

l Win8 オペレーティング システムは、一般的に比較的信頼性の高いハードウェア プラットフォームを提供できるため、アプリケーションを動的かつスムーズに維持できます。

l 縦画面操作を慎重に検討し、愛のために手放すことを選択できます。

VII. 要約

全体的な印象としては、Win8 オペレーティング システムは依然として非常に高速で、スムーズかつダイレクトです。これは、人々の PC 操作習慣をよりタッチ ベースでモバイルな方向へ移行させようとする Microsoft の試みですが、まだ道のりは長いです。しかし、Windows 8 の設計哲学は依然として認識されるべきです。近い将来、人々がシンプル、直接的、高速という言葉を語るとき、ブルース・リーだけでなく、あえて挑戦するこのようなオペレーティング システムを思い浮かべるようになることを願っています。

(この記事はTencent MXD Blogからの引用です。転載の際は出典を明記してください)


原題: WIN8 の設計機能に関する簡単な説明と Tencent Weibo MS の最初のバージョンの設計アイデアの共有

キーワード: WIN8、特別なデザイン、浅い、テンセント、Weibo、初版、デザインのアイデア、著者、デン、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、お金を稼ぐ

<<:  ウェブサイトのタイトルは「トピックに沿ったもの」でSEO最適化がスムーズに進む

>>:  SEOの見通しは人々を喜ばせ、不安にさせる

推薦する

倒産の波の後、共同購入業界は2度目の再編に直面している。地域密着型サービスが競争力の核心

電子商取引企業間の価格競争は熾烈を極めているが、同じく電子商取引モデルである共同購入業界は意外にも地...

Taoxie.com がウェブサイトアーキテクチャの観点から SEO をレイアウトする方法 (1)

昨日、私は「内部構造の観点から見たLefeng.comのSEO設定の欠陥」に関する2つの記事を書き終...

Baiduプロモーションキーワードの価格が高い場合のコスト削減方法

資金が少しある多くの企業が百度プロモーションを行っています。百度プロモーションは確かに短期間で成果を...

サイト内リンク構築で避けるべき4つのよくある間違いの簡単な分析

自分の家さえ掃除できないのに、どうやって世界を掃除できるというのでしょうか?最適化担当者の中には、自...

企業のマーケティングプロセスにおける4つの一般的な問題の詳細な説明

インターネット情報化時代において、オンライン マーケティングは社会の変化に適応した結果であり、ネット...

Baiduで「SEO」を検索すると、実際に「チベタン・マスティフ」が出てきた。これはおかしいだろうか?

今日、百度で「seo」というキーワードを検索したところ、百度の関連検索に「チベタン・マスティフ」とい...

wattaserver - $24/年/128 メモリ/128 スワップ/50g SSD/225g トラフィック/シアトル

Wattaserver は、oneilonline のサブブランドです [20 年の歴史 (1994...

優華婦人服ショッピングガイドネットワークは、キーワードランキングを回復するために3か月半の旅を経験しました

中小規模のウェブサイトにとって最も重要なことは、検索エンジンでのキーワードのランキングであることは誰...

formohost: カンボジアのサーバー、3つのネットワークに直接接続、中国電信cn2/中国聯通、中国移動バックボーンネットワーク

formohostは、複数の国でVPSや専用サーバーを統合・運営する事業者です。主に、(アジア)カン...

Duowan.com のデータ漏洩が確認され、Renren.com と Maopu.com のデータベースが盗まれた

Duowan.com のデータ漏洩が確認される国内の有名なプログラマーサイトCSDNに続いて、Mop...

クラウドネイティブなビジネス変革に向けた9つのステップ

クラウド コンピューティングは IT フレームワークの不可欠な部分になりました。平均して、企業のワー...

NetEase Cloud: オーディオとビデオのトレンドが生まれ、R&Dの課題を解決する必要がある

近年、モバイルインターネットの普及とスマート端末機器の広範な使用により、ショートビデオ、ライブブロー...

SaaSアプリケーションの開発方法

【51CTO.com クイック翻訳】ご存知のとおり、Software as a Service (S...

おすすめの読み物: 2018 年第 2 四半期の低価格 VPS ランキング

2018年第2四半期のローエンドVPSランキングリストが公開されました。これらの業者は、一般的な安価...

SEO担当者にとって、オリジナリティは実はとてもシンプルです

ここで言う独創性とは、ウェブサイト構築を指します。「オリジナルコンテンツ」とは、著者が最初に作成した...