2018年4月20日 「ISE Technical Conference 2018」のスライドです。「デザイン思考」や「UXデザイン」をしてみたい! と思っても、実務の現場で踏み出すのはなかなか難しいものです。そこで、このセッションでは、デザイン思考やUXデザインの基本について、かんたんなワークを交えて、エンドユーザーにどのようにインタビューするのか、そのインタビューデータからどのような手順でインサイトを見つけるのかを、わかりやすく体験していただきます。Read less
![はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b069682fb23ee357b99b26b1d7f8f6c4ef3a0ac/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2F20180420-introduction-to-uxdesign-slideshare-180415151055-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
とんねるずの木梨憲武さんがTBSラジオ『ジェーン・スー生活は踊る』にゲスト出演。悩み相談コーナー「相談は踊る」の中で22才男性のリスナーからの「自分の才能や、自分に合う仕事がわかりません」という相談に対して回答していました。 (長峰由紀)今日は通算1112件目。ラジオネーム「リバティー」さん。22才男性からの相談です。木梨さんも一緒に参加してください。 (木梨憲武)かしこまりました。 (長峰由紀)「ジェーン・スーさん、長峰さん、そしてゲストの木梨さん、こんにちは。自分が相談をする日が来るなんて思ってもみませんでしたが、木梨さんがゲストと聞いて思い切ってメールを送ってみます。相談は『自分にはどんな才能があるのかわからない。そもそも才能ってなんなのか?』です。思春期の中学生のような悩みで恐縮ですが、自分はいま22才。この春、大学を卒業していま一応フリーターみたいな立場です。いままで22年生きて
日本のプロ野球から米国のメジャーリーグに渡り、投げる・打つの二刀流で大活躍中の大谷翔平。そんな大谷翔平が二刀流で行くことを決意したのは、なんとAppleの創業者であるスティーブ・ジョブズの影響だったという。 高校野球から直接メジャーリーグに渡ろうとしていた大谷は日本ハムの強行指名、粘り強い説得もあり、結局日本のプロ野球に入ります。 そこで当時、「プロの世界をなめるな」「投手に専念しろ」など野球関係者から厳しい意見が相次いだという。迷いが生じる中、練習後に見たテレビにジョブズの伝説のスピーチの映像が映し出されます。 その映像に大谷は二刀流に対する考え方、捉え方など学ぶことが多かったようで、「(二刀流が)やる価値のあることだと再認識した」という。 動画 大谷翔平がジョブズに影響を受けたというインタビュー(3:55~) スティーブ・ジョブズの伝説のスピーチとは 2005年にAppleの創業者であ
デザイン部でフロントエンドエンジニアをしているkitoです。 先日、iOS 11.3のリリースでiPhoneでもPWAの一部の機能が利用できるようになりました。(プッシュ通知等は利用できない)今回は、Web界隈で急速に注目を上げ始めているPWA(Progressive Web Apps)の将来性を考察したいと思います。 いわゆるフロントエンド界隈では、新しいツールや技術が短いスパーンで登場しては消えていくということを繰り返しています。新陳代謝が激しい故に、革新的な技術がいち早く取り入れられる若々しいエコシステムは利点ではありますが、反面、苦労して学習した技術やツールが、立ちどころに古びて投資が無駄になってしまうケースも間々あります。これは現代のフロントエンドエンジニアには避けられない運命でしょう。とはいえ、それをむしろ楽しみ新しい技術の到来やそれをリードする若きエンジニアたちの登場を喜ぶべ
優れたサービスは、「機能」と「細部のデザイン」の2つが優れています。「機能」はユーザーがサービスを利用するきっかけを作り出し、「細部のデザイン」はユーザーがサービスを継続して利用するために大きな役割を果たします。実際に、私たちがよく利用しているサービスは細かい所のデザインまでしっかりと考えられて作られているものがほとんどです。 マイクロインタラクションは、ユーザーにフィードバックを与えるための最良の手法の1つです。 ユーザーを第一に考えた場合、Human-Centered Design(人間中心設計)にたどり着きます。マイクロインタラクションはデザインの「おまけ」のような扱いをされることが多いですが、マイクロインタラクションがユーザーに与える影響はとても大きく、操作性を高め、幸福感などをもたらします。デザイナーはマイクロインタラクションの重要性をもっと理解し、サービスを利用するユーザーの気
「あー、早く帰りたい。」 働いている人なら誰しも、一度は思ったことがあるのではないだろうか。私はほぼ毎日思っている気がする。できることなら早く帰って、家でゆっくりご飯を食べながら好きなドラマやDVDを見たり、家族と会話したり、読書や勉強ができた方がいい。 入局してから4年間、部署異動もあったが、一貫して入試広報系の業務に携わってきた。大学の中では比較的残業が多くなる業務の1つである。 1〜3年目までのころは残業時間が平均1.5〜2時間/日、遅い時は毎日4時間以上残業をしていた時期もあった。しかし、昨年度は自分の仕事の仕方を見直し、残業時間を平均30分/日に抑えることができた。判断のスピードを早めたり、無駄を削ぎ落としたり、意識して取り組んでいたことを書いてみたいと思う。 定時で帰るために工夫していたこと ①メールの処理を溜めない これは堀江貴文氏の『多動力』に書いてあった仕事術。実践してみ
こんにちは、青木ととです。 最近、 所属している会社 でふりかえりにおけるファシリテーションをすることが多くなってきたので、ふりかえりについてのポエムを書こうと思います*1。 特定の書籍や文章から影響を受けている部分は多いですが、持論の箇所も多々あるので、何か違和感を感じたら遠慮なく石を投げてください。ぽいぽい。 "ふりかえり" について 🌲木こりのジレンマ 🗯ふりかえりは愚痴大会ではない 📆開催頻度は1~2週間に1度 ⚒ふりかえりの手段/フレームワーク KPT KPTとは KEEP KEEP ≠ GOOD PROBLEM 掘下タイム⏰ 問題 🆚 私たち TRY 質より量🗻 コントロール🎮できることに注力する TODO/ACTION 「誰が」「いつ」やるのか KPTの進め方について 大まかな流れ テーマを決める グラウンドルールを決める 出来事を思い出す 今週はどんな出来事があ
ReactやVueなどコンポーネントベースで作っていくViewのライブラリが普及したことで、コンポーネント指向での開発が一般化してきた昨今のフロントエンドですが、このコンポーネントの設計に悩まれる方も多いのではないでしょうか。 コンポーネントをどの粒度、どんな状態で分割するのが良いのか、などなど、特にチームで開発する時に認識が揃っていないとカオスになりがちな部分であると思うので、自分なりの設計をする際の指針を言語化しようというのが本記事の目的です。同じように悩まれている方にも何らか示唆を提供することができたら嬉しいです。 想定読者 「コンポーネント設計?なにそれ?おいしいの?」という方 初めてコンポーネント設計でアプリ作ってみたけど、本当にこれでいいのか自信の無い方 はじめに: "コンポーネント"とは まず最初に"コンポーネント"という言葉についてですが、ここでは「GUIのパーツをモジュー
転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づいて紹介しています。 52の関節技!! Elements 1.hover時のコンポーネントのCSSルールを表示 使い方 ①DOM要素を選択 ②Stylesペインを開く ③:hovをクリック ④hoverフィルタを適用 2.対応するCSSファイルを開く 使い方
HTMLのテキストはPhotoshopのように融通が効かないから、デザイナーからの細かいお願いはだいたい断っている...なんてことありませんか? モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。 今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。 「日本語、文字詰めできないかな?ほら、このカタカナとかキモい。。」 「Webで文字詰めだと?無理なんだよあきらめな!」なんていう時代はもうとうに過ぎ去っています。OpenTypeのフォントであれば、日本語でもちゃんと文字詰めできるんです。 .class { -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } ↓こんなかんじで
これからのCSSはmargin禁止!?CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた! 白石 俊平(HTML5 Experts.jp編集長) こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、ピクセルグリッドの矢倉眞隆さんです。 矢倉さんのセッション「まあまあ最近のCSSとつらくならないための書き方」に関するスライド資料は、こちらで公開されています。 インパクト大!CSSグリッドレイアウト概要 白石: では、まずは簡単に自己紹介をお願いできますか? 矢倉: 昨年(2
2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね! ↑私が10年以上利用している会計ソフト! 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく
HTML5やCSS3のブラウザサポート状況を簡単に調べられる「Can I use…」のGoogleアナリティクス連携が便利 HTML5やCSS3のブラウザサポート状況が確認できるcaniuse.comのベータ版が2014年6月に公開され、デザインが刷新されました。 このベータ版のデザインの良さにも驚きましたが、なにより驚いたのはGoogleアナリティクスとの連携機能でした。ベータ版の「Settings」から設定を行うと、Googleアナリティクスのデータを読み込むことができ、自分のサイトに訪れるユーザが使うブラウザで、ある特定のHTML5やCSS3の機能が、どのくらいサポートされているかがわかります。世の中便利になりましたね〜。 実は現行版でも同じ機能が使えるのですが、残念ながらぜんぜん気づきませんでした。 ※ちなみに、このベータ版は数週間テストを行いフィードバックを得てから、本番サイトに
Webサイトの制作はどんどん複雑化しており、1人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能(広告ブロック機能を持つ拡張機能等)を無効にしてページを再読み込みしてください。 ✕
Webデザイン業界は、トレンドの移り変わりが非常に早いのが特徴です。テクノロジーの発展やスマートフォンの普及も影響し、グラフィックからUI/UX、モバイル向けデザインなど様々なトレンドが誕生しました。 Webデザイナーであれば常日頃から情報収集を欠かさないという方もいるのではないでしょうか。 そのような時は、*セミナーや勉強会で利用されたスライドを閲覧できる「Slideshare」から情報を得ることをオススメします。*基本的なノウハウから、トレンドを取り入れた新しい手法など様々なスライドが共有されているため、書籍ではまかないきれない情報を得ることができるでしょう。 今回は、スキルアップを目指す若手Webデザイナー向けのスライドを21種類まとめました。ぜひ、Webデザインのスキルアップに活用してみてください。
Inc.:長年にわたり、Googleは数え切れないほどの研究に取り組み、膨大なデータを集め、何百万ドルもをつぎ込んで自社の従業員をより良く理解しようと努めてきました。Googleの最も興味深い取り組みの1つであるプロジェクト・アリストテレス(Project Aristotle)は、社内で最高の業績をあげているチームに焦点を当て、チームの生産性を高める秘訣を探ろうというものでした。 なかでも、生産性の高いチームと低いチームの違いは何なのか? を解明することに主眼が置かれました。 この調査をはじめる前、Googleの経営陣は、ほかの多くの組織と同じように、最高のチームをつくるということは、最高の人材を集めることであると信じていました。それは理にかなった考えです。最高のエンジニアに、MBA、博士を集めれば、最高のチームのでき上がり。そうですよね? しかし、Googleの人事分析マネージャ、Jul
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く