デザイナーがUIについて考えるときのコツ - 2014/11/18 [Schoo]
こんにちは！スクー教務課の廣松です。 今回はスクーで開講された授業からデザイナーがUIについて考えるときのコツについてご紹介したいと思います。 UIとは？ ユーザインタフェース (User Interface) は、機械、特にコンピューターとその機械の利用者（通常は人間）の間での情報をやりとりするためのインタフェースである。(Wikipedia「ユーザーインターフェース」より引用） …うーん、難しい！ 本記事は、UIについての知識がない方から、UIデザインの具体的なコツが知りたい方まで一緒にUIデザインについて理解を深められる内容となっております。Webデザインの第一線でご活躍されているプロによる授業から学んでいきましょう。 目次 1. UIとは何か 2. アプリUIデザインについて 3. 優れたUIとは 4. 優れたUIを考えるコツ「UIをパターン化」してから選ぶ 5. UIデザインを考
![デザイナーがUIについて考えるときのコツ - 2014/11/18 [Schoo]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ee9310c23132593278f0297238b0f4244cd92f69/height=288;version=1;width=512/http%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fi.schoo%2Fimages%2Farticle%2Fdesign%2Fwdkj6_2.jpg)
UIの学習のために生まれたUI | UXデザイン会社Standardのブログ
UIには本来のサービスが成り立つ上で必要な機能に基づいた必須UIの他に、その必要機能についてユーザーに学んでもらうための学習用UIというものが存在します。本来であればサービスに必要なのは必須UIのみだったはずですが、リリース後やリリース前の段階においてユーザビリティテストを行なった結果があまり良くないのであれば改善をすることになります。しかし、UIのどこに課題があるのかの分析と改善には時間がかかり、実装などでも工数が発生することも考えると、より少ない手間で解決する方法が望まれます。今回は、このようなユーザビリティ上の課題を解決するために生まれた学習用UIのパターンをご紹介します。 参考：モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 使い方を学習するためのUIパターン もし新規のユーザーがサービスのコア機能の使い方がわからなければ、サービス自体を利用してくれな
AndroidのダメなUX、UIパターン - あぷすた - iPhoneとWebとプログラミングと
Androidアプリを開発する上でこれはダメなUX、UIをGoogleのエンジニアが動画で詳しく紹介してくれます。 iPhoneアプリ開発にも通ずるところがあるので必見です。 要点をまとめておきます。 読み込み中のダイアログを頻繁に出さない 何度も出るとうざいし、読み込みをキャンセルできないと端末を叩き付けたくなります。 解決策としては、アクションバーの下にプログレスバーを出したり、コンテンツの表示部分だけにロード中のマークなどを出すようにする。 ボタンが小さすぎる 縦、横48dp以上が望ましいです。 ダイアログの「はい」「いいえ」ボタンの位置を標準に合わせてね フィードバックがない ボタンや選択できるエリアをタッチしたら何らかのフィードバックを。 選択部分の色を変える。pressとfocusedの状態を用意するとなお良いです。音もありかな。 UIデザインはこだわりすぎない やりすぎず、あ
ウェブサイトやブログによくあるリストデザインが流行のグリッドデザインよりも有効なわけ
「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザインの2種類をテストしてみたところ、「リストデザインの方が明らかに見やすく、ユーザーの反応がいい」という結論が出ました。 List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids http://blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/ グリッドデザインとリストデザインのどちらが本当に効果的なのか？ということを調査したのはソ
クックパッドの元山和之氏「デザイン力向上のカギは観察すること」【連載:UI・UXキホンのキ】 - エンジニアtype | 転職type
「デザインが分からない」 時折、エンジニアからこうしたセリフを聞くことがある。 たいてい、このセリフが意味するのは「自分には絵心やセンスがないから」という単純な理由なのだが、本当に絵心やセンスがないとデザインは理解できないものなのだろうか？ この連載では、デザインの本質的なロジックやデザイナーの思考法を、毎回著名サービスにかかわるデザイナーに語ってもらう。 連載第一回目となる今回は、日本最大の料理レシピサイト『クックパッド』のデザイナー、元山和之氏の登場だ。 クックパッド株式会社 デザイン部 デザイナー 元山和之氏 1985年生まれ。 名古屋市立大学芸術工学部を卒業後、広告代理店を経てはてなに入社。『はてなブックマーク』のメインデザイナーを務めた後、2013年3月にクックパッドへ移り、サイト全般のデザイン業務にかかわる。ほか、社内で利用されるデザインフレームワークづくりにも携わっており、プ
ユーザー体験をうまくデザインするために知っておきたい「UXタイムライン」とは - エンジニアtype
Webやアプリサービスの企画・開発で重要視されるようになっているユーザーエクスペリエンス（以下、UX）。 日本の成長を長年支えてきた家電製品が販売不調になり始めた10数年前から、「今後のモノづくりでは機能価値よりも体験価値が大事」という指摘はあった。が、最近はありとあらゆるビジネスで、「UXをどうデザインするか」が成長のキーファクターとなりつつある。 そんな時代背景を受け、今年2月3日、東京・港区で『Value of UX for Buisiness』と題するセミナーが行われた。主催は、サンフランシスコと東京に拠点を構えるグローバルクリエイティブエージェンシーbtrax。同社が2013年から提供しているUXデザインコンサルティングの知見を踏まえて、理想的なUXを生み出す方法をCEOブランドン・ヒル氏が講演した。 その中で出てきたのが、「UXタイムライン」という概念である。 UIの満足度は「
UXデザインをアプリ制作のワイヤーフレームとプロトタイプに取り入れるケーススタディ « ブログ｜東京のアプリデザイン制作会社｜株式会社ハラハラ｜harahara Inc.
巷で良く聞かれる「UXデザインとは？」意味が広義にわたるため明快に答えることが出来る人はなかなか少ないのではないでしょうか？ただ「ハラハラという会社で提供するUXデザインとは何？」と聞かれたらこう答えると思います。 “ルック＆フィールによって発生する体験の価値をよりよくする為の作業” UXデザインを正しく運用・開発するためにはIA（情報アーキテクチャ）とそれを実行する手法（ステートメントシート、ペルソナ、カスタマーエクスペリエンスマップ、ワイヤーフレームなど）を組み合わせる必要があります。 今回はそういったツールの中で制作過程におけるレイトステージにおいて弊社で最もハードに使われる「ワイヤーフレーム」と「プロトタイプ」を組み合わせる開発方法を少しだけご紹介いたします(あくまでもアプリの操作法では無くワークフローの一部を抜粋したものになります) 基本的な流れはワイヤーフレーム→プロトタイプの
アプリUIデザイナー名インタビュー７選 - showrtpath - iOSブラウザ開発日記
2013-12-27 アプリUIデザイナー名インタビュー７選 iOS開発 こんにちはnasustです。iOSのヒットアプリのUIのデザインはどれも優れています。 今回はUIのデザインに関わるデザイナーの読み応えのある名インタビューを紹介します。 Pathで働く女性デザイナーの一日 in San Francisco | freshtrax | btrax スタッフブログ 革新的デザインの裏側【インタビュー】Flipboardデザイン主任-Marcos Weskamp | freshtrax | btrax スタッフブログ 【インタビュー記事】日本人初のDribbblerに聞く、優れたUIデザイナーになる為の秘訣とは: 前編 | MEMOPATCH 【インタビュー記事】日本人初のDribbblerに聞く、優れたUIデザイナーになる為の秘訣とは: 後編 | MEMOPATCH Pinterest
ナビゲーション/メニューのiPhoneアプリデザイン集22選
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
米国市場の高校サイトでは、今、何が起きているのか？
ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用無料、スマフォ向けユーザインターフェイスの引き出しを増やすPSD素材 -Flatastic Mobile UI Kit
クリステ特別編 UIデザインの今とこれから #crsp3 にいってきた