ペーパープロトタイピング入門 – 第0回 | fladdict
先日リリースした、スマホアプリのペーパープロトタイピング用ノート。 商品として販売した以上、お客様のフォローアップは必須。ということで、ペーパープロトタイピング講座をはじめようかと。 全体構成は以下のような感じで、5回ほどにわけて解説していければと思います。 第1回、どうして紙でプロトを作るのか？ 紙で行うプロトタイピングの利点や特徴。ワイヤーフレームとの違いについて。 第2回、ペーパープロトタイピングに使う道具 自分でやってみるのに最低限必要な道具や、あると便利な小物などを紹介。 第3回、ペーパープロトタイピングの仕方 実際に紙をつかって、アプリケーションのプロトタイピングを行ってみる。 第4回、見やすいペーパープロトの描き方 チーム共有やプレゼン用に、見栄えのいいペーパープロトを手早く描く方法。 第5回、ペーパープロトから動作モックアップを作る POPなどのアプリを使って、紙のプロトタ
ExperienceFellow - カスタマージャーニーマップの自動生成ツール - UXploration
ExperienceFellow（エクスペリエンスフェロー）というオンライン・ツールをご存知でしょうか？ THIS IS SERVICE DESIGN THINKING の著者 Marc Stickdorn氏と Jakob Schneider氏が共同で立ち上げたサービスで、一言で言えば「カスタマージャーニーマップの自動生成を可能にしてくれるツール」です（カスタマージャーニーマップとは？については「ユーザーエクスペリエンス・ジャーニーマップ」をご参考ください）。 ExperienceFellow とは？ ExperienceFellow が掲げているコンセプト「Research customer experience」が示す通り、被験者のエクスペリエンス（体験）を記録し、ジャーニーマップとして可視化するだけではなくチーム内でジャーニーマップを起点にコメントや洞察を登録・評価することができるサ
UXについて理解が深まる！ユーザーエクスペリエンス概念図まとめ【全26枚】
photo credit: eskimoblood via photopin cc こんにちは、@h0saです。 世に出ているUXについての理解を助ける概念図をまとめました。 UX（ユーザー体験）という概念は目に見えない分、それを説明するための図やビジュアルで説明した資料が世の中に数多く存在しています。 この記事では、主に有名どころをピックアップしつつ、全26枚の画像を短い説明を加えて紹介していきます。 更新履歴 2014/12/29： ・Alan Cooper氏のUX概念図（Form/Content/Behavior）を追加 2015/08/16： ・リンク切れの修正とそれに伴う記事の再構成 2016/05/06： ・リンク切れの修正 ・UX Maturity Model を追加 ・記事末尾に参考資料のスライドを追加 2017/1/8： ・Alan Cooper氏のUX概念図を削除（ソー
あなたがReactを使うべき理由 - mizchi's blog
最近フロントエンドでfacebook/reactをずっと使っている。世界的には一部のエンジニアの間で流行っているのだが、国内だとqiitaのタグ等を見てもどうも少ない。みんなもっと使うべきだと思うので、宣伝かねて意見をまとめてみる。 複雑化するデータバインドに対する懸念 MVWのVに対して思いを馳せると、だいたい次のことに行き着く。すなわち、「ある構造体の入力に対して、必ず一意なビューを生成したい」 {items: [1, 2, 3]} を入力とすると、 1, 2, 3のli要素になってほしい。これは単純な例だから問題に成り得ないように見えるが、アプリケーション全体の状態を一つのjsonとして定義し、 そこから常に0から組み立てればアプリケーションの健全性が確保できると考えたことはないだろうか？ 現実の問題 UIのだいたいの状態は遷移で表現される。遷移の差分をプログラマが記述する。jQue
米国市場の高校サイトでは、今、何が起きているのか？
ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）
「深津貴之氏に学ぶ、スマホUI/UX講座 〜iOS7についての考察とfladdictデザイン論〜」に参加してきました。 | DevelopersIO
「デザイン = かっこ良くすること」だとは限らない。 デザインとは? 設計 複雑な問題を整理して解決すること わりとエンジニアリングに近い 文章を書く練習をすれば読みやすい文章を掛けるようになるのと同様に、勉強すれば人を困惑させないデザインは作れる。 ヒューマンインターフェースの原則 インターフェース = 接点、境界面、接触面、接合面、仲立ち、橋渡し ヒューマンインターフェース = 人とモノをつなぐもの ヒューマンインターフェースの原則 = アプリがユーザーとコミュニケーションをする時の原則 1.必然性のあるビジュアル 機能と外見が調和しているか？ TPOにあわせた格好をさせる ユーザーとコミュニケーションを取る ドレスコードみたいなもの(例:ゲーム:楽しく、ツール:信頼性ありそうな) 機能に最適な外見を与えることで... 使い方がつたわる。 とっつきやすくなる 2.一貫性 アプリ全体でル
UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
UI/UXデザインに関わる者なら見ておきたい記事とスライド10選 - Sadakoa.jp-Blog-
2013-11-07 UI/UXデザインに関わる者なら見ておきたい記事とスライド10選 今回はUI/UXデザインについて触れてある記事やスライドで自分が実際に読んで参考になったと思ったものを備忘録としてまとめました。実際にUI/UXデザイナーの人や、僕と同じくUI/UXデザイナーを目指している人、また実際に興味がある人のお役に立てたら幸いです。 記事1 UI/UXの違いについて 5分でわかるUIとUXの違い : Excite Designer's Blog そもそもUIとUXは何が違うのかという事を知らない人もいると思います。 まずはUIとUXの違いについてはっきり知らなければなりません。 記事2 なぜUIとUXがよく混同されてしまうようになったのか UXとUIが混同されるワケ : could UIとUXが混同されてしまう理由について触れてある記事です。 僕も最初はUIとUXを混同
)
UX アクティビティ: ROI とユーザー エクスペリエンス ～ UX を改善するどんな費用対効果が期待できるのか? ～
Microsoft Research に所属する Bill Buxton がユーザー インターフェイスの設計理論として提唱した「ユーザー エクスペリエンス デザイン」は、アプリケーションや Web の開発者やデザイナー、アーキテクチャーに大きな影響を与えました。そして、現在では、ユーザー エクスペリエンスは (以下、UX)「製品・サービス・環境との対話操作の結果による、あるいはそれによって予期される、ユーザーの感動、信念、好み、ふるまい、成果のすべて」と ISO 9241-210 で定義されています。 開発会社だけでなく、情報システム部門やコンサルティング ファームからも注目を集める UX は、一方で、既存の業務システムに採り入れることでどのようなメリットがあるのか? を求められることが多くなってきています。 そこで、会議室の予約システムという汎用性の高いアプリケーションをサンプルに、UX
「デザインは可能を芸術に昇華させること」元Quoraデザイナー・上杉周作が語るこれからのプロダクトデザイン【特集:New Order_05】 - エンジニアtype
「デザインは可能を芸術に昇華させること」元Quoraデザイナー・上杉周作が語るこれからのプロダクトデザイン【特集:New Order_05】 2012/04/09公開 元Quora Product Designer 上杉周作氏 1988年生まれの24歳。小学校卒業と同時に渡米し、カーネギーメロン大学でコンピューターサイエンスを学ぶ。米Apple、米Facebookにて、エンジニアとしてインターンを経験した後、実名Q&Aサイトとして知られるSNS『Quora』のプロダクトデザイナーに。2011年7月に慶應義塾大学で行われた講演が好評を博し、一躍日本のIT業界で有名人となる。本記事の取材後、2012年3月に同社を退職した ―― スティーブ・ジョブズがテクノロジーやプロダクトデザインに与えた影響について、どのようにお考えですか？ そもそも技術には3つのステージがあるとわたしは思っています。最初の
ソフトウエアエンジニアがUX/UIを考える上で読むべき4冊の良書と名言たち【五十嵐悠紀】 - エンジニアtype | 転職type
2005年度下期IPA「天才プログラマー」認定、第24回独創性を拓く先端技術大賞 学生部門文部科学大臣賞（部門最優秀賞）など華々しい経歴を持ち、三児の母でもある五十嵐悠紀の連載です 五十嵐 悠紀 計算機科学者、サイエンスライター。2004年度下期、2005年度下期とIPA未踏ソフトに採択された、『天才プログラマー/スーパークリエータ』。日本学術振興会特別研究員(筑波大学)を経て、明治大学総合数理学部の講師として、CG/UIの研究・開発に従事する。プライベートでは三児の母でもある 何か製品を考える時、そのものがカタチのあるものであっても、はたまたコンピュータの中で動くソフトウエアだったとしても、「ユーザーインターフェース（以下、UI）」について考える必要があります。さらには、わたしたちが日常生活においてストレスなく過ごせている裏側には、さまざまな人によって考えられてきたUIデザインが隠されて
【UX設計の失敗学】今年、「最高のユーザー体験」を作りたいと考えるディベロッパーが知るべき3つのこと - エンジニアtype | 転職type
2013.01.18 働き方 あるeコマースサービスを、スマホアプリ化する案件に携わることになった、とあるUXデザイナー。彼はプロジェクトに入る前にさまざまなマーケティング調査に目を通して、 「アプリを使うシチュエーションは、PCでサービスを利用する時とは違う」 「だから、PCのサービスをそのままアプリにするやり方では失敗する」 「これから作るアプリは、『ユーザーのタッチポイントを複数作る』という発想で開発しよう」 とチームに提案した。 しかし、プロジェクト開始早々、チーム内から彼の意見に反発の声が上がる。出てきた意見は、おおむねこんな内容だ。 「Webでそれなりに成功しているのに、なぜ『違う機能のアプリ』にする必要があるのか？」、「タッチポイントを増やしたところで、売り上げは上がるのか？」 客観的に聞く限り、このUXデザイナーの意図していたことは、決して間違いではないように思える。なのに
優れたUIデザインを作るために知るべき12のTips | Goodpatch Blog
こんにちは、だいきです。 海外のUIデザインに関する記事「14 Golden Eggs of Good UI Design（直訳: 優れたUIデザインの14の金の卵）」で書かれていたUIデザインに関するTipsがとても勉強になったので、その中からいくつか抜粋したものを翻訳しました！ （この記事はJohannes Thönesというブログの14 Golden Eggs of Good UI Designという記事の抜粋翻訳ブログです。） 1, 先進的な技術を使う理由 photo credit: Carlos Varela via photopin cc HTML5が新しい技術だからといって、それを使う必要性はありません。 新しい技術を使うことが目的になってはいけません。 ユーザーとユーザーが期待している事を考えてください。 どんなUX（ユーザーエクスペリエンス）をユーザーに与えたいですか？
成果の上がるUI/UXをデザインする為にはリサーチが大切であるという話
こんにちは、坪内です。 先日、新たにスマートフォンアプリ向けにUI/UXリサーチ･デザイン事業を始めますよ、というプレスリリースを配信させていただきました。日経産業新聞さんや Cnet さんにも記事を載せていただきました。 企業のスマートフォンアプリ開発におけるUI/UX面の課題や問題点を抽出し、改善していくという言わばスマートフォンアプリのデザイン・コンサルティングのような事業です。この事業では、ユーザビリティテストやグループインタビュー、ビジネスコンテキスト調査、その他ありとあらゆるリサーチ手法を駆使しながら、徹底したユーザー視点で、ユーザーの満足をデザインするサポートを行います。 UI/UXリサーチ・デザイン事業は、 Sleipnir Mobile の開発運用やスマートフォンアプリの共同開発事業の経験で得たノウハウを余すことなく取り入れた、専門的なリサーチ・デザインサービスです。その
テーマは“UI、UXの衝撃” CROOZ主催の開発者向け技術勉強会“第4回テックヒルズ” | ファミ通App【スマホゲーム情報サイト】
●ユーザーの心を掴み、ビジネスになるUI、UXとは？ 2012年11月7日、都内の六本木ヒルズ内アカデミーヒルズにて、Mobage向けにソーシャルゲームを提供しているCROOZが“第4回テックヒルズ”を開催した。同イベントは、次世代技術の可能性を追求する開発者向けの技術勉強会で、CROOZが今年から定期的に行っている取り組み。これまで、“全文検索＆検索を利用したサービスの使命、利用プロダクト、事例紹介”、“「ネイティブアプリ」vs「Webアプリ」これからのアプリケーション開発のトレンド”、“2012..Flashの終焉!? ～Flashの今後を見抜く～”といった、そのときそのときの旬な開発技術をテーマに、ゲスト見識者を招いてのプレゼン、パネルディスカッションが行われてきた。 4回目を数える今回のテックヒルズのテーマは“UI、UXの衝撃”。最近注目を集めているUI、UXに関して、どのようなプ
デザインは“世界観”を築くためにある ― WOW 鹿野護のUI・デザイン論。[1] | キャリアハック（CAREER HACK）
理想的なUIとは何か？ WEB業界でも常に議論の的となるこの問いを、世界にその名を知られるクリエイター集団 WOW を率いる鹿野護氏にぶつけてみた。UIとは“境界”であると定義する鹿野氏。UIの良し悪しは、そこに“世界観があるか”で決まるという。 ビジュアルデザインの新たな地平を切り拓く、トップクリエイター。 東京・仙台を活動の拠点として、ロンドン・フィレンツェなど国際的にも活動の場を広げている、ビジュアルデザインのトップクリエイター集団「WOW」。 その取締役兼チーフビジュアルアートディレクターを務める鹿野護氏に、このところWEB業界のキーワードとしても注目を集め続けている「UIとは何なのか？」を伺おうと、スタートした今回のインタビュー。 しかし話題は、細胞膜、認知科学、さらに禅の思想など幅広い領域を横断しながら、最終的には「今後のビジュアルデザイン」に関するヒントを示唆するような内容と
![デザインは“世界観”を築くためにある ― WOW 鹿野護のUI・デザイン論。[1] | キャリアハック（CAREER HACK）](https://cdn-ak-scissors.b.st-hatena.com/image/square/5bf4f9865fadcf5b64189de92d299f95395f4f8b/height=288;version=1;width=512/https%3A%2F%2Fimage-careerhack.en-japan.com%2Fold%2Fno_content%2Freport%2F20121108_d93a0428-4079-4e0b-85d7-015a388e6387.jpg)
『クックパッド』『LINE』『Wantedly』ヒットサービス担当者が語るデザイン設計の極意【五十嵐悠紀のUI/UX座談会】 - エンジニアtype | 転職type
2012.08.08 スキル CG・UIの研究家として知られる五十嵐悠紀さんの連載17回目。今回は特別企画として、今旬のPC・スマホWebサービス『LINE』『クックパッド』『Wantedly』のUI/UX担当者に登場してもらい、UI/UX座談会を開催。前編ではそれぞれのUI/IX観を、後編ではエンジニアがUI/UX設計に携わる際に陥りがちな罠とその解決策を紹介してもらった。人気サービスを生みだしたデザイン設計プロセスから語られる、本質的な価値とは一体何なのだろうか。 【ファシリテーター】筑波大学 システム情報工学研究科 コンピュータサイエンス専攻 非数値処理アルゴリズム研究室(NPAL) 五十嵐 悠紀 2004年度下期、2005年度下期とIPA未踏ソフトに採択された、『天才プログラマー/スーパークリエータ』。筑波大学 システム情報工学研究科 コンピュータサイエンス専攻 非数値処理アルゴリ
『LINE』『クックパッド』『Wantedly』のUI開発に見る、技術者が陥るUIデザイン3つの罠と、その解決策【五十嵐悠紀のUI/UX座談会】 - エンジニアtype | 転職type
『LINE』『クックパッド』『Wantedly』のUI開発に見る、技術者が陥るUIデザイン3つの罠と、その解決策【五十嵐悠紀のUI/UX座談会】 2012.09.05 スキル CG・UIの研究家として知られる五十嵐悠紀さんの連載17回目。今回は特別企画として、今旬のPC・スマホWebサービス『LINE』『クックパッド』『Wantedly』のUI/UX担当者に登場してもらい、UI/UX座談会を開催。後編は、エンジニアがUI/UX設計に携わる際に陥りがちな罠とその解決策を紹介してもらった。人気サービスを生み出したデザイン設計プロセスから語られる、本質的な価値とは一体何なのだろうか。 前編：『クックパッド』『LINE』『Wantedly』ヒットサービス担当者が語るデザイン設計の極意【五十嵐悠紀のUI/UX座談会】 【ファシリテーター】筑波大学 システム情報工学研究科 コンピュータサイエンス専攻
» 日本語限定 UI、UXガイドラインとその他まとめ | Webnoborder
インターネット上に様々なガイドラインが公開されていますが、その中でもUI、UX、ユーザビリティについて言及している日本語限定の情報を集めてみました。 有志で翻訳されたガイドラインもあります。感謝です！ Apple 超が付くほど有名なガイドラインターネット上に様々なガイドラインが公開されていますが、その中でもUI、UX、ユーザビリティについて言及している日本語限定の情報を集めてみました。 有志で翻訳されたガイドラインもあります。感謝です！ Apple 超が付くほど有名なガイドラインです。これを抑えておけば他は必要ないかも？ アップル ヒューマンインタフェースガイドライン iOS ヒューマン インターフェイス ガイドライン(PDF) iPadヒューマンインターフェイスガイド ライン(PDF) Google AndroidアプリはiPhoneと同じUIで良いんんじゃない？と思っている方は、開発す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
