うちの息子は幼稚園。「そろそろ『なぜ？ なぜ？』攻撃を受けているんじゃない？」とよく聞かれる。幼稚園くらいになるといろんなことに興味を持つようになって、さまざまな不思議を発見し、そのメカニズムを知りたがるようになるためだ。 ところがうちの息子は「なぜなぜ攻撃」がない。理由は簡単、息子が「なんでだろう？」と首を傾げたら「なんでだろうねえ」と、私も嫁さんも答えを言おうとせずに一緒に考え込んでしまうからだ。 「なんでだろう？」から生まれる仮説 コップから垂らした水の糸は、つかもうとしてもつかめない。なんでだろう？ お風呂で体を洗っているうち、鏡が湯気で曇ってしまう。なんでだろう？ もちろん、理系研究者として訓練を受けてきたから、世間で説明されているであろう理屈を息子に語って聞かせることはできる。 しかし、それは「今のところ、世間ではこう説明されているらしい」という話であって、なぜそうなのかは、本

幸い、娘はその後幼稚園には普通に通っています。 しかしどんな気持ちで毎日暮らしているのか本当の心の内はわかっていません。 もうイジメ問題が他人事ではないと感じました。 ボクは、いじめる側が悪いとか、いじめられる側にも問題があるとか イジメに気づいていながら止められない学校側が悪いんだとか 責任論について語りたいわけではありません。 生物が生存競争をするよう遺伝子レベルで定められているのなら 同じ年齢層を同じ場所にぶち込んだ状況下において 個体の強い弱いでイザコザが起きないわけはないと思います。 イジメは集団生活をする生物において起きて然るべき事象なのかもしれないと 考えてしまいます。 ただ、現在進行形でイジメやその他諸々の事情によって 今も苦しんでおられる方は、きっと視界も狭くなっていて もう周りの人間のどんな声にも心は動かない、決して心が楽にならないという事は 想像できます。 全知全能の

スマホのナビゲーションをどうするか、Web制作者の間で多くの議論が交わされてきました。スマホのスクリーンは小さく、掲載する情報量には限りがあるため、多くの情報を格納できるハンバーガーメニューが候補にあがるでしょう。 しかし分かりにくい、使いにくいといった問題点があります。ハンバーガーメニューに代わる、より分かりやすく使いやすいスマホ向けのナビゲーションを紹介します。

meiji THE Chocolate 昨年9月にリニューアル 「売れるはずがない」 【ネットの話題、ファクトチェック】 今日はバレンタインデー。明治が昨年リニューアルした「チョコっぽくない」パッケージのチョコが、目標の2倍も売れているのを知っていますか？　社内上層部から「中身がわからない。売れるはずがない」と言われながらも、「あなたの年代がターゲットではない」と反論して販売にこぎつけた商品です。詳しい経緯について聞きました。 meiji THE Chocolate 話題になっているのは「明治 ザ・チョコレート」。厳選したカカオ豆を使用し、加工に至る工程までこだわったチョコで、カカオ含有量や風味の異なる6種類をラインナップ。価格は一般的な板チョコの倍以上で売られています。 他のチョコと比べて特徴的なのが、そのパッケージ。通常はチョコの写真や商品名、味の特徴などが大きく描かれていますが、この

がっきー@漫画家総合垢 @gakky88NSR ゲーム開発時代の話。 開発の中盤、開発は難航していた。 会議はミスやトラブルの責任の追求が中心に行われ、処刑場になっていた。 ある日、新しいD（ディレクター）が配属された。 僕の大好きなゲームを作った人だった。 2017-02-10 22:39:45 がっきー@漫画家総合垢 @gakky88NSR Dが来て初めての会議。 リーダーはいつもの様にミスした者や遅れた者を探し、追求し、叱った。 Dはそれを見て笑った。 「ずっとこんな事してたの？」 「やめやめ！会議のやり方を変えます」 2017-02-10 22:40:07 がっきー@漫画家総合垢 @gakky88NSR 「まず、進捗の報告は出来てない物、問題のある物だけで良いです。 出来てる物は予定表で分かるから必要無い。 で、その問題がどうすれば解決出来るか、助けがいるなら何が欲しいかだけを話し

自分の小説のあとがきとして、自前の解説文を書く作家がいる。 わたしはこうした理由をもって、この小説を着想した。本作のテーマは○○である。そのためにこんな分野の方々に取材して、こんな種類の資料をたくさん読んで、これだけの苦労を重ねながら、本作を書き上げた。さあ読者諸君よ、この○○を描いたわたしの力作を十分堪能してほしい。 そういうことをぺらぺら書いちゃう作家が、いる。たとえ作品そのものが大好きであっても、手前で手前の解説文を書くという無粋で傲慢な態度が、どうも好きになれなかった。「この作品は、こんなふうにいいんだぞ」と言葉を補わないといけない作品は、本質的にダメなんじゃないかと思っていたし、いまも変わらずそう思っている。 ほぼ日のあたらしいロゴができあがり、そのロゴについてデザイナーの佐藤卓さんと糸井重里さんが語り合う、というコンテンツがスタートしたとき、一瞬だけ不安に思った。 「わたしたち

