新入社員のこばかなさんが、「こばかなスケッチ」という自分企画を頑張っている。THE GUILDでの日々の仕事と、読書で学んだことを、一枚のスケッチにまとめるチャレンジだ。 彼女のスケッチが溜まってきたので、復習とサポートを兼ねて、解説を書いていきたい。第二回はこの絵。 行動 = 動機 × 実行能力 × きっかけ今回のこばかなさんのイラストは、「フォッグの消費者行動モデル」という概念モデルだ。ざっくり言うと、ユーザーが行動を起こすために必要な3条件を示している。 このモデルでは、「ユーザーが何かアクションを起こす」条件を、 B = MATという、とてもシンプルな式で表現する。 その意味は、「行動(Behavior)」には、「動機(Motivation)」と「実行能力(Ability)」があるタイミングで、「きっかけ(Trigger)」が訪れなければならない…というものだ。 ・動機(Motiv
■ - naoyaの日記
もう外野になった人間ががとやかく言うのも、中の人的には面白くないかもしれないけれど... 言わないで後悔するより言った方がマシ、という精神で書き残します。あくまで個人の視点です。あまり賛同してもらえないと思うし。 純粋にインタフェース、という意味の改善ではすごく良いなあと感じた モダンになったし、拡張性のある UI だと思った 使いやすいと思う 一方、コンセプトの転換、という点ではあまり評価できない マイホットエントリーは、技術屋がアルゴリズムを使ってみたいからそうしましたというのを抜け出せてない と、現時点では思ってしまった。作った人には、申し訳ない まだ精度のチューニングが十分でないから? 夕方に新UIに切り替えてから、ほとんどフィードが流れてない まだ、facebook の News Feed のような「大きな問題を解決」した機能にはなってないと思った 今のはてなブックマークは、ユー
見えてきたECサイトの人気レイアウト
ECサイトのレイアウトは、ユーザーに情報を的確に届ける上で重要な役割を果たす。サポタントの調査結果から、ECサイトでトレンドになっている検索窓の設置場所やサイト幅のピクセル数が分かった。 Web・モバイル業界の人材事業を手掛けるサポタントは7月30日、EC（電子商取引）サイトのレイアウトのトレンドに関する調査結果を発表した。楽天市場（100サイト）、Yahoo!ショッピング（50サイト）に出展しているECサイトおよび企業が独自に運営するECサイト（100サイト）を7月に調査した。 70％がページ上部に「検索窓」を設置 Webページの上部に検索窓を設置しているECサイトは全体の70％だった。増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増えているという。
堀井雄二に学びたい - 色々水平思考
もうとうに昔のことでほとんどの人は忘れてしまったかと思われますが、堀井雄二を知らない人のための堀井雄二入門をようやく書きます。まあ、堀井雄二っつうかドラゴンクエスト（以下ドラクエ）にまつわるアレコレについて自分なりの考えだったり、自分が刺激を受けた見解を紹介していくわけなんですけどね。結構長くなると思いますが、お付き合いの程を一つよろしく。 ゲームにおけるテキストライターとしての堀井雄二 まずは、ゲームにおけるテキストライターとしての堀井雄二の仕事ぶりについて考えていこう。ゲーム作家としての堀井雄二が語られる際、もっとも語られることが多いのが、堀井雄二自身の手によるテキストである。事実、ネット上にも面白い評論、考察文が数多くある。まずはこのコラムを紹介しよう。 ブーバ／キキ／ギラ／ホイミ 神は細部に宿り給う このコラムでは、ドラクエの代表的魔法、ホイミが回復魔法っぽくてギラが攻撃魔法っぽく
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024年4月30日 biz@tsumikiinc.com
貧困を減らす実験アプローチ｜安田 洋祐
本年度のノーベル経済学賞が14日夜（日本時間の18時45分頃）に公表され、 ・Abhijit Banerjee（MIT） ・Esther Duflo（MIT） ・Michael Kremer（Harvard） の３名が選ばれました！ 受賞理由は “their experimental approach to alleviating global poverty” 「世界の貧困を軽減するための実験的なアプローチ」 に対して。デュフロ教授は経済学賞で最年少の受賞者（なんと46歳！）で、女性としては2009年のエリノア・オストロム教授に続いて二人目。いずれも素晴らしい快挙ですね！ご本人も電話インタビューの中で、早すぎる（？）受賞に少し驚かれているようでした。 【関連書籍】 『貧乏人の経済学―もういちど貧困問題を根っこから考える』はバナジー＆デュフロ両教授による名著。未読の方はこの機にぜひ！経済学
IDEA * IDEA
ドットインストール代表のライフハックブログ
大手を始め企業がこぞって、喉から手が出るほどに知りたがっているのが「ソーシャルメディアをマーケティングに活用するにはどうしたらいいのか？」ということです。露出最優先の旧来型の宣伝・広告手法は通用しないと気がつき始めました。情報が氾濫する昨今、ソーシャルメディアに限らず《押しつけがましさ》を嫌う人が増えてきています。この難問をブランディング戦略で鮮やかに解決してみせているパイオニアが、無印良品を展開する良品計画です。 日曜日の出来事ブランチをとるためにフラッと入ったMUJI Cafeで、妻が何気なく『無印良品キャンプ場』の冊子を取ってきました。私は中をパラパラと見てすぐに、バッグに入れて持って帰るように頼みました。普段はチラシどころかポケットティッシュすら受け取らない私が珍しいことを言うと、妻は不思議そうに表情を覗き込んできます。 「なんで？ 珍しいね」 つい身振り口調が大げさになるのを自覚
東日本巨大地震 - 自動車・通行実績情報マップ
青色は前日0時〜24時に通行実績のある道路、灰色は同期間に通行実績のない道路を表示しています。 （データ提供: 本田技研工業株式会社） この「自動車・通行実績情報マップ」は、被災地域内での移動、および被災地への救援・支援活動に向かう方の参考となる情報を提供することを目的としています。 このマップは、Googleが、本田技研工業株式会社（Honda）から提供を受けた、Hondaが運営する インターナビ・プレミアムクラブ とパイオニアが運営する スマートループ が作成した 通行実績情報 を利用して作成・表示しています。Hondaは、24時間毎に通行実績情報を更新する予定であり、Googleは更新後の情報を受け取り後、可及的速やかに情報を反映する予定です。 なお、通行実績がある道路でも、現在通行できることを保証するものではありません。実際の道路状況は、このマップと異なる場合があります。緊急交
デザインあ
デザインには、工業デザイン、グラフィックデザイン、服飾デザイン、 建築デザイン、照明デザインなど、様々な分野があります。 それらすべてのデザインは、物事の本質をしっかりと見出し、 そこに工夫を加えることで、さらなる使いやすさ、美しさ、 心地良さを実現することを目的としています。 つまりデザインとは、人とモノ、人と人との関係を「より良くつなげる」ための 観察・思索・知恵・行動のプロセスです。 デザインあは、私たちの身の回りに当たり前に存在しているモノ・コトを こうした「デザイン」の視点から徹底的に見つめ直し、斬新な映像手法と音楽で表現。 こどもたちにデザインの面白さを伝え、 デザイン的な視点と感性を育む一歩となることをめざしています。 2012年 プリ・ジュネス テーマ賞 2012年 ピーボディ―賞 2015年 日本賞 幼児部門最優秀賞 2017年 アメリカ国際ビデオ・フィルム祭 幼児部門ゴ
こんにちは。おうちハッカーのぼへみあです。 CESではIoTデバイスが盛り上がり、特にAmazon Alexa無双だったということです。Alexaは日本上陸していないので、使うことができず、取り残されているようで残念ですが。 このように、IoTブームが続いており、多くのIoTデバイスが発表されて盛り上がりを見せているのですが、それは本当に生活を変えうるものでしょうか？ 私はこれまでIoTデバイスを買いまくり、自宅に取り入れることで身をもって経験してきました。 bohemia.hatenablog.com そうした経験から、IoTが生活を不便にしてしまった実例をお伝えしたいと思います。これからおうちハックをしたい人、IoTハードウェア開発者などの糧になると嬉しいです。 以前にも、失敗談と称して記事を書いていますので、こちらもご参考ください。 おうちハックの失敗から学んだこと - bohemi
今回は富士通研究所が開発に成功した、 次世代ユーザーインターフェースから。 書類などをタッチパネルに変えてしまう技術なのですが、 個人的には開発品にこれほど感動を覚えたのは久しぶりです。 詳細は動画内にて説明されていますので、さっそくごらんください。 実世界の物に対してタッチ操作可能な次世代UI #DigInfo ■ これは、未来、君なのか？ ロシア ■ スマートフォンにこの機能が付いてたら最高だよな。 セルビア ■ 未来はまさにここから始まる。 +79 マレーシア ■ 未来が始まるのはいつだって日本からさ。 +4 アメリカ ■ もっと言うと、日本からすべてが始まった。 マレーシア ■ 未来の俺のデスクにはこの技術が搭載されてるはず。 国籍不明 ■ 未来がもうすぐそこまで来てるって感じがする！ 国籍不明 ■ プロジェクターはちょっと不便だなって思ってたトコなんだよ。 これに加えてグーグルグ
勝手にリデザイン：新宿高層ビルの館内施設案内板
勝手にリデザイン：新宿高層ビルの館内施設案内板 新宿のとある高層ビルの館内案内標識が話題に。後学のために、仕様・問題点を整理、改善案の作成を行ってみました time2011/09/08 hatenabookmark- Twitterで、あるサイン（案内板）のことが話題になっていました。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 まず、この図から読み取れる情報だけでは何が「正解」かわからないので、実際の現場に足を運んでみました。 そして、館内をぐるっと見学してみて、大体の施設の配置を把握してきました。（ちなみに、ビルの中をウロウロしてると普通に不審者だと思うので、警備員の方
はてなブックマークのデザインが見辛い
なぜこんな改悪をしてしまったのだろう。 http://www.itmedia.co.jp/news/articles/1301/08/news128.html 大幅なデザインリニューアルは2008年11月以来との事だが 当初から利用しているユーザーとっては大変使いにくく、見辛くなってしまったのがとても残念だ ＞1月30日には、ブックマークコメントの一覧表示ページを刷新する予定。 こちらも初期ユーザーからすると残念なお知らせになりそう。 初期のデザインに戻す機能を付けてもらいたい。 同意見の方はこの投稿をブックマークして（エントリーに載れば）はてな社員に目をつけてもらえるかも。 ※おもしろいサイトを見つけたのでリンクを貼っておく http://mixch.blog.fc2.com/ はてなブックマークを見るのに使えるかも
2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用：InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます
4Gamer.net — ［OGC2008＃03］「2ちゃんねる」と「ニコニコ動画」のひろゆき氏が語る，ゲーム・コミュニティ・文化（シヴィライゼーション4【完全日本語版】）
［OGC2008＃03］「2ちゃんねる」と「ニコニコ動画」のひろゆき氏が語る，ゲーム・コミュニティ・文化 編集部：Guevarista 「2ちゃんねる」の管理人にして，ニワンゴの設立メンバーでもある，ひろゆき氏 「2ちゃんねる」の管理人ひろゆき氏といえば，ここでくどくどと説明を並べ立てるまでもない有名人だろう。彼は「ニコニコ動画」のサービスを提供するニワンゴの，設立メンバーの一人であり，サービス運営に独自の役割を果たしている。 そんな関係もあって，OGC 2008にはなんと，彼が登壇するセッションが設けられている。第8講「コミュニティが生み出す想像事例と，CGMの可能性」と題したフリートークセッションがそれで，話題の中心となるのはおそらく，ニコニコ動画のサービスとアップロード作品，そして「ニコニコ映画祭」の応募作品といったことになるだろう。 このセッション自体，ある意味たいへん時宜を得たも
Maybe it's a generational thing, but, Mr. Peter Bregman, I feel exactly the same way you do, thank you for writing this. I, too, don't wear electronic devices, while running. I just want to listen to the wind, chirping birds, feeling the sun, enjoying ever-changing scent of flowers and grasses. That way, I can empty my mind. I, too, treasure the quiet moment I spend staring at my daughter. Kids
iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間（コスト）が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities＋IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。
新入社員時代、もともと伝えることが得意でなかったにもかかわらず、コピーライターとして配属され苦しむ。連日、書いても書いてもすべてボツ。紙のムダということで当時つけられたあだ名は「もっともエコでないコピーライター」。ストレスにより１日3個プリンを食べ続ける日々を過ごし、激太りする。それでもプリンをやめられなかったのは、世の中で唯一、自分に甘かったのはプリンだったから。あるとき、伝え方には技術があることを発見。そこから伝え方だけでなく、人生ががらりと変わる。本書はその体験と、発見した技術を赤裸々に綴ったもの。 本業の広告制作では、カンヌ国際広告祭でゴールド賞を含む3年連続受賞、など国内外55のアワードに入選入賞。企業講演、学校のボランティア講演、あわせて年間70回以上。郷ひろみ、Chemistryなど作詞家として、アルバム・オリコン1位を2度獲得。『世界一受けたい授業』等テレビ出演多数。株式会
レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
こんにちは。 緑のにおいが気持ち良い季節になってきましたね。3月4月は花粉で涙をボロボロ流しながら生活していたのですが、やっと思う存分散歩ができそうです。 さっそくですが、デザイナー・クリエイターのみなさんは、自分の作品やスキルをアピールするために普段どのようなツールを使っているでしょうか？ 現在さまざまなWebサービスが出ており、うまく利用できれば活動や交流の幅が広がるはず！ そう思って今回はクリエイター向けのサービスをいくつかまとめました。 目次 UIアニメーションのヒントに ちょっとしたアニメーションを作るときに参考にしています。動きを眺めるだけでも面白く、インスピレーションがわきます。 CAPPTIVATE.co iPhoneアプリのUIアニメーションをカテゴリ別に紹介しています。マウスオンでアニメーションが確認でき、アプリのデザインやUIアニメーションなど、アプリ開発に大変役立ち
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
売上を伸ばしたい。 課金率を伸ばしたい。 でも、難しい！ コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。 まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くなってるかもしれません。 UI パターン 1. ミニマム型 2. プラン比較型 3. 横スクロール型 4. リスト型 5. ロング LP 型 規約表示パターン 1. 固定表示型 2. 隠しスクロール型 3. フッター型 4. 遷移型 サービスパターン 1. 探索財 2. 経験財 3. 信頼材 UI パターン1. ミニマム型最低限
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 多くのユーザーに愛されるフリマアプリ『メルカリ』ですが、そのスムーズな画面描画はどのような技術で生み出されているのでしょうか。同アプリの高速表示の秘密を、バックエンド、iOS、Androidの3方向からメルカリ社のエンジニア4人に聞きました。 バックエンドの高速化を支える技術 【Tips1】 画像のファイルサイズを最適化し、アプリ全体の通信量を抑える 【Tips2】データセンター間通信のレイテンシを抑える 【Tips3】アプリのありとあらゆる挙動を常にモニタリングする iOSアプリの高速化を支える技術 【Tips4】Objective-CからSwiftへの移行 ＆ アーキテクチャの刷新 【Tips5】『UIStackView』を活用し、UIの描画をより滑らかにする Androidアプリの高速化を
アップルのデザインの進め方、責任者ジョナサン・アイヴが語る2012.03.15 22:006,550 福田ミホ アップルをアップルたらしめている何かが、感じられます。 MacBookやiPhone、iPadといったアップル製品に共通する大きな特徴のひとつは、それぞれに独自性が高く美しいデザインです。そんなアップルのデザインを取り仕切る人物は、インダストリアルデザイン担当上級副社長のジョナサン・アイヴです。彼はデザイン業界への貢献を評価され、出身国であるイギリスから｢ナイト｣の称号も与えられています。 そんなアイヴが、ロンドン・イブニング・スタンダード誌でのインタビュー記事の中で、アップルのデザインの秘訣に触れつつ、他社の問題点も指摘しています。また、我々ユーザーについてアップルがどう見ているのかも、話しています。 以下、インタビュー記事からの抜粋です。 Q：アップルのデザインは、どこが｢違
質問です。 とあるメーカーのECサイトを運営する事業部のインハウスでコーディングをしています。 特集ページなどを作っているのですが、特集ページから商品ページに飛んで購入してもらう場合、 成果を測る指標としてどこの数値を見ていますか？ 商品ページだと測りやすいのですが、通過したページだと測りにくいなと思っています。 現状の所、GA4の探索のファネルデータで測るしかないかなと思っています。 しかしこの方法だとそのページを見てまったく別の商品を購入した場合との区別がつかないと思っています。 このほか良い計測方法などありましたら教えていただきたいです。
2006年にリリースされ、今年で10年目を迎えた日程調整ツール「調整さん」。イベントの幹事はメンバーにURLを送るだけで、出欠確認や日程調整が行えるサービスだ。20代以上のネットユーザーなら一度は利用したことがあるのではないだろうか。無料で簡単に使えて、当たり前のようにインターネット上に存在していた調整さんだが、2015年に入ってから密かに、驚くべき成長を遂げていた。 調整さんのMAU（Month Active User、月間利用者数）は2014年の7月時点で50万人ほどだった。これが、2015年3月には100万人、9月には200万人にまで伸びているのだ。シンプルな機能しか持たない古株のWebサービスに、この1年で一体何が起きたのだろうか。調整さんの開発チームを率いるリクルートホールディングス・MTL（メディアテクノロジーラボ）の山本一誠さんにお話を伺った。 手付かずで5年以上放置されてい
※前半部分はしょりすぎで意味不明の部分があったので追記しておきます 7/18 最近、スマートフォンの浸透が著しく、携帯売り場はスマホか「らくらくホン」しか売れなくなっているという。長い爪のギャルはタッチパネルでは打てなかったがついに女性用と名打ってキーボード式のスマホまで出てきた。ガラスマですな。 某大手携帯メーカーS勤務の友人も「ガラケー市場は死にました」と言ってます。アメリカの市場では成人の35%がスマホだそうだが(ソースはこちら)、日本でもこんな感じ しかしこんな急激にスマートフォンが来るとは、キャリアもコンテンツプロバイダも予測してなかったのではあるまいか。というかドコモでさえSoftBankにここまでやられたのは単にスマホの需要の見誤りだし、auなんて、もうSoftBankに抜かれて三位転落が目の前に迫っている。2011年６月でドコモ47%、au27%、SoftBank21%。5
Web ページを高速化する
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所
長文コンテンツのための5つの書式テクニック ニールセン博士のAlertbox 3月19日 要約、箇条書き、コールアウト、太字、役立つ視覚情報などのテクニックを用いることで、1,000語を超えるコンテンツの理解度やエンゲージメントは向上する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ UXのためのAI：入門編 ニールセン博士のAlertbox 3月13日 生成AIツールを、あなたのUXスキルを代替するためではなく、サポートし、強化するために使おう。小さなUXタスクから始めて、ハルシネーションや誤ったアドバイスに気をつけよう。
まったく売れない商品だったのに、売れた！
買う理由を教えてあげること 小売店の場合、商品の価値を伝えるというのは、ＰＯＰです。 ポイント・オブ・パーチャス＝購買時点広告。 もっとカンタンに言うと「売場広告」ですね。 POPはお客さまに買う理由を教えてあげる道具なんです。 プライスカードとは、役割がまったく違うってこと。 もしあなたがPOPとプライスカードを同じものだと思っているとしたら、これから商売はますます難しくなるでしょう。 ＰＯＰは使い方で、すごい効果があります。 コンサルしている、北海道の観光ホテルの売店での実績です。 1階にお土産を売っている売店があります。 ここの売上をあげるために、「ＰＯＰ大作戦」というのをやりました。 売店に関わるスタッフ全員を会議室に集めて、自分の好きなお土産の商品、自分の好きなお菓子に、何故好きかを書いたＰＯＰをつけたんです。 小さい紙に手書きで。 字は汚くてもどんなのでも良いから、ともかく読め
ゲーム嫌いも知らないと損する ゲーミフィケーション入門 あなたの生活を変える「Gamification」現状まとめ 株式会社ライブドア マークアップエンジニア／ディレクター 浜 俊太朗 2011/9/16 「Gamification（ゲーミフィケーション）」という言葉をご存じでしょうか？ 最近よく話題になっているので、見掛けたことのある方も多いことでしょう。本稿では、今後のWeb業界のキーワードとなり得るゲーミフィケーションの解説と現状、そして未来予想をお届けします。 今年の初めごろまでは一部の人が注目しているだけでしたが、ここ最近ではセミナーや勉強会が開催されたり書籍も出版されるなど、盛り上がりを見せています。 「ゲーミフィケーション」とは、何なのか ゲーミフィケーションは海外で生まれた概念で、その本質を説明すると「ユーザーエンゲージメントを高めるために、ユーザーに楽しんでもらうための方
リニューアルして卒業させる勇気｜林伸次
「飲食店の寿命は６年」という説があるんですね。 パンケーキでも、立ち飲みバルでも、スープカレーでもなんでも良いのですが、「え！ それ面白そう！ 行ってみよう！」って思われて、みんなが通ってくれるのって６年くらいが限度なんです。 まあ６年くらい経ってしまえば、「ああ、そういうの流行ってたよね。なんか懐かしいなあ」って気持ちになるんです。 それで大手の飲食の会社では、大体そのくらいでお金がまわるように計算して、「じゃあ次は○○海産かな」とか「○○農場とかどうかな」とかって感じで、お店を潰しては新しくしてっていうのを繰り返すんですね。 僕たちのような小さいお店は、資金的な余裕もないし、例えばフレンチでしか修行をしていないので、突然和食をやろうなんてことも出来なくて、まああまり潰して新しいお店を、なんてことは出来ません。 それでまあ、ちょっとづつ「売り上げ」が減って、「まあここらで閉めようか」って
はじめに 個人開発もエンジニア自体の歴も浅いSEです。 就業先がJavaをメインで使う企業なのですが、個人的にフロントエンドまわりが好きです。 元々、興味本位でデザインの本だったりUXに関する本とかを読んでいたりするのですが、 その結論の際にたどり着いたのが、 「理論とか決まってるなら、それをよしなにやってくれるor参考にできるツールとかサイト探せばよくね」 という結論になりました。なんと怠惰な思考でしょうか。 そんなわけで、こちらではデザインに限らず、色々開発に便利なツールを紹介させていただきます。 （有名なのが多いかもしれませんが、ご容赦ください、結局有名なものに行き着くのです） レイアウト関係 1. Awwwards おしゃれなwebサイトが集まっているサイトです。 ここまで個人開発でお洒落にできたらいいなと思いますが、自分はアニメーションを考えるときや、 作りたいフロント側のデザイ
「基本的に運営側がすることが正しいんですよ Webの世界ってそういう論理で動いてるんですよ」理論 実はここで言われている@masarakkiさんの意見はすごくわかる。「最高にクール」なUIがクソユーザー（便宜上、UIの良さがわからないユーザーを本エントリではそう呼ぶ）によって阻止されるのは中の人としては決して喜ばしいことではない。 ユーザーは「最高にクールなUI」がわかるか？ まずこの問いから始めたい。一般ユーザーは「最高にクール」なUIがわかるか？ 答えはNOだ。彼らは「使いやすい」UIはわかっても「クール」なUIはわからない。そして「使いやすい」というのは結局各人の主観に依るものなので、この「使いやすい」UIというのは参考にはできても信用はできないものである。 この話を読んで真っ先に思い出した１つの話がある。 フラットデザインや新機種が評判どうか、というのはAppleにとっては意味が無
今更だけど「マテリアルデザイン」がスゴイ。デザイナーだけでなくノンデザイナーもその考え方を知っておく価値があると思う。 マテリアルデザインは2014年〜Googleが提唱している考え方だ。主にアプリやWebサイトに採用される。Googleのサービスにはだいたいマテリアルデザインが採用されている。はじめの一步としては「マテリアルデザイン＝Googleっぽいデザイン」と考えるとイメージが湧きやすいのではないかと思う。 Google+、Google Map、Gmailなんかは典型的なマテリアルデザインと言える。 マテリアルデザインの何がスゴイのか 「マテリアルデザインとは何か」と合わせてそのスゴさについて解説していく。 1. 厳密なガイドライン よく比較される「フラットデザイン」とはここが決定的に異なる。フラットデザインは誰かが「こうやって作るもんだぞ」と提唱したわけではない。明確なガイドライン
Av-jyo.com
The domain av-jyo.com maybe for sale. Click here for more information. Av-jyo.com Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Web Designing Courses AVI DVD Player Online Data Protection MatchMaking Services Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Privacy Policy
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「ユーザーが行動をおこす条件」の話｜深津 貴之 (fladdict)｜note
フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
宣伝をしないで宣伝する無印良品の凄味 - Leopard LAB
【おうちハック】自宅をIoT化しすぎて不便になったこと - bohemia日記
海外「この技術は世界を変える」 富士通の最新技術が未来的過ぎる
僕がiPadを返品した理由：Why I Returned My iPad - HBR
デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo
チカン多発地域！ある看板をつけたらチカンが発生しなくなった、そのコトバとは??
見ないと損する便利なデザイナー向けWebサービス13選 | SONICMOOV LAB
ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012
課金 UI まとめてみた｜あき - 良いもの作って正しく届ける
アップルのデザインの進め方、責任者ジョナサン・アイヴが語る
W3Q - Web業界で働く方専用のQ&Aサービス - Tters
ずっと社内で放置されていた…「調整さん」10年目の本気 | HRナビ by リクルート
ガラケーからスマホの怒濤の流れで割を食ったサービス
UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | ベイジの社長ブログ
U-site
ゲーム嫌いも知らないと損するゲーミフィケーション入門（1/3）- ＠IT
個人開発で即戦力になるツール・サイトまとめ - Qiita
UIの進化を止めるうんこユーザーに我々はどう立ち向かうべきか
流行りのGoogleマテリアルデザインがすごい件 - LITERALLY
方法: Windows Phone Marketplace 用のスクリーンショットを作成する