importance-of-ia-in-ux.html
IA（情報設計）というと、専門分野のイメージをもたれる方もいるかも知れませんが、わたしたちが直面している仕事や生活におけるすべての物事に「情報」は含まれます。それだけに、マイクロインタラクションから新しい社会的問題まで幅広く扱われる分野でもあります。 最近「UX」や「カスタマージャーニーマップ」などの言葉をマーケティングや IT 界隈でよく聞くようになりましたが、それらと IA はどのような関係にあるのでしょうか。デジタルマーケティングエージェンシーで数年に渡り、ウェブサイトの IA から UX デザインまで携わってきたわたしの経験から、異なる 2 つの設計アプローチについてお話ししたいと思います。 ある情報を理解する サイトストラクチャやワイヤーフレームを設計する際にもっとも重要な作業が情報の棚卸しです。新規にサイトを立ち上げることでもなければ、その作業のほとんどは既存のアセット（資産）
Hugo Part 1 - Hugo で github にブログを立ち上げる - Syati.info
WordPress でブログをつくっていましたが、記事投稿が面倒くさなって続かない。 なぜかと考えた時にテキストで書いたものを簡単に POST できないからである。 過去に org2blog などを試し、簡単になった！！と喜んでいた時期もあったが、 WordPress の Version Up などで POST できなくり、それっきり・・・。 今回は、ついに上記のことを打開できる策を見つけたのだ。 それが Hugo で github.io 上にブログを立ち上げることだ。 何が良いかといえば、markdown でかけて、github に push するだけでブログ が更新されることだ。 Hugo Quickstart Guide にならって セットアップ手順を記していく。Part 1 では、まずはブログをローカルに構築する。 Part 2 で、github.io にブログを立ち上げる。 St
git subtreeの練習
Gitのサブモジュールでは面倒そうな、頻繁に更新される別のリポジトリを取り込む方法としてサブツリーマージを行うラッパーであるgit subtreeコマンドを使う練習を始めた。どちらかというと「参照する」要素の強いサブモジュールに対して、サブツリーは「切り分ける」や「取り込む」という感じなんじゃないかと理解している。全般的に間違ってそうで怖い。 「切り分ける」、つまりリポジトリのサブディレクトリを別のリポジトリにしたい場合は、単純なケースだと親にあたる方で.gitignoreや.git/info/excludeを使ってサブディレクトリを除外してやれば良い。でもこの場合、両方のリポジトリで関連した変更がある時にそれぞれのリポジトリでコミットしてやらないとならないので面倒くさい。 「取り込む」場合はサブモジュールが基本なわけだけど、他で作業して戻ってきてたりする必要があるし、サブモジュールの更新
テストを使いサービス開発を駆動していくために取り組んでいること - クックパッド開発者ブログ
技術部の松尾(@Kazu_cocoa)です。 最近、 @moroや私を中心に、テストから開発を駆動するという方向で、とある活動を始めました。その活動の中では、 @t_wadaさん を 技術顧問 として巻き込んで活動を進めています。そんな取り組みを少しここにまとめます。 取り組みの前段階 先日、私はテストエンジニアというロールに焦点を当ててテストという言葉に対する2種類の話をいたしました。TDDのようにテストによって開発を駆動していく側面の話と、人の認知・感じ方に寄った仕様自体含めてテストしていく側面の話です。 クックパッドエンジニアトークナイト 〜クックパッドテストエンジニアのあり方〜 を開催しました！ クックパッドエンジニアトークナイト 〜クックパッドテストエンジニアvol.2 Testing編〜 を開催しました！ その際、会の傍でt_wadaさんらと私たちが開発するWebアプリケーショ
抽象性と具体性の間で動けるデザイナーになろう
作れることは重要ですが デザインを「作る」を軸にして話すと、デザインの本質が失われることがあります。もちろんデザイナーは何か形にすることが仕事であるわけですが、作る話の多くは答えありきで語られることがあります。「◯◯の作り方」「△△を効果的に見せる方法」など、作ることが目的であったり、課題への答えが既に出た上でデザインが解説されていることは少なくありません。 何かを作り出すためのスキルを磨く上で、作り方を知る必要があります。しかし、答えがあらかじめ提示された状態で作るというやり方ではデザインをする仕事として必要な根本的なスキルを得ることが難しくなります。 UI の実装には、デザインの学習と成長における課題をたくさん見つけることができます。 今でも多くのサイトが採用しているカルーセル（carousel）は良い例です。「クライアントに言われたから」「作るという仕様になっているから」「競合サイト
「UXデザイン」はなぜビジネスの命運を左右するのか？ | ライフハッカー・ジャパン
かなり責任が大きいと思うかもしれませんが、その通りです。あらゆる商品開発において、UXデザインは極めて重要な役割を果たします。ユーザーの満足が会社にとって良いことだと、誰もがわかっているからです。 人間の経験のためのデザイン 私が自分の肩書を言うと、どういうわけかユーザー・エクスペリエンスに関するすべてのことに、1人で責任を負っているように思われることが多いです。実際には、ユーザー・エクスペリエンスにはあらゆる人が関わっています。 私の大好きな思想家マイク・モンテイロは、このように言っています。 私はデザインについて何も知りません。そんなことはどうでもいいです。周りを見渡してみてください。あなたは日々デザインによって選択をしています。悪いデザインに出会うと、それが悪いデザインだとわかります。座る度にお尻が痛くなるイス、持つ度に手が熱くなるコーヒーカップ、毎回押し間違えてしまうスマートフィン
エンジニアが手早く英作文をする時はかどる Tips - tomoima525's blog
GithubのPRや海外Slackチャンネルでチャット、はたまた英語圏のエンジニアとやりとりする等、英語で文章を書くことはしばしばあります。そんな時、自分がよく使っている方法について書きます。 先に一番大事なこと 大事なことは、英語はあくまでもツールだということです。伝えたい内容が重要であり、英文を書くことに時間かけることはエンジニアにとって不毛です。 よっぽど英語が得意な人でないかぎり、一から英作文すると時間がかかって本質的でないところで時間を消費するということです。 なので一から文章を考えるのでなく、なるべく"型"を知ることがポイントだと考えています。それを踏まえた上で御覧ください。 文章を書く アルクの英辞郎とGoogle, Githubを組み合わせる 恐らく多くの人がGoogle翻訳などを使って英文を作っているかと思うのですが、アルクの英辞郎と組み合わせるともっとはかどります。理由
品質アップの時間を確保するデザインの進め方について - クックパッド開発者ブログ
こんにちは。ユーザーファースト推進室、デザイナーの坂本です。 私は、クックパッドのレシピを主に生活習慣病の方に向けて管理栄養士が健康的にアレンジした「おいしい健康」というサービスのデザインを担当しています。 「おいしい健康」は2月22日に、アカウント（会員）機能やレシピのリコメンド機能、献立の保存機能などの新機能をリリースしました。このリリースに関わったメンバーは、ディレクター1名、エンジニア3名（＋アルバイトの方2名）、デザイナー1名です。 私はデザイナーとして、UI設計からビジュアルデザインまで関わったのですが、パターンの考慮漏れや使い勝手の悪さなどで、手戻りを増やしてしまいました。 リリースした今、改めて振り返ってみると、もう少しうまくやれば手戻りを少なくし、品質アップの時間をもっと確保できたのでは？と思いました。一体何が悪かったのか？ どうすれば良かったのか？ もし神様が願いを叶え
強いチームを作るには時間がかかる～強いチームのつくり方（前編）。Developers Summit 2016
強いチームを作るには時間がかかる～強いチームのつくり方（前編）。Developers Summit 2016 業務で行われるソフトウェア開発プロジェクトのほとんどすべては、何らかのチームによって行われています。そしてそのプロジェクトが成功するか失敗するかを左右する大きな要因が、技術力よりも人間系にあることはよく指摘されることです。 では、その人間系に注目して強いチームを作るにはどうすればよいのか、そのヒントを多数紹介したセッション「強いチームのつくり方」が、2月19日に行われたイベントDeveloper Summit 2016（通称デブサミ）で行われました。この記事では、そのセッションの内容を前編、中編、後編の3本の記事で紹介します。 いまお読みの記事は前編です。 プロジェクトの多くは技術ではなく人間系で失敗している 吉羽 龍太郎氏（Ryuzee.com）。 吉羽と申します。いままで野村総
わかりやすいコードと”ネーミング” ｜ エンジニアへの道｜リナックスアカデミー公式ブログ
From: リスキルテクノロジー 高坂一城 新宿本校にて 以前「綺麗なコードの書き方」について お話をしました。 統一感があるソースコードは、 非常に見やすくなります。 さて、綺麗なコードを書けるようになったら、 次のステップとして 「分かりやすい」コードを書くことを 心掛けましょう。 分かりやすいコードとは、 一体どういうものでしょうか。 プログラミングには、 「ネーミング（名前付け）」 と呼ばれるものがあります。 皆さんも、コンピュータ上で 新しいファイルやフォルダを作成するときに、 適切なファイル名やフォルダ名を付けますよね。 これと同じように、 プログラマがソースコードを書く際に、 ソースコード中に自由に名前を付けることができる 場所がたくさんあります。 そういった場所に適切な名前を付けることを 「ネーミング」と言います。 ネーミングの難しさ プログラミング言語の多くは 「英語」で
ES6 チートシート | POSTD
日々の仕事の中で役に立つES2015（ES6）のティップス、コツ、ベストプラクティス、プログラムの見本をご紹介します。コントリビューション歓迎です！ 目次 var vs. let / const IIFEからブロックベースへ アロー関数 文字列 デストラクチャリング モジュール パラメータ クラス シンボル マップ WeakMaps Promises ジェネレータ Async/Await var vs. let / const var の他に、値を格納する let と const という識別子が新たに追加されました。 var とは異なって、 let と const はクロージャのスコープ内で最初に記述されることはありません。 var の使用例です。 var snack = 'Meow Mix'; function getFood(food) { if (food) { var snack
ムダ会議が激変！一目置かれる人の｢スゴ技｣
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
乳酸菌、腸内環境、ヨーグルトの基礎知識を専門外でもわかるように解説します
最近、ヨーグルトの健康効果を発端とした『腸内フローラ』『腸内環境』『乳酸菌』が話題になっていますね。 腸内環境の改善に向けた活動は『菌活』なんて言われたりします。 これらの単語が色んなメディアで一人歩きしていますが… 皆さんはしっかりと説明できるでしょうか？ さて、僕は前の会社で乳酸菌を研究していました。 乳酸菌を分析したり、うんこを調べたり、ヨーグルトと食物繊維を被験者に食べさせてみたり… 今は乳製品とは関係無い会社にいますが、毎日乳酸菌は摂取してますよ！ 今回はヨーグルトの基礎から少し専門的なことまで…必要な知識だけをまとめました。 『乳製品』の魅力を伝えるべく、”食品メーカーの中の人”がそのエッセンスを簡単に解説していきます！ １．腸内フローラとは 『菌叢（きんそう）』って何？腸内フローラ…日本語に直すと『腸内細菌叢』です。 『菌叢（きんそう）』と読みます。 （就活の研究発表で毎回説
バッドUIを改善する方法 ― UIの「5つの状態」を考える | POSTD
(訳注：2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか？ 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか？ もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです
一貫性のあるUIデザインを作り出すテクニック３選
Ava GarciaはプロのWordPress開発者で、WordPressのアウトソーシングやPSDからWordPressへの変換サービスを請け負うOSSMedia Ltdに勤務して５年になります。 ビジュアルの一貫性は非常に重要で、視覚的に統一感のあるページを構築することは暗黙の了解となっています。この記事では、バランスとビジュアルの一貫性をUIに取り入れようとする際に参考になる情報をまとめてみました。 当サイトの最初のゲスト記事として、OSSMedia Ltd.のデザイナー、Ava GarciaがUIデザインにおけるビジュアル的一貫性の重要性と、その一貫性を達成しやすくするためのいくつかのヒントを書いてくれました。Avaと彼女の仕事についてもっと関心がある方は、このページの一番下の紹介文をご覧ください。それでは、彼女の記事をお楽しみください！ ・・・ UIデザインがWeb開発の最も核心
難しいことを簡単に学ぶ方法 ― 強力なスキルを新たに身に着けるための3つのステップ | POSTD
ここ数年、私はWeb開発と機械学習の自習に多くの時間を割いてきました。 学習のテーマは、Javascript、Node、ReactからPython、scikit-learn、ニューラルネットワークに至るまで多岐にわたりましたが、全てに対して私は一貫したアプローチで取り組みました。 そのアプローチとは、単純な（陳腐と言ってもいい）3ステップで進める、という手法です。しかし、 Web開発のシロウトだった私が5カ月で、プロだと自覚できるほどになった のはひとえに、このアプローチで臨んだ自習の成果だと思っています。 そこで私は、この自習法がほかの誰かのお役に立てるかもしれないと思い、少し記事を書いてみることにしました。 この記事は、何も分からないままやみくもに挑戦を始めた、2012年当時の自分自身に教えるつもりで書いています。 ステップ1：習うより慣れろ 新しいテクノロジを学ぶためにまず実行する最
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リストやテーブルにフィルタリング機能やソート、検索機能を付与するスクリプト・「List.js」
growiz.us
【2016年1月・2月版】UXデザインの参考になる素晴らしいスライドまとめ
ギットクエスト