UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary
一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア
ブログ | AQ株式会社 - 世界に響くサービスをつくる、デザイナーと開発者のチームです
企業・文化・コミュニティのために、新たな展開につながる創造的なコミュニケーション・ツールをつくります。お問い合わせ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
エレベーターの閉じる／開くボタンのUI改善 〜日本マーケット向けの決定打は『ひらく』ボタンの撤廃だ〜 - キャズムを超えろ！
fladdictさんところで話題になっていた『エレベーターの閉じる／開くボタン、間違って押す。あそこのUIはよくない』という話。いろんな人を巻き込んで、こういうUIなら閉じる／開くを押し間違えないぞ、というUIアイディアコンテスト状態に。なんて面白いことやってるんだ俺も混ぜろ！ってことで考えてみたのだけれど、どうにもデザインを提案しているみなさんの方向性が皆して『ひらくボタンを目立たせよう、大きくしよう』という方向に。詳細はこちらのNAVERまとめ参照。 ........なんでやねん！と。100回言いたい。 何十年と使い込まれたエレベーターを見て、とじるボタンのほうが明らかに押されまくって印刷がかすれたり、傷だらけになったりしているのをみんな知ってるだろうに。ひらくボタンは緊急性が高いから目立たせようという話なんだろうけど、だったら故障時の緊急呼び出しボタン（係員と電話するアレ）のほうが1
わかりやすい「エレベーターの開閉ボタン」ってどんなんだろうね？ | fladdict
Twitterで「ボタンと間違いやすいサイン」について呟いたら・・・ いつのまにか「間違いやすいエレベーターボタンのデザインの話」に巻き込まれてたでござる。 面白そうだったので、自分でも考えてみたり。コアコンセプトは以下のような感じ。 安全側にマージンを設ける 表現の為に安全を犠牲にしない 迷ったらコンサバに。チューニング芸で頑張る。 視覚的／言語的にハンディキャップがある人にリスクを負わせない。「ってか、そこは周囲の人で吸収する社会にしようぜ！」という思想を、そこはかとなく埋め込む。 ボタンの文言とか 「開く＆閉じる」や「開＆閉」は、漢字が似てて視認性が悪いのでボツ。「あける＆とじる」や「あける＆しめる」は、「る」が被るのでボツ。「Open & Close」は視認性が悪いし子供がわかんないのでボツ。 で「ひらく」と「しまる」に決定。 「とじる」や「しめる」じゃなくて「しまる」にした最大の
「文書保存のあのマークは何なの？」の時代へ。思考が停止してしまったUIデザイン （神田敏晶） - エキスパート - Yahoo!ニュース
Windows 8 Office2013 PowerPoint の保存アイコンマイクロソフトの最新OSのWindows8を入手して、バツイチ知人の、子どもに見せびらかしていた。 すると、このマークは「保存」でしょ。でも何のマーク？と尋ねられた。 ボク「フロッピーだよ」 彼女「フロッピー？」 という怪訝な顔…。 すでに256KB1.44MB しか入らない、フロッピーディスクを日常、見かけることはすっかりなくなってしまった。 しかし、教育業界では、予算がつかないと今でもフロッピーディスク付きのワープロで仕事をしているところが少なくないと伺う。 このカタチが保存するマークのメタファーとしてデザインされてからすでに数十年が経過している。 フロッピーが存在する間は、これでも良かったが、ハードディスクやUSBメモリ、そしてクラウドがこれだけ増えているにもかかわらず、「保存する」に対しては、今となっては
UX/UI（ユーザー体験／ユーザー・インタフェース）：ITpro
アプリやサービスによる創造的なユーザー体験と、使いやすいユーザーインタフェースの実現に役立つ情報を提供します。【冬休みスペシャル2012-2013】 マルチスクリーンで新しいユーザー体験を作ろう スマートフォン、タブレット、パソコン、テレビ---これら複数のスクリーン（＝デバイス）の活用が、新しいユーザー体験を生み出す。エンジニア、デザイナー、クリエイター、企業、様々なところから、新しいアイデアやアプリや取り組みが生まれ始めている。 【つ部 × Multi-Screen UX Competition トークライブ レポート】 「クロスサービス、マルチスクリーンにチャンス」、バイドゥ矢野氏とコンセント長谷川氏 【マルチスクリーン時代の企業UX（ユーザー体験）戦略】 Part7. UX視点からのイノベーションの定義 【マルチスクリーン時代の企業UX（ユーザー体験）戦略】 Part6. UX
参考にしたい！思わず押したくなるiPhone、iOSアプリのボタンデザインまとめ | Goodpatch Blog
こんにちは、初めまして！ 今日からMEMOPATCHブログの更新をさせていただく、だいきです。 よろしくお願いします！ 先日「280万回押されるボタンのデザインとは」 という記事を読み、 アメーバから出ている「きいてよ！ミルチョ」の 「きいてよ！」ボタンが押したくなるようなデザインで とてもいいなーと感じました。 そこでアメーバの「きいてよ！ミルチョ」のような 「思わず押したくなるようなデザインのボタン」 を10個ピックアップしてまとめてみました！ （各アプリ名のリンクはiTunesに飛びます） きいてよ！ミルチョ 内容: 人には言えないノロケ・愚痴・思いつき・ひらめきをキャラクターに聞いてもらえるアプリ コメント: このアプリで一番押すボタン(きいてよ！ボタン)が立体的で押したくなるデザイン。 phoster 内容: 簡単にオシャレなポスターが作れるiOSアプリ コメント: homeなど
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
とあるショッピングサイトの掲示板に見た「使いやすさの原点」について | マミオン有限会社-パソコン・数学研修、法人研修
BBS（ビービーエス）、またの名を掲示板。 今となっては少しノスタルジックな響きを持った言葉ですが、先日、とあるお店のサイトに設置されていた掲示板を見かけて驚いたとともに、ユーザビリティについて考える機会があったのでご紹介したいと思います。 掲示板上でやりとりされる注文情報…問題の掲示板は、こちらの「しょうゆ販売店」のサイトに設置されたものです。 書き込みの途中に、商品の注文情報が書かれているのが見つかりますか？ （個人情報がそのまま書かれているので、ボカシ入り画像のみでのご紹介です。） これを初めて見たとき、2つの意味で衝撃を受けました。 1つ目は、ここを注文フォームと間違えて書き込みをしてしまう人が存在するということ。 2つ目は、この方法、結構いいんじゃない？ということです。 セキュリティ上はマズいけど…一般公開されている掲示板に注文情報を書いてしまうというのは、普段からインターネット
このインターフェースは初体験。ロシア発かっこ良すぎるスケジューラーアプリ『Sooner』 - リニューアル式
Sooner: to do list & weekly planner 1.0（￥85） カテゴリ: 仕事効率化, ビジネス 販売: SMS Services O.o.o.（19.9 MB） なんてユニークなインターフェース！ 348個目の原石アプリは「Sooner」。ロシアのAppStoreで「仕事効率化」カテゴリ１位になったタスク・スケジュール管理アプリだ。 特徴はこのユーザーインターフェース。 動画はロシア語だが、動きや雰囲気は十分に伝わると思う。 はっきり言ってかっこいい。 リマインダーも設定できるし、iPhoneのカレンダーとの同期もできる。 つい自慢したくなるアプリだと思う。 オススメ度 ★★★★★ 12月５日まで85円セール中だそうです。 高橋モトシ(@Motoshi_t）でした。
Kawaz - ノベルゲームのUIデザインについてあれこれ～メッセージ画面編
どーも、有給という名の作業時間（リーサルウェポン）が喉から手が出るほど欲しいつなくっくです。 今日から2012年12月のKawazAdventCalendar開始ですね！ 土壇場にもかかわらず参加表明してくれた皆様、そして主催の@giginet、ありがとう！ そしてありがとう！ さて、KawazAdventCalendarの初っぱななので何を書こうかなあと考えていたのですが、思いつきませんでしたorz なので、KawazAdventCalendarとは別に考えていて書きためていたネタなのですが、「ノベルゲーUI作成時のtipsや意識すると良さげなところ」を書きたいと思います。 ノベルゲー企画者がメンバーにUIデザインのイメージを言う時、そして自分でデザインする時にどのようなものがいいのか指定する側はある程度UIデザインについて把握してないと困るなあと感じています。 知らなければどうしてもア
UXのためのUIデザイン
5. UXとUIの境界 UX = ユーザー体験 語られる言葉は、体験です。 UI = ユーザーインターフェイス 語られる言葉は、インタラクションであり、ビジュアルであり、アーキテクチャです。 UX UI UX=UIではありません。ユーザーがUIを通して体験することがUXです。 UIで語られる言葉がどんなに素晴らしくても、それがすなわちUXを実現しているとは言えません。 UIデザインの理由 デザインには理由が必要です。 UXの実現をUIの目的とした場合、『デザインの理由=UXを実現していること』です。 しかし、体験をUIの言葉で語るには限界があります。そのため、UXとUIをつなぐ言葉が必要になります。 5
無料で使えるUIデザインの基本要素が詰まった32の素材集 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy UI kit Dark UI Kit Modern UI Kit UI Bundle Detailed UI Kit iTunes Inspired UI Kit (PSD) iPad Application Moc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「シュッ」とか「チン」とかのフリー音源集
日本マイクロソフト、Kinectなどを使ったナチュラルUIの研究事例を紹介 ～手振りでポケットの中のスマホを操作
Loading...
ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ
http://blog.nemousu.com/entry/2012/11/14/232914
cmmntr.com