全部、完全に商用利用無料！ UIデザインに適した400種類以上のSVG・Figma用も揃ったシンプルでかわいいアイコン素材 -Doodle Icons
アイコン用のグリッドを使用して手描きされた、ちょっとラフなかわいい感じにデザインされたアイコン素材を紹介します。 15のカテゴリに、400種類以上のアイコンがセットになっており、個人でも商用プロジェクトでも完全に無料で使用できます。フォーマットは.png, .svg, .figが揃っているのも便利ですね。 Doodle Icons -Khushmeen Doodle Iconsの特徴 Doodle Iconsのダウンロード Doodle Iconsの特徴 Doodle Iconsは、イラストレーターでアニメーターでもある@khushmeensidhu氏による、手描きのアイコン素材です。 アイコングリッドを使用して、手描きされたアイコン 15のカテゴリに、400種類以上のアイコン 個人でも商用プロジェクトでも無料で利用できます 帰属は必要ありません アイコンのフォーマットは、.png, .s
UXデザインをするならこの本を読もう！ 安藤先生のおすすめ書籍
UXデザインをするならこの本を読もう！ 安藤先生のおすすめ書籍 ユーザー志向のものづくりの実践～安藤昌也氏（番外編） UXデザインを手がけるときに参考になる書籍を安藤先生に紹介してもらった。人間中心設計、インタビューの仕方、ペルソナの作り方、UIデザインのための心理学に関するものなど、いずれもUXデザインのヒントにつながりそうな本ばかりだ。 U-Site編集部 2015年6月24日 安藤 昌也（あんどう まさや） 千葉工業大学 工学部 デザイン科学科教授 Ph.D。UX、エスノグラフィックデザインアプローチの研究者で、ものづくりのコンサルタント。 （← 第3回「利他的UXデザイン：人の利他心を高めるものづくり」へ） 安藤先生へのインタビューの番外編。インタビューの間、背面の書棚がとても気になったので、UXデザインを手がけるときに参考になる書籍を紹介してもらった。いずれも、UXデザインの教科
誰のためのデザイン？増補・改訂版を読んだ - ninjinkun's diary
自分が最初に元の誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知科学選書)（初版はPOETと呼ばれている*1 ）を読んだのは十数年前でした。4月に出たこの改訂版を読み返してみて、改めて感銘を受けました（そして内容をほとんど忘れていたのに気づきました）。 内容としては、エモーショナル・デザイン―微笑を誘うモノたちのために 、複雑さと共に暮らす―デザインの挑戦など後の書籍で検討された内容が盛り込まれて、ノーマン著作の集大成になっています。 自分がこの改訂版で注目しているのは、「6章デザイン思考」の追加です。 6章デザイン思考 正しい問題を発見するのがデザインである として、そのための手段としてデザイン思考が解説されます。 具体的にフレームワークとして取り上げられている人間中心デザインプロセスを見てみると、 観察→アイデア創出→プロトタイピング→テスト→観察… というサイクルになって
「サインシステム計画学」という本を読んだ - ushiroad
近くの本屋に行ったら（本当は他の本を探しに行ったのだけれど）改装中で無秩序に本が積んであって、たまたま目に留まったので買ってみた。 サインシステムというのは平たく言えば駅などにある案内表示のことで、今では当然のように存在している営団地下鉄（東京メトロ）のそれを整備した本人による解説書がこれ。（案内表示のこと、というのはかなり乱暴な言い方で、本文中では、案内表示だけではなく建物の構造など環境全体をシステムとして捉えよと書いている） 博士論文がベースになっている本ということで、5500円もするのに難解で読めなかったらどうしようと思ったけど、読み易い本だった。しかも、工業デザイン、あるいはデザインそのものの基礎にも触れていて、お得感が高い。 私はそもそも物理的なタイピング速度が遅いし、vimやemacsといったイカしたエディタも操れないので、せめてこうやって知識を肥やしておかなければスーパーハッ
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
「コンピューターと自分は一体」：実験で検証 | WIRED VISION
前の記事 無料配信で書籍の売り上げが増加：41冊の調査結果 「コンピューターと自分は一体」：実験で検証 2010年3月11日 サイエンス・テクノロジー コメント： トラックバック (0) フィードサイエンス・テクノロジー Brandon Keim (左)マルティン・ハイデッガー、(右)身体が道具を用いている際の全体的な相互作用の様子を図にしたもの。(A)は正常に機能する道具、(B)は機能しない道具を用いている場合。 Image credit: (左)WikiMedia Commons、(右)PLoS ONE。サイトトップの画像はwikimedia 一見単純な実験によって、偉大な哲学者の概念が検証された。その実験は、コンピューターのマウスを用いて、マウスが一時的に正しく機能しなくなるようにすることで、それを操作する人がどのような反応を示すかを調べるというものだ。 実験の結果、被験者の注意力に
タッチスクリーン比較テストと、iPhoneが優れている理由 | WIRED VISION
前の記事 『iPad』初のテレビCMを分析する アカデミー賞を勝手に選定：SFの復権を！ 次の記事 タッチスクリーン比較テストと、iPhoneが優れている理由 2010年3月 9日 IT コメント： トラックバック (0) フィードIT Priya Ganapati Photo illustration (top): Jon Snyder/Wired.com 米Apple社の『iPhone』のタッチスクリーンは、『BlackBerry Storm』『Motorola Droid』『Nexus One』などよりも反応が良いのではと感じている人たちは、実際に正しいようだ。これらの端末はすべて、基本的には同じタッチ検知のハードウェアを利用しているにもかかわらず、実際の性能は異なるのだ。 携帯電話メーカー各社はタッチスクリーンを、同じようなサプライヤー各社からコンポーネントとして購入している。しか
iPhoneやiPadがどうしてもシングルタスクな理由
今週、Appleのタブレット端末iPadが発表されましたね。 色々な人が色々な事を言っていますが、iPadに対してもマルチタスク非対応を嘆く声が非常に多いことをtwitterやblogの反応で知りましたので、今日はなぜiPhoneやiPadがシングルタスク志向なのか、という話をしようと思います。 iPadといえば、発表直前のGizmodoの予想記事に、かつてAppleの開発者でありMacintoshプロジェクトを立ち上げたジェフ・ラスキンのモーフィング・コンピュータについての紹介が載っていました。「AppleタブレットのUIはズバリこうなる！（動画＆予想図）」すごくいい記事で、とても楽しく読ませていただきました。 iPhone/iPadのシングルタスクへの執着には、「マルチタスク汎用機」ではなくて、「必要な時にいろんな専用機に変身できる多機能機」という基本的な設計思想があると思います。ここ
メタボなお財布をスマートにするコンセプト｢One Card｣
お財布の中身スッキリさんですか？ ｢ポイントも貯まるし｣とか｢ここのカードだと引き落とし時に5％オフになるから｣とか｢現金は持ち歩かないんだよね｣などなど、いろんな理由で支払いはクレジットカード派って人も多いと思いますけど、そうなるとカードの種類が増えちゃったり、レシートもゴッソリたまって、お財布がメタボ気味になっちゃったりしません？ 鞄に入れるにしても、ポケットに入れるにしても、お財布がコンパクトになるといいですよね？ ｢そうそう｣と思ったら、このOne Cardコンセプトに魅力を感じるかも。だって持ち運ぶのは1枚のカードでOKだし、レシートもナシなんです。 この、Kim Young Sukさんが思い付いたOne Cardが、現実のものになったら、そうとう便利そうですよ。メディアカードとクレジットカード情報が1つになっているんです。つまみを回して、使いたいカードを選ぶと、クレジットカード
fladdict.net blog: 「本当に素晴らしいデザイン」とは、PICASAの変なスクロールバーみたいなものを言う
お気に入り巡回先の、羨望は無知の「なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか」や、分裂勘違い君劇場の「エンジニアの方が優れたユーザインタフェースデザインができる理由」、F's Garageの「エンジニアがダメなUIデザインをする原因」 のあたりのデザイン論が、あんまりデザインと縁のない人にデザインをわかりやすく説明してて面白い。面白いのだけどちょっと抽象的なんで、具体例の話とか書いてみるテスト。 最近、これらのエントリーで言及されるようなよいデザインを身をもって体験をした。それは画像管理ソフトPICASAのヘンテコなスクロールバー。 今まで気付かなかったけど、あのヘンなスクロールバーは単なるアヴァンギャルドやオシャレじゃあなかった。実は合理性に裏打ちされた素晴らしく美しいデザインだということに気付いた。 まずPICASAを知らない人に説明すると、このソフトのスクロ
はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2024年2月のトップ50です*1。 順位 タイトル 1位 マンションリフォーム虎の巻 2位 死ぬほど嫌でした｜佐藤秀峰 3位 「面倒なことはChatGPTにやらせよう」の全プロンプトを実行した配信のリンクを整理しました｜カレーちゃん 4位 管理職必読 順番に読むと理解が深まる「マネジメントの名著」11冊 | 日経BOOKプラス 5位 メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)｜アプリマーケティング研究所 6位 7年適当に自炊してきて調味料について思ったことを書く 7位 ウクライナ軍に入隊したアジャイルコーチが、さまざまなメソッドを駆使して中隊長としてのリーダーシップを実現した話（
デザイナーが教えてくれるインスピレーションTips&ツール集 – creamu
Six Revisionsで、デザイナーが教えてくれるインスピレーションTips&ツール集がまとまっています。 TheBestDesigns.comを運営していてアートディレクター、フロントエンドエンジニアとして働いているAngela Rohnerさんによる記事ですね。 デザイン関連のブログとして、 » Fuel Brand Network of Sites 最近ローンチして、私が最も好きなブログネットワークの一つ。デザインやイラスト、アプリ、コーディングなどについての役に立つ記事が満載 » Footer Fetish 私が最近見始めた、インスピレーションが得られるサイト。クリエイティブなフッターを集めている » Blog Design Heroes かっこいいブログデザインのギャラリー » Folio Focus クリエイティブなポートフォリオサイトを集めたサイト » Minimal E
無料でウェブページ内のユーザーの行動を可視化してヒートマップを見せてくれる「ユーザーヒート」
通常のアクセス解析は単純にどのページがどれだけ見られたかという程度のものですが、実際にユーザーがどこをクリックしているのか、どこから見始めているのか、どこを重点的に見ているのかなどを分析する「ヒートマップ」を無料で作成してくれるのがこの「ユーザーヒート」です。 実際にどのような感じで解析できるのかというサンプルは以下から。 ユーザーローカル、Webページ内の行動を分析する無料アクセス解析ツール「ユーザーヒート」を公開 User Heat : どこが読まれているか見える！無料ヒートマップ・ツール http://userheat.com/ マウスの軌跡・クリックが多い場所・熟読エリアの3パターンの可視化が可能となっており、それぞれ以下のようになります。 マウストラック分析。ページが表示されてから離脱するまでの訪問者のマウスの動き（ページを開いたときのマウス場所や移動箇所、クリックした場所）を表
ビリヤードで無敵になれるARシステム(動画) | WIRED VISION
前の記事 殺害脅迫は1日に30通、投票サイトにも捜査：米大統領 『iPhone』表示ヘルメット＋自転車で東京を疾走(動画) 次の記事 ビリヤードで無敵になれるARシステム(動画) 2009年9月30日 Charlie Sorrel 英国の『スヌーカー』や、それが小さくなったポケット・ビリヤードは、ならず者の勝負師や、楽しさを求める人たちに好まれている。[日米で普通ビリヤードと言われるのは「ポケット・ビリヤード」で、「Pool」とも言われる。『スヌーカー』の台は、ポケット・ビリヤード台の倍程度の大きさがある] そのビリヤードで、どうも自動化環境ができつつあるらしい。このゲームは結局のところ、「角度」と「安定したキュー[手玉を突くための棒状の道具]の動き」がすべてなのだが、この2つをロボットは簡単にやってのけるのだ。 産業用のガントリー・ロボットにキューを持たせたビリヤードロボット『Deep
人工視覚の研究：人工網膜や「バイオハイブリッド眼」 | WIRED VISION
前の記事 生きたカブトムシをリモコン操作(動画) 「オタクの聖地」秋葉原：画像ギャラリー 次の記事 人工視覚の研究：人工網膜や「バイオハイブリッド眼」 2009年9月25日 Priya Ganapati Photos: MIT 目にチップを埋め込んで視覚障害者の視力を回復する技術が、実現にさらに近づいている。マサチューセッツ工科大学(MIT)の研究チームは、損傷した細胞を迂回して脳に直接視覚情報を送信できる人工網膜移植の研究に取り組んでいる。 眼球にマイクロチップを移植した患者は、小型カメラが接続された眼鏡をかける。このカメラが、眼球に埋め込まれたマイクロチップに画像を送り、このチップが情報を脳に伝えるという仕組みだ。 正常な視力を回復するわけではないが、視覚障害者が部屋の中を移動できる程度の視力をもたらす、と研究者らは述べている。 MITの最新研究は、カナダの映画制作者Rob Spenc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
IDEA * IDEA
ボタンやフォーム要素、シールなどWeb2.0っぽいUIパーツ集:phpspot開発日誌
IDEA * IDEA
Engadget | Technology News & Reviews
