ITエンジニアがUI/UXを確実に学べるコンテンツ11選 - paiza開発日誌
Photo by Dan Zen こんにちは。谷口がお送りします。 ここ数年、Webサービスの開発において「UI」「UX」という言葉がよく聞かれるようになりました。 「UI」とはUser Interfaceの略で、簡単に言ってしまうと、パソコンやスマートフォン等を操作する際のの画面表示やメニューに表示される言葉など、情報の表示様式や操作感のことです。 対して「UX」は、User Experienceの略です。UXは、ある製品やサービスを利用したり、消費した時に得られる体験全般のことを指し、個別の機能や使いやすさだけでなく、ユーザーが製品やサービスを利用したときに得られる利用体験、満足感の向上を目指すのがUXデザインになります。 ※UXとはISO 9241-210[2]において「製品、システム、サービスを使用した、および／または、使用を予期したことに起因する人の知覚（認知）や反応」と定義され
"UI Patterns for Smartphone" HCD-Net SD #6
http://www.yasuhisa.com/could/article/wcan-prototype-design/ プロトタイプはスマートフォン向けの Web サイトやアプリケーションの制作では欠かせないツール。しかし、聞いたことがあるけど使っていない、使いどころが分からないという理由で活用できていない人も少なくありません。また、国内外、切り口が異なるプロトタイプツールが無数にあることから、どれを選べば良いのか分かり難いです。 現存のワークフローを変えなければプロトタイプは活用できないのでしょうか？無数に登場するほどプロトタイプツールが溢れているのはなぜでしょうか？プロトタイプツールの見分けどころはあるのでしょうか？そもそもプロトタイプは本当に必要なのでしょうか？そんな疑問に答えながら、プロトタイプの使い所を紹介します。
schoo "よりよいサイトやアプリを作るための、情報設計"
schoo（スクー）WEB-campus でのオンライン配信授業「よりよいサイトやアプリを作るための、情報設計」で使用したスライドです。 よりよいサイトやアプリを作るための、情報設計 http://schoo.jp/class/386/Read less
Thinking Backwards: モバイルデザインと情報アーキテクチャの課題
2014年3月8日 (土) に開催したセミナーイベント「アップグレードふくい＋ for the WEB」で講演したセッション「モバイルデザインと情報アーキテクチャの課題」で使用したスライドです。 アップグレードふくい＋ for the WEB http://ugfplus.fisc.jp/Read less
Yahoo! JAPAN Creative Blog — 株好きたちが作ったYahoo!ファイナンスアプリの新しいUI
こんにちは、Yahoo!ファイナンス担当デザイナーの平岡です。 Yahoo!ファイナンスAndroidアプリを先日リリース致しました。 アプリのインタラクション設計とビジュアルデザイン制作を担当しました。 今回はアプリがリリースに至るまでのUI決定プロセスと、デザイナー視点での確認ポイントについてお話をしたいと思います。 ■UIの地図アプリコンセプトは、“新たな投資銘柄に出会える”です。 新たな投資銘柄に出会えるための機能とコンテンツを盛り込みました。 書き起こしたサイトマップのページ数は、130ページ程。 まずはじめに、主要なページの画面レイアウトと機能アイデアを盛り込んだUI仕様書を作りました。 UI仕様書をもとに、技術メンバー、企画メンバーと一緒にUI方針を決めていきます。 ＜確認ポイント＞ ・アプリ全体のUI振る舞いは統一されているか ・ユーザーが気づかない機能を盛り込んでいないか
新規事業に失敗したくないなら絶対見て欲しい、誰でも3分で分かるLean UXと4つの基本ステップ|グロースハックジャパン|Growth Hack Japan
投資家はあなたのビジネスアイディアに投資などしてくれません。 アイディアは失敗しない裏付けがあって初めて価値を持ち、投資家はその「裏付け」を求めているのです。 投資家が求める裏付けといえば、技術力や市場・競合調査など様々ですが、多くの起業家が忘れがちなのはUX（ユーザーエクスペリエンス）や顧客開発の重要性。新規事業に失敗したくなければ、ユーザーが製品に対してどのような感想を持っているか、どう改善して欲しいか、そもそもユーザーはその製品を必要としているのかを、ローンチ前に検証する必要があるのです。 リソースの少ない起業前に実行することはなかなか難しいことですが、見込みユーザーに関する情報が圧倒的に少ないスタートアップにこそUX検証は必要不可欠。こうした事実を踏まえ、起業を夢見る皆様に提案したいのが、リーン・スタートアップ・ムーブメントから派生した方法論である「Lean UX（リーンUX）」で
効率的に学べた！Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ
作成：2014/01/6 更新：2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ アートディレクター １．アクセシビリティ ２．ユーザビリティ ３．UX（ユーザーエクスペリエンス） ４．IA（情報アーキテクチャ） ５．画面設計（ワイヤーフレーム） ６．進行管理 Webデザイナー ７．レイアウト・フォントの知識 ８．配色 ９．Illustratorの使い方 １０．Photoshopの使い方 １１．バナー作成 １２．ボタン作成 フロントエンドエンジニア １３．HTML5 １４．CSS3／Sass １５．javascript １６．jQuery １７．WordPressテー
クリ☆ステ特別版 UIデザイナーの今とこれから ~現役UIデザイナーによるUIデザイナーのためのセミナー~ 2013年11月19日 - 隣り合わせの灰と青春
クリ☆ステ特別版 UIデザイナーの今とこれから ~現役UIデザイナーによるUIデザイナーのためのセミナー~ 2013年11月19日 毎日の料理のためのUIデザイン クックパッド株式会社 池田拓司さん ▼クックパッドについて。 「毎日の料理を楽しみにして心からの笑顔を増やす」をスローガンとしている。 利用ユーザーは男性15%、女性85% ▼デザイナーをとりまく開発環境 エンジニアとデザイナーで50名 うちデザイナーは８人。 ・クックパッドはユーザーの体験に沿った組織構造をとっている。 ・プロジェクトの規模は１週間?３ヶ月まで様々ある。 ▼サービス開発の特徴 ・ユーザーへの密着・駆動開発 共感（インタビューなど） ↓ 限定公開 ↓ 行動ログ・指標評価 ↓拡大公開 ・根源的なユーザー理解 EOGS（Emotion-oriented）という独自の指標を使っている。 ・ユーザーの声を集める ・説明な
「Lean UX」モバイルゲーム開発 (1/2) | GREE Creators Blog
はじめまして。 UXデザインを担当しているアンダーソンです。 この記事では、皆さんにゲーム開発の中に「Lean UX」のプロセスを取り込むことによって、開発がどのように効率アップするかを2回に渡って話したいと思います。今回は「Lean UX」とは何かを説明し、次回にLean UXのプロセスをモバイルゲーム開発で行った事例を紹介します。 Lean UXとは？ 「Lean UX」とは、Lean = 「無駄なく、スマート」とUX = 「User Experience (ユーザー体験)」の二つの言葉を組み合わせた開発のプロセスの名称です。 Lean開発方法とは、1980年代にマサチューセッツ工科大学の二人の研究者、WomackとJonesが作りました。二人はトヨタ生産方式を研究し、体系化した「リーン生産方式」を生み出しました。トヨタ生産方式とは、根本にある課題に限定して取り組むことで、生産作業から
Yahoo! JAPAN Creative Blog — 「面白い」と思ってもらえる「広告」のために考えているいくつかのこと
広告に関するプロダクトから広告そのものまでデザイナーとしていろいろ担当してきて気づいたことや過去に関わった案件を通して、面白いと思ってもらえる広告、について考えてみたいと思います。 新しい表現として取り組んだ広告の例 © 2013 ARMOR PROJECT / BIRD STUDIO / SQUARE ENIX All Rights Reserved. 広告はどう見られているのでしょうかみなさんは普段WEBを見ていて広告を意識する、さらにクリックすることはどれぐらいあるでしょうか？ 私は広告のことを考えるのが仕事なため、どんなサイトでもまず広告を見る、という職業病にかかってしまっていて感覚がずれてしまっていますので、定期的にリアルタイム検索で広告のことを調べています。 そこで出てくる声は「面白い」という声もありますが「うざい」「じゃま」という声もかなりあって調べるたびに少し心を試されてい
UXとかデザインプロセスとかに興味を持ったら読む10つのスライド(延長前半戦) : void chachaki::Blog::main()
この記事は「UXとかHCDとかその辺りの何かをひとりで黙々とまとめる Advent Calendar 2013」の3日目の記事です。2日目は「UXとかデザインプロセスとかに興味を持ったら読む10冊の本(後半戦)」でした。 何か知り合いのスライド集になりそうな予感ですがw まず前半5つのスライドを紹介したいと思います。ちなみにタイトルの「10つ」はネタです。 1つ目は「UXの考え方とアプローチ」です。私はずっと安藤先生のスライド群を見てきているのでというのを差し引いても、このスライドには色々詰まっています。UXとUXDの違いであったり、わかるとはどういうことかだったり、とても大きな影響を受けています。ので、まずはこのスライドをベースに考えたいなぁというのがあります。
転職市場でも希少人材。超優秀なUI/UXデザイナーになるために学ぶべき4つのこと - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
by Gustavo da Cunha Pimenta アプリ、Web開発など様々な分野で活躍するUIデザイナー スマートフォンやインターネットの進歩とともに様々なデザインのスマートフォンアプリやWebサイトを見かけるようになった。 それらのデザインは企業やサービスのイメージを決める重要な要素であり、各企業ともに、特にIT企業のおいて注力されている分野である。 最近では、Appleが「フラットデザイン」というシンプルで魅力的なデザインを採用したことが話題となった。 デザインの中でも「UI」という言葉がある、この言葉は英語の「User Interface（ユーザーインターフェース）」の頭文字をとったもので、利用者（ユーザー）がコンピュータをはじめとするデジタル機器と情報のやりとりをするための仕組みを指している。 コンピュータなどの操作感の意味でも使われる。これを設計するデザイナーをUIデザイ
![転職市場でも希少人材。超優秀なUI/UXデザイナーになるために学ぶべき4つのこと - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/a68eeaff0db424a8e912c9a395273d77c803798e/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47486046.jpg)
UXをみっちり基礎から教わることができた「モバイルUI/UXのキホン」って勉強会のレポート！
10/4に渋谷で開催された「モバイルUI/UXのキホン」 に参加しました。2011年からいろいろなテーマで開催されている歴史のある勉強会なのと、ディスカッションや意見交換を通じた双方向性を大切にしている、学びの多い勉強会でした！ 今回は勉強会の中で特に参考になった点を書いていきます！ 🍣 発表スライド発表の際に使われたスライドです。しっかりとした内容です！ 発表スライドは「prezi」というサービスを使っているそうです。動きのあるカッコイイデザイン！ 🎃 UI/UXは最近のバズWordデジタルガジェットでは特にいえることですが、市場が成熟してきて機能的な差別化が難しくなってくると、ユーザーの体験(UX)が重視されるようになってくるそうです。スマホアプリケーションは特にこういった要素が強く、ココ最近は『UI/UX』がバズWordになっているそうです。 🐹 UI/UX/IAの言葉の定義ま
UX/UI（ユーザー体験／ユーザー・インタフェース）：ITpro
アプリやサービスによる創造的なユーザー体験と、使いやすいユーザーインタフェースの実現に役立つ情報を提供します。【冬休みスペシャル2012-2013】 マルチスクリーンで新しいユーザー体験を作ろう スマートフォン、タブレット、パソコン、テレビ---これら複数のスクリーン（＝デバイス）の活用が、新しいユーザー体験を生み出す。エンジニア、デザイナー、クリエイター、企業、様々なところから、新しいアイデアやアプリや取り組みが生まれ始めている。 【つ部 × Multi-Screen UX Competition トークライブ レポート】 「クロスサービス、マルチスクリーンにチャンス」、バイドゥ矢野氏とコンセント長谷川氏 【マルチスクリーン時代の企業UX（ユーザー体験）戦略】 Part7. UX視点からのイノベーションの定義 【マルチスクリーン時代の企業UX（ユーザー体験）戦略】 Part6. UX
UX勉強の読書:ペルソナ作って、それからどうするの?ユーザー中心デザインで作るWebサイト
著者の棚橋氏のブログを愛読しているのですが、その中でも「巨大な豚に口紅を塗ることがUXをデザインすることではない。」という記事にぐっさりやられたのでした。今の自分の仕事に限界をかんじてしまいました・・・。 私の中ではこの記事と出会ったのが、UX考える上での相当の転機となったので、まずは棚橋氏の著書から読んでみようと思い購入したのでした。 本書の内容について ・ユーザー中心デザインは、ユーザの生活や仕事のイノベーション、体験の向上を目的とする。 ・ユーザー中心デザインは、イノベーション、体験の向上を実現するため「サービス・製品・サイト」と「ユーザー」との関係をデザイン対象ととらえて、一連の作業をすることである。・本書ではユーザー中心デザインの実現にペルソナ/シナリオ法を用い、体制の構築からターゲットユーザーの選定、調査、デザイン、公開後の運用まで一連の流れを解説。 というかんじ。（上記は私の
UXの効果が数字でわかる！5つのUX KPI : DeNA Creator(クリエイター) Blog
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
セミナー「サービスデザインとUX」 | アイビーネットblog
UXとは個々人の「うれしい」「面白かった」などの感情であり、UXDはその感情をどう与え続けていくかを計画し、量産出来るような仕組みを設計することです。 11/20にセミナー「サービスデザインとUX」に参加してきました。内容は下記です。今回はその中の「ユーザーエクスペリエンスとは何か？」についてまとめました。 ユーザーエクスペリエンスとは何か？ サービスデザイン設計法 ワークショップ「最悪の旅」 ユーザーエクスペリエンスとは何か？ 講師は千葉工業大学の安藤先生です。 ユーザーエクスペリエンス(以下UX)という言葉はどこかで耳にしたことがあると思います。でもわかっているようなわかっていないような、非常に説明がしにくい言葉です。日本語では「ユーザー体験」と訳されます。 UXというワードは2006〜08年の間にネット界隈でいっきに広まりました。ちょうどiPadやiPhoneなど、リッチな動きをする
「ユーザーを虜にするUI/UXとは！？ －実務と学術の両面的視点から徹底解析！！－」に参加してきました - ushisantoasobu's blog
はじめて勉強会のエントリーを書いてみようと思います。幾分個人の勝手な解釈も含まれていることと思いますがご容赦を。。 参加してきた勉強会は、2013/01/28にレバレジーズ株式会社本社にて開催された「ユーザーを虜にするUI/UXとは！？ －実務と学術の両面的視点から徹底解析！！－」です。 サブタイトルにもある通り、前半は実務（企業）サイドから、後半は学術サイドからの講演という構成。そのあとで、４人によるパネルディスカッションが行われた。 スライドのデザインがそれぞれ企業/アカデミックらしくて個人的におもしろかった。 つくるべきものをつくる 藤井幹大氏・坂田晃一氏（株式会社ジェネシックス） つくるべきモノをつくる from Mikihiro Fujii まずおもしろかったのが、「なにをつくるべきか？」「よいものとはなにか？」という答えを出すために「UXデザイン定義書」というものを作成し運用し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーエクスペリエンスの分解
UX勉強会(第一章)