アクション「インターフェース=理解」:作業の最初の結果

画像 おはようございます



私の名前はBjörnLundströmであり、 「Interface = Understanding」キャンペーンの一環として、クライアントアプリケーション設計チーム(CAUIDチーム)を率いています。



昨日、プロジェクトマネージャーから同意を得て、私たちのチームは働き始めました。 そして今日、3つのクライアントアプリケーションのスケッチをご紹介します 。 このプロジェクトブロックを無料(またはシェアウェア)実装用に選択したことを思い出させてください。 もちろん、この作業は最終的なものとして評価されるべきではありません。これは、プログラムの設計とユーザーアクセシビリティを改善するための最初のステップに過ぎません。 先-膨大な数のステージ。



それにもかかわらず、私たちが現時点で何に到達したかを見てみましょう。



組織



写真はクリック可能です


画像 画像

ピーター・ベルダーソンは言う



「秘書とリーダーのための包括的なオーガナイザーのアイデアはまったく新しいものではありません。 90年代後半と、2000年の初めに、softpediaのようなサイトが開発者の注目を集めるようになったときに、私は同様のプログラムに出会いました。



それにもかかわらず、このコンセプトには、他のすべてと根本的に区別するものがあります-マネージャーのワークサイクルに完全に統合される非常に魅力的な機能セット-カレンダー、メール、RSSクライアント、CRMのような連絡システムなど



残念ながら、これは主なプラスだけでなく、このプロジェクトの主な問題でもあります。 事実、プログラマーはオーガナイザーの各機能を別々のタブに表示しました。 これは、プログラムでの作業を効率化するだけでなく、混乱を招き、ユーザーにさまざまなタブを急いで関連情報を表示させます。



このプロジェクトでの私の主な仕事は...機能の最大の組み合わせです。 一方で、これにより主催者の認識が簡素化され、他方で全体的な生産性が向上します。



コントロールを少し修正して作業を開始しました-タブとアプリケーションパネルを厳密なライトグレーの配色で描きました。 タブのデザインは、標準的なオーガナイザーのデザインに可能な限り近いものです。このメタファーは、知覚を促進するのに役立ちます。 時間ごとの作業では、デザインは悪くないことが判明しましたが、要素のコントラストについてはまだ考えなければなりません。



[ メール ]タブを使用してユーザビリティの作業を開始することにしました-ここでの変更は最も明白です。 2つのレベルのタブ「 ニュース」「ファックス 」を取り除き、3つのエンティティすべてを1つのタブ「 メールボックス 」に結合しました。



優れたフーガアイコンのセット(私は常にスケッチに使用します)を使用して、メッセージ、ファックス、ニュースを扱う基本的な機能を擬人化するのに最適なアイコンを選択しました。



すべてのマネージャーまたは秘書がより高い解像度のモニターを購入できるわけではないことを考慮して、メッセージウィンドウの実装時にOutlookではなくMozilla Thunderbirdの経験に依存することにしました。 したがって、メッセージリストは上部にあり、メッセージビューアーはそのすぐ上にあります。 メッセージのリストの上に、選択した項目に応じてアクションのリストが表示される小さな機能パネルを配置しました。



Chameleon Windowsスタートアップマネージャー



写真はクリック可能です


画像 画像

スヴァンテ・ストリックホルムはこう語る



「おそらく、 Chameleon Startup Managerはよく考えられたプログラムなので、他の開発者よりも幸運です。 Windowsのスタートアッププログラムコンフィギュレーターの市場での競争により、著者は使いやすさとデザインのニュアンスの両方を考えました。



メインプログラムウィンドウに関する私の苦情は最小限です。 ダイアログにはさらに多くの質問があります。 入力フィールドが多すぎる、リンクが明るすぎてセクションをサポートできない、機能が重複する-これらすべての作業は後で行われます。



すべての開発者と同様に、私はかなり曖昧でなく、同時に複雑な変更から始めることにしました-メインプログラムウィンドウのデザインを変更します。 CSMでデフォルトで使用されるテーマは私を喜ばせませんでした-私の意見では、それらは完全性と光沢に欠けています。



新しいデザインでは、Windowsのデザインの最新のメタファーをわずかに変更し、エッジが丸いアイコンの「iPhoneに似た」アイコンを追加するという、異例の議論を呼ぶことにしました。



並行して、要素のクイック検索をそのツールバーに移動し、メニューバーのセカンダリ要素を削除することで、ツールバーを最適化しました。 これにより、彼女はより明確でより厳格な外観になりました。



サイドバー(「 その他... 」メニューに追加機能がリストされている)およびアプリケーションのリスト(2次値が少し明るく見える)には、同様の要素の区切りがありました。 下部パネルのテキストフィールドが配置されたため、遅延を調整するために追加のSpinEditが配置されました。



現在、アプリケーションをロードするまでの遅延時間を示すパネルで作業しています。 タイムラインの明確化に加えて、移動する要素のロジックを洗練する予定です。



コディセーフ



写真はクリック可能です


画像 画像

Tove Siversの発言



「4年前、彼らは私に512 MBのフラッシュドライブを提供してくれたので、とても嬉しかったです。 それからそれはまだ珍しかったです。 今日、フラッシュドライブなしでITに接続している人を想像するのは困難です。 この普及は、ポータブルアプリケーション市場を前例のない発展へと駆り立てています。



CodySafeはシンプルだが必須のアプリケーションです。 実際、これはフラッシュドライブを挿入するとシステムトレイから表示される便利なメニューであり、フラッシュドライブにあるポータブルアプリケーションを実行できます。



最初のステップとして、メニュー自体のデザインを更新することにしました-私の意見では、Windows Vistaのメタファーが多すぎる-過度のグラデーション、膨らみ、および「ガラス」効果。 メニューの幅をわずかに縮小し、Windows 7のメタファーに合わせて作成しました。最初からレンダリングすると、ボリュームが失われましたが、まだ作業が残っています。 アイテムの見出しの色が黒(輪郭線がひどいように見えた)からわずかに影のある白に変更されました。



メニューの右側の項目を再グループ化し、プログラムロゴをその上の別の透明なシールドに入れ、最初の項目をエクスプローラーへのリンクにしました。 頻度がはるかに高い一般ユーザーは、個々のテーマフォルダーよりもフラッシュドライブのルートにアクセスするのが論理的です。 クイック検索バーがメニューの左側に追加されました-私の意見では、ディスク上だけでなく、接続されている場合はインターネット上でもポータブルアプリケーションを検索するのに役立ちます。



Windows 7のメタファーに反して、メニューの右側のアイコンを取り除くことはしませんでしたが、より快適でバランスのとれたシステムの同等物を使用しました。 イジェクトボタンと停止ボタンを描画するには、Vistaのメタファーに戻る必要がありました。 ボタンのグラデーションをより積極的にしませんでした。



一般的に、メニューはずっと良く見え始めました。 設計の最終的な改良と設定ウィンドウの使用により、アプリケーションを日常的に快適に使用できるようになります。



チームリーダーから:



私たちの行動は続きます。 私たちのチームにクライアントアプリケーションインターフェイスのデザインまたは再デザインを注文し、市場価値を40%割引する場合はインターフェイス[i] iunderstand.ruに自由形式でリクエストを書いてください 。 ユーザビリティテストを注文するには、 ユーザビリティ[i] iunderstand.ruにリクエストを送信してください。



よろしく

ビヨン・ランドストローム。



All Articles