タグ付けされた質問 「interface-design」

コントロール、美学などのユーザーインターフェイスのグラフィック要素の開発と実装に関する質問

25
「ディスク」ではない新しい世代の保存アイコン
現在、ほとんどすべてのアプリケーションの保存アイコンは、20世紀の3.5インチディスクを表しています。Microsoft Office 2010の例を以下に示します。 より高度な技術に移行するにつれて、この「ディスク」保存アイコンは今では時代遅れになっています。21世紀に生まれた子供は、ディスクが何であるかさえ知らないかもしれません。 アプリケーションのこの「ディスク」保存アイコンを置き換えることができる他の保存アイコンがありますか？または、ここで新しい保存アイコンを設計して標準にすることができますか？理想的には、アイコンはハードウェアを表すべきではありません。テクノロジーが進化するにつれてアイコンは再び時代遅れになるからです。 非常に重要な注意： この質問は、「ディスク」保存アイコンを変更すべきかどうかを議論するものではありません。アイコンはまだ完全に問題なく、エンドユーザーにとって使いやすいことがわかっています。Stack Overflowおよびux.stackexchange.comでこれを説明する質問があります 。 ディスク（またはハードウェア）のように見えない良い「保存」アイコンを探したいだけです。この質問をブレインストーミングやデザインの課題として受け止めてください。:) 回答ごとに少なくとも1つのアイコン画像を保存してください。
13
どうすれば創造的であることを学ぶのですか？
私は生涯プログラマーでしたが、今では本当に自分のものを設計し始める必要があることがわかりました。Photoshopの内外での使用方法は知っていますが、素敵なものを作成することはできません。私は頻繁にドリブルを訪れ、インスピレーションを得ようとしますが、彼らの創造性に圧倒されます。彼らはどのようにしてこのようなものを思いつきますか？ 色理論などの設計の基礎を学ぶことに加えて、オリジナルで見栄えの良いデザインを思い付く最良の方法は何ですか？Photoshopでデザインする前に、デザインを鉛筆と紙で描く必要がありますか？私は主にインターフェース設計について言及しています。最近、ランダムなDribbbleインターフェイスデザインを見つけて、それらをゼロから複製しようとしています。私はしばしば成功していますが、自分でそれを考え出すことができなかったことを知っています。 別の質問は、クリエイティブがどのようにそれを行うかです。 彼らは最初に頭の中でデザインを想像し、次にそれを紙に描き、次にPhotoshopを描きますか？ それとも、Photoshopに行って、何かいいものが出るまで遊んでいるだけなのでしょうか？または何？
18
ドアのプッシュおよびプル標識を表す視覚的な代替手段はありますか？
「プッシュ」と「プル」の使用は非常に簡単で、単語を読んで指示に従います。しかし、毎日、私のオフィスの人々がドアに来て、引っ張る必要があるときやその逆を押しているのを見ています。 代わりにビジュアルを使用して、プッシュ/プルを表す優れた代替方法は何でしょうか？これはおそらく、人々が突然ひらめきを持ち、即座に命令を理解するということにはならないでしょう。言葉の記号よりも早く脳が理解できるグラフィックが必要だと思います...
11
インターフェイスは本当に「見栄えが良い」必要がありますか？
表面的な価値の少ないサイトやソフトウェア（スタイル、インスピレーション、または単に「ニートネス」）が、多くの場合、見事にうまく設計された対応物よりもはるかに優れていることに気付きます。 インターフェース設計のスタイル、創造性、およびインスピレーションの側面は、インターフェース開発のコンテンツ、効率、および生産性の側面と比較して等しく重要ではありませんか？ つまり、ボタンがあるべき場所にあり、進行中のすべてを理解できる場合、追加の派手なスタイルに集中することは重要ではありませんか？ 例： Reddit対Digg Reddit： ひどく見えることが世界的に知られており、1億1,200万人のユニークユーザーが毎月使用しています。 ディグ： 見栄えが良く、毎月2,000万人のユニークユーザーが使用しています。 Windows 7とOSX Windows 7： 見た目は良いですが、美しく滑らかなデザインよりも効率と互換性で知られています。5億ライセンス販売。 OSX： 見た目は素晴らしく、スムーズに動作し、対話しますが、世界のほとんどのデスクトップソフトウェアと「ネイティブ」に互換性がありません。5000万枚が販売されました。
4
グラフィックデザイナーを雇うには？
ウェブサイトのバックエンドを開発しています。私はいつも自分のウェブサイトに魅力的なデザインを作成するのに苦労し、グラフィックデザイナーを雇ったことはありません。ロゴもウェブテンプレートもありません。 グラフィックデザイナーを雇う手順は何ですか？時間を最大限に活用するために、雇用する前にどのような情報を読むべきですか？彼はどこで見つけることができますか？彼にどんな質問をすればいいですか？彼らはいくら請求しますか、どのような資格に注意すべきですか？ビジネスアイデアをデザイナーに開示する必要がありますか、それともリスクがありますか？
4
会社のロゴの色が悪い場合でも、ウェブサイトの色として使用すべきですか？
私は自分がいる会社のウェブサイトを構築していますが、マーケティング部門は色の余地をあまり与えていません。#2DCCD3ロゴにあるため、どこでも使用する必要があると彼らは言いますが、飽和し、限定されているウェブサイトは、青を使用する他のすべてのウェブサイトのように見えます。 同社にはブランド戦略が実装されておらず、至る所にあります。私の考えは、ウェブサイトを定義した後にそれを構築することです。 私の質問は、彼らは正しいですか？記憶に残るウェブサイトを損なうようなブランド認知のためにその色を使用すべきですか？ 私がウェブサイトに提案するカラーパレットは次のとおりです。 勾配：#ff2645〜#d05822 ホバーイン： #ff2645 次のテキスト要素とソリッド要素： #fff ベースのアイコン： #0F8186 追伸 すべてのページに勾配があるわけではありません。
2
階層ボタンセットを描画して、実際よりも不快感を少なくする方法
階層データを移動するために使用できるボタンセットを作成しようとしていますが、それはswのように見えます。修正方法がわかりません。 上の画像で「パネル」が選択されている場合、一番上のボタンを押すと「AnimatedPanel」が選択されます。左のボタンをクリックすると、「スクリプト」が選択されます。右のボタンをクリックしても、パネルはリストの最後の項目なので、何も変わりません。下のボタンを選択すると、「EventHandler」が選択されます。 ボタンセットは、ラベルの左側に配置されます。アイテムが選択されると、ラベルとボタンが表示されます。たとえば、Webページには、垂直または水平のメニュー項目のリストがあります。ボタンセットとラベルは、選択したメニューの上に配置されます。次に「in」を押すと、最初のメニュー項目が選択されます。「左」または「右」を選択すると、メニュー項目が移動します。それが理にかなっていることを願っています。 これを減らす方法はありますか？ @PremierBromanovの詳細： 現在の方法では、「Up」、「L」、「R」、「Panel」のように3つのラベルがすべて一列に並んでいます。 「上」、「左」、「右」という用語を使用していますが、「上」は実際には「現在の行から移動して前の行に戻る」という意味です。これらの用語は、水平方向のレイアウトでの表示方法に大まかに基づいています（ただし、垂直方向では意味がありません）。 XMLでは、ブランチノードやリーフノードなどの用語を使用します。ブランチには、リーフノードがあります。階層データでは、親ノードと子ノードという用語も使用されます。その場合、先祖と子孫があります。兄弟もいます。それらは同じ親を共有する子ノードです。 したがって、最後のケースでは、現在の子ノードの親、前の兄弟、次の兄弟、および子孫を持つことができます。また、前の左、次の葉の親ブランチを持つこともできます。この場合、葉に葉がある場合、枝になります。したがって、親ブランチ、前の葉またはブランチ、次の葉またはブランチ、および現在のブランチの葉。
3
インスピレーションはどこで終わり、違法コピーはどこから始まりますか？
主にMacで実行されるWebアプリケーションのUIを作成しています。したがって、私の目標は、Mac OSのルックアンドフィールを維持することです。ただし、Apples Frameworksを使用していないため、UIデザインを使用することはできません。だから私の質問は次のとおりです。著作権を侵害することなく、どの程度密接にデザインをコピーすることができますか？ これはまだ正当だと思いますか？
2
同じスペースを共有するアセンダーとディセンダーをどのように処理する必要がありますか？
これは、クライアントのコミュニケーションアプリの最初の登録ページです。（私はロゴを覆いました-白い箱に注意してください-彼のプライバシーのために） 「y」が下降し、「h」が同じスペースに上昇するのは好きではありません。2本の線が少しtoo屈になります。助言がありますか？ （アプリのフォントはrobotoです。ここでは、Roboto Boldを使用しています。） 他のデザインコメントは歓迎します-あなたが自分で振る舞う限り:)
1
ピクセルフォントの設計にはどのような考慮事項がありますか？
私はゲーム用の等幅ピクセルフォントを設計していますが、これまでのところ、非常に小さいサイズ（管理している最大のものは5x9です）しか使用できませんでした。多くの場合、7x13ほどの小さなサイズでも思い浮かぶ結果は、すべてブロッシーで魅力的ではありません。 他のいくつかのピクセルフォントを分析しましたが、グラフィカルに魅力的なフォントのほとんどは、セクション全体を斜めに接続するなど、考えもしなかった多くの代替検討事項を作成します。 ピクセルフォントの設計に「最適な」特別なブロックサイズはありますか？覚えておく必要がある特別なピクセル配置はありますか？ときどき、たった11ピクセルの長さの線を描く（または、そのような小さいサイズで交差させる）と、ズームアウトすると他の何かのように見えることがあるからです。
4
3つのボタンの色の組み合わせ
これらの3つのボタンに最適な色の組み合わせは次のとおりです。 それらはすべて同じ色のままにする必要がありますか？ これらは私のオプションです： ページ全体の画像
6
私は現在UX / UIデザイナーとして働いており、上司（バックエンド開発者）は私の決定を信頼せず、まるでプロダクションアーティストが必要であるかのように行動します
私はキャリアアドバイスを必要としています。私は、大企業内の、意図的に隔離された小さなWeb開発部門で働いています。チームの他の誰もがフロントエンドまたはバックエンドの開発者であり、デザインについての知識を知らない人間嫌いを公言しています。それでも、私が仕事をしようとすると（顧客とのサイトのやり取りを設計し、報告された問題点に対処し、より良いソリューションを調査し、ビジネスパフォーマンスの問題に対処し、一般にサイトを目に優しくします）、あらゆる場面で戦っています。私は上司に研究を紹介します（http://www.nngroup.com/などのデータ駆動型の場所から））彼に私に同意してもらい、翌日、開発者がコーディングを容易にするために加えたい基本的な変更を承認することを彼に聞いてもらいます。私は彼と非公開で話し合い、研究記事とgoogle analyticをウォークスルーしましたが、彼が何回同意しても、何も変わりません。彼はまた、私のモックアップをフォトショップで処理し、（率直に言って、ばかげた）ワイヤーフレームを描画し、「それらをきれいにする」ことを期待しており、「彼が考えていたもの」を作成しないとイライラします。 環境も有毒です。私は怒鳴られて罵られました（上司は人事に関与した後でのみ問題に対処しました）。同僚はお互いに敵対的で、侮辱し、お互いに議論します（楽しみですか？）。私は同僚に最大のボリュームで人種差別的な解説付きで射殺される人々のビデオを見てもらいました。その上、私は部門で最も新しく、最も若い、そして唯一の女性です。 私の質問は次のとおりです。これは私の最初のUXジョブであり、私が非常に興味を持っている分野です。私はそこに8ヶ月しか行っていません。それを「最低限」の年に差し出すべきですか、それとも次に進むべきですか？私の以前の仕事はほとんどが大学の一時的な仕事で、ジャンパーのようになりたくありませんが、私が設計したものは実際には実装されておらず、独占的であるため、この仕事から私の廃墟の仕事を上げることはできません。私は何をすべきか？
4
ダブルクリックを文書化する方法は？
ソフトウェアプログラムのドキュメントを書いています。ドキュメントを開くには、ダブルクリックする必要があります。 スクリーンショットだけを読み飛ばし、テキストを読まない読者を考慮して、直感的に理解できるようにダブルクリックアクションを設計する方法は？ 可能であれば、これはシングルクリックでインラインにする必要があります。これも指定する必要があります。 これまでのところ、ピクセル矢印と単一の円と二重の円を思い付きました。読者がそれらの1つだけを見ても、それは十分に明確ですか？はいの場合、なぜそれで十分ですか？そうでない場合、何を強化できますか？その理由は？ ここで使用される緑色は、強調表示用のCI / CD色の1つです。 更新 これまでのフィードバックに感謝します。回答とコメントに基づいて、私はいくつかのオプションをまとめ、少し（主観的）フィードバックを収集しました。私はドキュメントを印刷している人々を考慮する必要があるので、白黒バージョンも見る必要があります。提案番号 5を追加すると、xIMHOが最もよく受信されました。
4
ユーザーは要素の位置、色を最も覚えていますか？
私はいくつかのボタンを含むナビゲーションメニューを持っていますが、これは次のように見えます（注：各ボタンには、他のボタンと区別するための独特のアイコンがあります。モックアップに追加しませんでしたが、Wins8アイコンに似ています）： 一部のユーザーは、誤って [送信]ではなく[署名]をクリックしたと報告しましたが、これは許可されていません。ボタンをもっと差別化する方法を今考えています。1つのオプションは、署名を右に移動することです。もう1つは（おそらく移動に追加して）色を変更します。 ポジションは十分に差別化されていますか？または、色の使用も検討する必要がありますか？このナビゲーションに新しい色を追加すると、全体的なパレットと外観にある程度の影響があるため、支払う必要のある代償があります。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.