プロジェクト管理ツール《Backlog》はリリース以降最大規模のリニューアルを実施した。より愛されるサービスを目指していくうえで、プロダクトマネージャーの縣俊貴さん、開発者の藤田正訓さんは一体何をしたのか。お二人のお話から、ヌーラボの“ユーザーとの向き合い方”が見えてきた。 《Backlog》が過去最大規模のリニューアルに踏み切った理由。 導入企業数は4,900社以上。ヌーラボの手がけるプロジェクト管理ツール《Backlog》は、エンジニアを中心に多くのユーザーに愛されている。 《Backlog》は、ヌーラボが2004年の創業当初から開発を進めていたサービスであり、同社の成長を支えてきた存在といっても過言ではない。地道にコツコツと開発と運用を続けてきた成果こそが、まさに《Backlog》なのだ。 2016年12月、社内外から愛される《Backlog》が、リリースから10年目にして最大規模の

どうも、yohicです。 先日フリーのPSDをご紹介したんですが、そういえば最近Sketchばかり使ってるなあと思いまして。。。 最初はワイヤー描くときだけ使ってたんですが、だんだんデザインもこっちを使うようになってしまいましたね。 結局画像の加工するのでphotoshopが無いと全部はできないのですが、半分以上はSketchで完了してしまうのではないかなと。 どちらにしてもphotoshop使うなら、Sketchいらないじゃないという議論もあったのですが、そこはまた別の機会に書いてみたいと思います。 今回はワイヤーフレームを描くときに使えそうなUIキットを30個選んでみました！ スポンサーリンク webサイトのワイヤーフレーム まずはWebサイトのワイヤーフレームで使えそうなUIキットを10個ほど選んでみました。 01: Atomic Design Template Sketch Res

Illustratorには標準で整列機能がありますが、テキストオブジェクトについては「見た目」としての正確な整列ができません。これは昔からの仕様で、今後変更される可能性はかなり低いと思っています。そこで、テキストオブジェクトの正確な整列をサポートするスクリプトを作りました。うまく揃わないテキストに悩まされている方は、ぜひ使ってみてください。 更新履歴GitHubのリポジトリをご確認ください対応バージョンIllustrator CS5／CS6／CC／CC 2014／CC 2015／CC 2015.3／CC 2017ダウンロードスクリプトをダウンロードするインストール方法ダウンロードしたファイルを解凍します。所定の場所に「オブジェクトを整列Plus.jsx」をコピーします。Windows版ではお使いのIllustratorの種類によって保存する場所が異なりますのでご注意ください。Illus

◆ #いきなりHTML 2（レスポンシブ対応） なんと！スライスもコーディングも全自動！イラレからHTML+CSSへ一発出力します ◆ デザイン業界にもRPA！オリジナルスクリプトで時短革命 こんなにラクしてイイんです！お見積もり無料！お気軽にご相談ください ◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識 イラレ使いにこれ1冊！ホントに10倍ラクできます ■ ご注意 ■ 当方で公開しているスクリプトは、Mac のみ、macOS High Sierra ＋ Illustrator 2020（24.3）までの検証となります。これ以降の macOS や Illustrator のバージョン、Windows での検証はできかねますので、ご注意ください。

パスワードを忘れた方はパスワードの再設定を行ってください。 初めての方ははてなID登録 (無料) してください。 うまくログインできない方はお問い合わせをご覧いただき、Cookieの設定をご確認ください。

Webサイトを構築する上で、必ず行うべきことの一つがサイト競合分析です。 なぜか？ネット上では「比較」という行為がほぼ確実に行われるからです。 ネットリテラシー向上、タブブラウザの普及、比較サイトの拡大などによりユーザにとって比較という行為は、ネットを使う上で一般的なものとなりました。 そんな中で、競合分析をせずにWebサイトを構築したらどうなるでしょうか？ 自分たちではベストだと思って作ったものが、実は他社サイトよりも劣っていたとしたら？ 今回はそんな状況にならないために、弊社が実際にサイト構築を行う際に、事前におこなっているサイト競合分析手法をご紹介します。 それではいってみましょう。 ※今回ご紹介する競合分析手法は、あくまでWeb上での競合分析手法です。 新興市場でまだWeb上の競合が少ない、またはリアルの現場であたる競合などに対抗する場合はまた別の手法が必要なので、その点予めご了承

Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma

