プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回Yoshiki Hayama
書籍化し、12万部突破しました。 【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます ・自己学習や勉強会などの目的でしたらご自由にお使いいただけます ・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ・記事への参考資料にする際は適切な出典明記をお願いいたします 【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。 フリーで使えます。 【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから 【書籍情報】 デザイン入門:https://amzn.asia/d/4WDsTI6 デザイン図鑑:https
2012年のはてなブックマークで多くのブックマークを集めた人気エントリーのトップ50を発表します。今年のランキングは、去年までとは少し様子が違っているかも……?(集計期間:2012年1月1日~12月20日) 2012年 はてなブックマーク年間ランキング(2012/1/1-2012/12/20) 1位僕は自分が思っていたほどは頭がよくなかった - しのごの録 2位88必发-88必发登录官网 3位仕事でExcel使うなら必ず読んでおきたい記事まとめ - NAVER まとめ 4位アイデアを大量生産できる最強のフレームワーク「オズボーンのチェックリスト」 | お土産屋さんブログ 5位強面の社長が教えてくれた人たらしテク | コムテブログ 6位http://maka-veli.com/music-video.html 7位2012年 はてブ数ランキングベスト50 – 今年中に見ておきたい良記事まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
はてなブックマークが、2015年8月19日で10周年を迎えます。これを記念し、はてなニュースでは10年間の歴史を振り返るさまざまなデータをご紹介! まずは、2005年から10年間のブックマーク数ランキングトップ100を発表します。10年間で最もブックマークされたエントリーは……? 各年代別のランキングもあわせてご覧ください!(集計期間:2005年1月1日~2015年5月31日) ■ 10年間のブックマーク数ランキングトップ100 10年間のブックマーク数ランキング(2005/1/1~2015/5/31) 順位 タイトル 1位 Yahoo! JAPAN 2位 Twitter 3位 niconico(ニコニコ) 4位 急がばまわれ式・堅実で一番効率的な英語の勉強法 5位 20歳を過ぎてから英語を学ぼうと決めた人たちへ | The Wisdom of Crowds - JP 6位 はてなブックマ
This domain may be for sale!
念願のMacBook Airをゲットしました!! 発売初日にWebで注文して、昨日やっと届きました。 購入したのは、MacBook Air 13インチです。 【スペック】 1.8GHzデュアルコアIntel Core i7 4GB 1333MHz DDR3 SDRAM 256GBのフラッシュストレージ 今までは、Let’s Note一筋でがんばってきたのですが、iPhone、iPad、iPod nanoとApple製品の魅力にとりつかれてしまって、実物を見ずに新しいMacBook Airをポチってしまいました。 Windows歴18年(Windows3.1から使っているので)の筆者にとってMacにスイッチすることはかなりの覚悟が必要でした。 しかし、1日触っただけで分かりました。 「Macだけで十分やっていける!」 Macヘビーユーザーにとって今回のOSはインパクトが大きくてちょっと使いに
WWDC 2011 Keynoteも終わりました。 iOS4までで基礎は完成させたということでしょうか、これまで30%税で儲けさせてくれたはずのサードパーティすら殺してしまいそうなサービスを次々と発表するジョブズの姿を見ると、ああプラットフォーマーの強権というものは恐ろしいのだなぁと実感し、嬉々としてObjective-Cを学んでいた昨日までの自分に恐怖するわけであります。 そこで今回は、アップデートで死んでしまう、あるいは死なないまでも大ダメージを受けるであろうひとたちを振り返り、明日への戒めとしたいと思います。 なお、WWDCの画像はEngadgetから引っ張ってきています。感謝いたします。 iOS組み込みのTwitterサポート Twitterを使用するにはiOSの設定画面でアカウントを登録しなければならず、すべてのアプリケーションはHTTPでTwitterAPIを叩く代わりにiOS
勉強会、カンファレンスで使うプレゼンテーションをつくる際の画像の探し方。 一時期「プレゼンテーションZen」が話題になったように、大きな写真を使ったプレゼンテーション手法が使われることがあります。どのような手法であってもプレゼンテーションをより魅力的にするために、あるいは内容をより伝わりやすくするために視覚的なイメージを使うことは有効な手段だと思います。 いざ画像を探そうって時に、自分の持っている画像で事足りれば問題ないのですが、だいたいそうじゃないからけっこう画像探しって困ってしまいますよね。 ということで、普段私が画像を探す際に利用しているサイトをご紹介します。 権利関係については以下をご一読いただけるといいと思います。 クリエリティブコモンズライセンスとは 結局これだけあればなんとかなるセット【更新】 詳細については各サイトの指示に従い、自己責任でご使用ください! Unsplash
iPhone、iPad、iMacにMac Book Airと、複数の機器を有効に活用するためには、クラウドサービスが欠かせません。バックナンバー『Mac Book Air完全クラウド化計画』でもお伝えしたように、これまで「ほとんどすべてのファイルがクラウド上にもある」環境を作るためにいろいろと試行錯誤を続けてきました。 「バックアップはどうする?」「どのサービスにどんなファイルを置く?」など、未解決の課題や疑問がありましたが、最近、ようやく自分でも納得できる環境が完成しました。今日は、そんなZONOSTYLE流パーソナルクラウドの全貌をお見せしたいと思います。 実はこの記事、先々週あたりからコツコツと書き続けていたのですが、気がついてみると、いつのまにか文字数が1万5000字を超えてしまっていました。いま、2冊の書籍を執筆中なので、おそらくそのモードでやってしまったのだと思います。 以前か
凄いものが出てきてしまった。 ChatGPTの「Code Interpreter」が話題になったが、あれはあくまでクラウド上で動いているだけ。それを模してローカルで動作するようになった「Open Interpreter」は、衝撃的な成果である。 Open Interpreterのインストールは簡単。コマンド一発だ $ pip install open-interpreter起動も簡単 $ interpreter -yこれだけでOK。 あとはなんでもやってくれる。 たとえばどんなことができるのかというと、「AppleとMetaの株価の推移をグラフ化してくれ」と言うとネットから自動的に情報をとってきてPythonコード書いてグラフをプロットしてくれる。 凄いのは、ローカルで動くのでたとえばApplescriptを使ってmacOSで動いているアプリを直接起動したり操作したりできる。「Keynot
Jason Zimdars / 青木靖 訳 2010年8月31日 「Webデザインを始めたい場合、どうすればいいんでしょう?」とか、「Webアプリを作り始めるには、どんなスキルが必要ですか?」といった質問をする人がたくさんいる。おすすめの本を山ほど挙げたり、「となりのやつより115%上をいく55の技」みたいな記事を何十本かリストアップするのは簡単だが、本当のところを言うと、始めるために何かを学ぶ必要はない。一番重要なことが何かというと、ただ始めることなのだ。 何かを作り始めること。Webデザインを学びたいならWebサイトを作ればいい。起業家になってWebベースの製品を売るビジネスを始めたいなら何かアプリを作ればいい。まだスキルがないかもしれないけど、どうしてそんなこと気にするの? どんなスキルが必要になるかもわからないというのに。 すでに知っていることを使って始める Webで何か作りたいん
モバイルの新規事業担当になった渡邉雄介です。最近は社内や外部でプレゼンさせていただく機会が増え、色々と学びました。 自分がプレゼンする立場になったとき、"うまく説明しなければならない" という漠然としたプレッシャーから、プレゼン自体をネガティブに捉えてしまうことはないでしょうか。今回は、プレゼンを通すために欠かせない、最も重要な4点についてお話しします。 その1: スライドに全てを書かないこと プロジェクターから映し出されるスライドに書いてある文章を、そのまま読みながらプレゼンする人がいますが、私はそういうプレゼンを見ると心の中でこう突っ込みを入れてしまいます。「いちいち読んでくれなくても、そう書いてある!」 スライドはあなたの言葉を視覚的にサポートするものであって、カンペではありません。言うべき言葉でスライドの余白を埋めて、"ちゃんと調べた感" を出そうとするよりも、本当に伝えたいメッセ
非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr:http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ!って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回使ったもの+αを全てまとめてみました。 紹介するツールたちを駆使すれば、 非デザイナー&デザインセンス0の私が、 1週間程度でこれくらいのアプリをリリースできるので、 他のエンジニアにも便利なツールがいっぱいあると思います。 Bootstrap系 Boots
Vincent Driessenさんの "A successful Git branching model" を翻訳しました。 元記事はこちら: http://nvie.com/posts/a-successful-git-branching-model/ (翻訳の公開と画像の利用は本人より許諾済みです) このブランチモデルの導入を補助してくれる、git-flowというGit用プラグインがあるそうです。 翻訳の間違い等があれば遠慮なくご指摘ください。 A successful Git branching model この記事では、私のいくつかのプロジェクト(仕事でもプライベートでも)で約一年ほど導入して、とてもうまくいくことがわかった開発モデルを紹介する。しばらく前からこれについて書くつもりだったんだが、今まですっかりその時間を見つけられずにいた。ここでは私のプロジェクトの詳細については書
これからパワーポイント(パワポ)を使って スライドを作り プレゼンをしていかなければならない 【全ての人たち】に向けて書きました。 偉大な教授の下で学んだスキルを ちょっとしたHow toとしてお伝えしたい! 一念発起した”敏感な”なぎが 特に大学生と大学院生に届くといいな! なんて思いながら仕上げました。 スライド作り/発表をする際に重要となる点を しっかりとお伝えすることができたら幸いです。 はじめに まずは僕の経歴を プレゼンの才能がある偉大な教授の元で学んできた スライドデザイン/作成編 スライドのデザインは本当に大事という話 デザインは自分で作れ!愛着が湧くよ。 【スライドマスター】デザインの作り方 スライド全体でのテーマ色を決めよう デザインを決めるときに参考にしたいモノ フォントは16pt以上!余白を残せ!ページ番号は分数で! 図やグラフはできる限り忠実に再現して作ること 聴
いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 Azusa - 大体いい感じになるKeynoteテンプレート解説サンプルも兼ねた解説スライド作った。 Introducing Azusa // Speaker Deckだいたいスライドに書いたけど要約すると下記のようなことを考えた。 スライド作るの難しい色とか難しいかっこよくしたいAzusaっていうのを作ったAzusaは、大体いい感じになるKeynoteテンプレートです Azusaの特徴大体いい感じになるカラースキーム大体いい感じになるフォント大体いい感じになるマスタースライド色カラースキーム考えた 白っぽい色(白っぽいクリーム色とか白っぽいねずみ色) 黒っぽい色(赤っぽい黒とか青っぽい黒とかそういうの) 緑とか青とかピンクとかのアクセントカラー1色 原色すぎないほうがイ
プレゼン資料・企画書作成の参考になる7つのスライド【パワポやKeynoteでも使える!】 まずは、企画書やプレゼン資料の参考になるスライドをご紹介します。 キレイな提案書を作るためのデザインの基礎知識 → キレイな提案書を作るためのデザインの基礎知識 「プレゼン資料・企画書は内容を伝えるためにあり、デザインはそれを達成するための手段だ」 と考える、筆者の考えが強く出たスライドです。 スライドの中では、フォントの種類や文字の装飾の多用などを避け、「本当に伝えたいことを伝えられるようにするシンプルなデザイン」を強調しています。 「シンプルであること」を目指しているので、難しい操作も必要なく、「良いデザインは、そもそもセンスがないと作れない」と諦めている人におすすめのスライドです。 しょぼいプレゼンをパワポのせいにするな! → しょぼいプレゼンをパワポのせいにするな! 「酷いプレゼンはパワポのせ
最近、keynoteでプレゼン資料を作ることが増えてきました。 PowerPointで作成するよりも、keynoteで作る方が、フォントが綺麗だし ガイドのラインも出て、配置も綺麗にそろえられるため keynoteを多く使うことが増えてきました。 プレゼンの資料は、中身が勝負でテクニックじゃないのですが あまりにも、見た目の悪いプレゼン資料だと、見てもらえないと せっかく作った良い内容も、台無しになるので、 いままで本などで読んだ、テクニックをまとめておこうと思います。 ポイントについて、個別に説明していきます。 1.見やすいフォント フォントを見やすくするために、「ヒラギノ角ゴStdN 」を指定します。 このフォントにすると、太文字ではっきり見えるので、 プロジェクターに表示しても見やすくなります。 また、フォントの大きさも、72pt、64pt、48ptを使います。 バラバラの大きさを使
World's best selection of high quality FREE icons. Discover why thousands of designers come to us first. Click to find your icon now!
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか?WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者:中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン(以下iOS_HIG)」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
Evernoteが好きではない。Macのアプリがイケてないからだ。 変なリッチテキストみたいな奴で編集しなくてはいけなかったり、 Webページからコピペした文字がスタイルを継承しちゃったり、 そもそもMarkdownに対応してもらいたかったり。 だから巷で騒がれるほど、Evernoteはあまり使っていない。 その代わりと言ってはなんですが、お気に入りのMacアプリもあります。 今回はMacのApp Storeからダウンロードできるアプリの中でも、 僕が個人的に「今なら絶対入れる」というものを10個厳選して紹介します。 文章書くのに便利だったり、ちょっとしたライフハック的に使えたり、 クリエイティブな活動に必要だったりするもの達です。では、行ってみよう。 1. DAYONE Day One - Mac Journal Application for iPhone, iPad and Mac
@JUNP_Nです。Macのアプリケーションまとめ記事を書いて1年以上経ち、OSもSnowLeopardからLionに変わってしまったので改めて、僕の使用頻度の高いアプリのうちMacAppStoreからダウンロードが可能なものをまとめてみました。 1.Twitterクライアントは夜フクロウで決まり。Twitterクライアントは他にもありますが、夜フクロウが一番使い勝手が良いと思っています。 Twitter公式もEchofonもJanetterも使ってみましたが夜フクロウが一番。 夜フクロウ 2.74(無料) カテゴリ: ソーシャルネットワーキング 現在の価格: 無料(サイズ: 4.3 MB) 販売元: aki-null.net - Akihiro Noguchi リリース日: 2011/04/04 現在のバージョンの評価: (8件の評価) 全てのバージョンの評価: (379件の評価) 2.
プレゼンテーションに関するイベントで「人前で発表をするときに気をつけたい8つのことがら」という発表をしてきました。その概要をメモしておきます。 ここで挙げたのはこの8つ。 準備 自己紹介 スライド 時間 話し方 コミュニケーション ツール しめくくり ではそれぞれの中身を。 1. 準備 最悪の事態に備える 行った先で、すべてが期待どおりに動くことはまずないと思ってます。「ネットが繋がると思うな」「自分のPCが使えると思うな」「Mac (Windows) があると思うな」ぐらいでちょうどいい。 現地ではうまくネットに接続できないかもしれないから、ファイルは事前にダウンロードしておく、ウェブサイトの画面はスクリーンショットを撮っておく、デモはローカル環境で動くものを用意する。 接続がうまくいかなかったり急に動かなくなったりで自分が持って行ったパソコンが使えないかもしれないから、スライドのファイ
最近Webデザイン系のいろいろなセミナーやイベントに出ると、MacBookなんとかを持ってる方を多く見かけます。で、これからWebデザイナーになりたいなとか、これからMacに変えちゃおうかな?と思ってる皆さんに向けて、Macを使ってWeb制作とかする時にあると便利なアプリをまとめてみました。 「Web制作といえば、AdobeのCreative Suite」みたいな人も多いでしょうが、サブスクリプションプランが始まったとはいえ、いきなりウン十万もソフト含め投資できないこともありますからね(会社が買ってくれるならいいですw)。別にそれがなくても、他で代用すれば仕事はできるから大丈夫です。 いま現在MacでWeb制作をしている皆さんには定番なのも多く含まれますが、ちょうどこないだLionデビューして環境整備がてらまとめたので、最後まで流し読むと「え?何それ」みたいなのがあるかもです。 今回は各種
いい感じのスライド、作るのむずいので、「Azusa Colors」っていうKeynoteテンプレートを作った。下記のサイトからダウンロードできる。 Azusa Colors - 大体いい感じになるKeynoteテンプレート解説 デモも兼ねた解説スライドを作った。 Introducing Azusa Colors Keynote Template // Speaker DeckAzusa ColorsとはAzusa Colorsとは、大体いい感じになるKeynoteテンプレート「Azusa」に、新しいカラーバリエーションを加えたもの。 Azusaとは僕が1年前に作ったKeynoteテンプレートで、「SpeakerDeckにある “なんとなくいい感じのスライド” は大体1ページあたり3色以内で構成されている」という法則にもとづき作成した。 使われている様子を観察すると、主にエンジニアの勉強会や
社内向けに「こわくない Git」というタイトルのスライドを作って発表しました。 対象者は「マージがなんとなく怖い」「エラーが怖い」「リベース使うなって言われて怖い」と、Git が怖いと思っている人です! こわくない Git from Kota Saito 発表中に出た質問など 補足も兼ねて、上のスライドを発表した際に出た質疑応答などをここに書いておきます。 Q: 常に Non Fast-Forward (--no-ff) でいいのでは、と思えるけど git merge がデフォルトだと Fast-Foward or Non Fast-Forward (--ff) なのはなぜ? A1: Non Fast-Forward だと、確かにメリットが多いのですが、1点だけデメリットがあります。特に差分が無い状態で git merge --no-ff すると、空のマージコミットが作られてしまうのです。
By: Rainer Stropek – CC BY 2.0 「形勢不利かもしれないけれど、どうしても相手に納得してもらいたい案件がある」 「一旦ダメって言われたけど、やっぱり、どうしてもあきらめきれない企画案がある」 「どうしても」という強い気持ちは、ときに空回りしがちです。 自分が熱く盛り上がっていると、つい、「きっと相手も盛り上がってくれているはずだ」と勘違いしてしまうんですよね。 でも悲しいことですが、他人は思ったほど、あなたに興味を持っていないことが多いのです。 あなたの企画がいくら素晴らしいものであって、世の中のためになるものだと信じていたとしても、それが独りよがりのものだと相手に最初に思われてしまったら、そもそも話を聞いてもらえません。 だから、燃えたぎる熱い気持ちを、そのままストレートに相手に伝えるのではなく、相手が分かってくれるように一歩引いて冷静に伝える必要があります。
プレゼンのためのパワーポイント&キーノートのデザインテンプレート集「40+ Awesome Keynote and PowerPoint Templates and Resources」 プレゼンのための資料作りやスライド作りでは定番のパワーポイントとキーノート。どちらも強力なツールですが、デザイン性が悪いと見難かったり、企画の趣旨を伝えきれなかったりしますが、今回紹介するのはプレゼンのためのパワーポイント&キーノートのデザインテンプレート集「40+ Awesome Keynote and PowerPoint Templates and Resources」 {Silver} ちょっと固いデザインから柔らかめのデザインまで、様々なテンプレートがまとめられています。有料のものも紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Busines
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く