（注＊2015年8月31日に公開された記事に新たな情報を再編集したものです） 解析できていた検索キーワードが(not provided)になってしまいました… 2015年8月18日から「Yahoo!検索」のSSL化が段階的に実施され、すでにその影響がでている方もいるのではないでしょうか。8月12日、Yahooはより強力なセキュリティ基準を採用したサービスを提供するため、検索結果にSSL（Secure Sockets Layer）と呼ばれる暗号化プロトコルを使用することを発表し、現在すでにSSL化が進んでいます。 この検索エンジンのSSL化はマーケターやアナリストを始めとした多くのサイト運営者にとって深刻な問題でしょう。というのも、このSSL化により今までサイト解析によって取得できていた「検索キーワード」がGoogle Analyticsで（not provided）表示になるようなことが起

この記事はUX PlanetのライターでブロガーのIgor M氏の記事を公式に許可をいただき翻訳したものです。 今回は、楽観的UIについて話しましょう。 楽観的UIって？楽観的UIとは、処理が完了するのを待たずに最終状態にアップデートするUIのことです。すぐに最終状態に切り替え、実際の処理が進行しているあいだは偽データを表示します。 文章で説明してもよく分からないかもしれませんね。では、まず例を見てみましょう。以下のアプリは架空のメッセンジャー「Cotton Candy」です。 メッセージの送信をどのように表現するか、二つのアプローチを示しています。 非楽観的（左） vs 楽観的（右）なメッセンジャーのUI つまり、楽観的なUIではアプリが実際の処理を終わらせる（もしくは始める前）に最終状態を表示します。 手品みたいだけど、そもそもどうして必要なの？おしゃれな名前の背景にあるコンセプトは非

UXデザイナーになるということは、ある種の宗教に入信するようなものです。 UXデザイナーの仕事の一つは、他者にあなたの信念を受け入れさせることです。まるで聖職者の鑑のように、UXデザイナーは他者がUXの担い手になることを望みます。 ユーザー体験のような抽象的な概念について理解を得るには説明が必要です。そして、共有したい信念について共通の経験がない限り説明は失敗するでしょう。 「ユーザー体験が何であるかを説明することはできません。できるのは、示すことのみです。」 それでは、良い言葉を広めるためのいくつかの有効な戦略について深堀してみましょう。 最初の信者を構築する The Guide to UX Leadershipで説明したように、エバンジェリストは自分の声が届く範囲までしか影響を及ぼすことができません。 もし組織を拡大したいと考えているなら、信者の面倒を見るあなたの弟子たちのグループを作

デザイナー必見！クオリティの高いUIを作るために必要な7つの要素とは Webサイトやモバイルアプリを作る上でUI/UXはとても重要です。この記事ではクオリティの高いUIを作るために必要な7つの要素を実際のサイトを事例にまとめています。ユーザーが使いやすいと思うデザインにするためにぜひ参考にしてみてください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査 本稿は、Webdesigner Depotのブログ記事を了解を得て日本語翻訳し掲載した

こんにちは、まろCです。2016年を振り返るといろんなwebサイトがありました。 印象的なのは、映像を絡めて心に突き刺さる演出をしている点です。 作り手がwebに動きを求めた結果、より良いユーザー体験が生まれ、話題となるコンテンツが続々と生まれました。しかし、受け手にとっては、それがwebglでも動画でもどちらでも良いこと�。よりよい体験のためにどんな手法を選択するかは、作り手の舵によるところがあります。そして、その手法は発信者から受け手に対して一方的であったり、受け手のアクションを検知して次の動作を分岐させたりと、手法も様々です。 今回は、個人的に、そこをうまく突いたな〜と思う動画や、キャンペーンサイトを紹介したいと思います。 世界初の通話連動型MV http://ura-shinozaki.com/ URA SHINOZAKI-ほんとうの愛を、知っていますか？ ブラウザ上で流れる動画を

優志：Niantic, Inc.に入る前には、もともとWebmasterというチームのグラフィックデザイナーとしてGoogleの日本支社で働き始めました。そのあとAPACのマネージャーを務め、そしてこちらの本社に移りました。また同時にGoogleのホリデーロゴのプロジェクトにもイラストレーターとして参加しました。当時アメリカ人以外では初めてDoodleを描いたんじゃないかな。そしてまだ当時は社内スタートアップだったNiantic, Inc.にUX/Visual Designerとして参加しました。今はアジア地域のディレクターとして働いています。 高：じゃあNiantic, Inc.でも当初はワイヤーフレームを組んだり、UIをデザインされていたんですね。 優志：そうそう。今はマネージメントが主な業務だけど、手を動かしてつくることもなるべく続けていきたいです。 UXのデザインを長年やってきてす