まず枠組みだけ最速で完成させて文章やコードを爆速で書き上げる「アウトラインRTA」とは？
できるだけ迅速にプロジェクトの骨子を作り上げてから必要な内容を肉付けしていく手法である「outline speedrunning(アウトラインRTA)」について、学習方法を身につけることをコンセプトとしたブログのLearn How To Learnが解説しました。 How to Build Anything Extremely Quickly - Learn How To Learn https://learnhowtolearn.org/how-to-build-extremely-quickly/ Learn How To Learnの管理者であるdnbt777氏によると、アウトラインRTAを実践すると文章やコードを最初から順番に完成させていく「読み込みバー方式」に比べて10倍のスピードでコンテンツを作成することが可能とのこと。 アウトラインRTAの手順は以下の通り。 1．プロジェクト
ウェブサイトなどのデザインを考える上で役に立つアドバイス25選
ウェブサイトやソフトウェアの作成において、機能の他にデザイン面も高い質が求められます。デザインにおいて良いもの・悪いものはいろいろありますが、「とりあえず守っておけば問題ナシ」なデザインのルールについて、プロダクトデザイナーのアンソニー・ホブデイ氏が解説しました。 Visual design rules you can safely follow every time https://anthonyhobday.com/sideprojects/saferules/ ◆01：真っ黒・真っ白は避ける ホブデイ氏いわく、真っ黒は画面上で不自然に見え、真っ白は明るすぎるとのこと。代わりに真っ黒・真っ白に近いグレーを用いることが推奨されています。 ◆02：ニュートラルカラー(無彩色)に手を加える ニュートラルカラーとは一般的に黒、白、グレーを指します。もしインターフェイスに何らかの色を使う場合、そ
Instagram投稿の表示基準やランク付けの仕組みを公式が解説
写真や動画の投稿をメインとしたSNSのInstagramは世界的に人気の高いプラットフォームですが、使用しているとなぜか頻繁に表示されるコンテンツに出会ったり、ふいに投稿した写真がなぜか多くの閲覧数を稼いだりするものです。そんなInstagramに関する「なぜ」を解き明かすために、公式が「Instagramを支えるアルゴリズム」について解説しています。 Shedding More Light on How Instagram Works https://about.instagram.com/blog/announcements/shedding-more-light-on-how-instagram-works Instagramを支えるアルゴリズムについて解説しているのは、同社のアダム・モセリCEOです。モセリCEOによると、Instagramのアルゴリズムに関する最も大きな誤解のひと
デザイナーではない人がデザインする上で大切な4つの基本原則
by rawpixel.com プロのデザイナーであるAnna Mészáros氏は、家族や友だちからウェブサイト・履歴書・ポートフォリオ・FacebookやInstagram用の写真・YouTubeのサムネイルなどを作る際のアドバイスをよく聞かれるとのこと。Mészáros氏がそんな経験から気づいた「デザイナーではない人がデザインする上で大切なこと」を4つのシンプルな基本原則にまとめています。 Fundamental design principles for non-designers – freeCodeCamp.org https://medium.freecodecamp.org/fundamental-design-principles-for-non-designers-ad34c30caa7 ◆原則1：はっきりとしたコントラストを作る 人は「少し違うが、少ししか違わない」も
AIが長文を3行ぐらいにギュッとまとめてくれるエンジン「IMAKITA」を使ってみた - GIGAZINE
「長文読解」という言葉に反応してしまう人もいるように、あまりに長い文章は読む人の意欲を削いでしまうこともあるもの。「文章の中身をできるだけギュッとまとめて短くしてくれるものがあればいいのに……」と思っていたら、AIを使って長文を3行ぐらいにまとめてしまうエンジン「IMAKITA」がリリースされたというのでさっそく使ってみました。 長文を３行ぐらいで纏めてくれるエンジン IMAKITAを作ってみました - コンピュータ将棋 Qhapaq http://qhapaq.hatenablog.com/entry/2018/12/09/234447 自分でいうのもナンですが、結構出来が良い気がします。無駄に多言語（日英中独仏西葡伊）対応 → 長文を３行ぐらいで纏めてくれるエンジン IMAKITAを作ってみました - コンピュータ将棋 Qhapaq https://t.co/j2WwZTstNv #は
無料でGoogleカレンダーからガントチャートが作れる「GANTTplanner」
横に伸びる棒グラフのようなラインを使うことで作業の進捗状況や生産管理が行いやすくなっている表のことを「ガントチャート」と呼びますが、Googleカレンダーに登録している予定をガントチャート化して、一目でタスク管理できるのが「GANTTplanner」です。 GANTTplanner: Turn your Google Calendar into a Gantt chart https://www.ganttplanner.com/ Googleカレンダーからガントチャートを作るには「GET STARTED」をクリック。 GANTTplannerはGoogleカレンダーの情報をインポートするのでGoogleアカウントでのログインを求められます。Googleカレンダーの情報からガントチャートを作りたいアカウントでログインして、「承認する」をクリック。 GANTTplannerのトップページが開
サイト閲覧者の潜在的意識に訴えかけてコンバージョンを高める「画像」選びのテクニックとその実例
ウェブサイトに用いる写真の選び方・使い方によってサイトを閲覧する人の潜在的な意識に働きかけて、サイト自体の印象をコントロールし、究極的にはより良好なコンバージョンを得るためのコツを、マーケットリサーチやSEOに携わるニック・コレンダ氏がブログで明らかにしています。 Which Stock Photos Convert Higher? http://www.nickkolenda.com/which-stock-photos-convert-higher/ 人間は写真を見たときに脳のさまざまな回路が刺激を受けて、無意識のうちにさまざまなイメージを連想するものだとのこと。そのため、この無意識の「連想ゲーム」を逆手に取ることで、読者にサイトポリシーを明確に伝えたり、より良いコンバージョン率を達成したりできるとコレンダ氏は考えています。 コレンダ氏はさまざまな学術論文を参考に、人は写真や画像から以
強いロゴを作るために必要不可欠な4つのルール
by arnoKath 無料でオリジナルデザインのロゴを作成してくれる便利なサービスもありますが、本当に効果的なロゴを作るなら細部までこだわり抜いた完全オリジナルデザインにしたいもの。ではロゴマークを1から作ったり改良する場合に何が重要になってくるのか、というと、そこには4つのルールがありました。 4 essential rules of effective logo design | Webdesigner Depot http://www.webdesignerdepot.com/2013/03/4-essential-rules-of-effective-logo-design/ ◆ロゴ作りを始める前に問いかけるべきこと ロゴ作りを始める前に、自分が作った直近のロゴに関して14の質問に答えて下さい。 01：ロゴは傾いていないか 02：水平と垂直のいずれの方向にも余白があるか 03：白
歴史に名を残した偉人たちが心がけていた6つの行動
By Taran Rampersad 残した功績から学校の教科書に登場するような偉人や天才と呼ばれる人たちは、一朝一夕でキャリアを積み上げたのではなく、結果のためには努力を惜しみませんでした。後生に語り継がれるくらい素晴らしい仕事の影には、結果を出すための偉人たちならではの工夫があります。その偉人たちが仕事で結果を出すために毎日実践していた工夫や、作業効率を上げる方法をまとめた本「Daily Rituals: How Artists Work」の中から、Harvard Business Reviewが6つを厳選して公開しています。 The Daily Routines of Geniuses - Sarah Green - Harvard Business Review http://blogs.hbr.org/2014/03/the-daily-routines-of-geniuses/
「信頼感の青」「安心できる緑」など色がマーケティングで果たす役割とは
By etaKate マーケティングにおいて「色」の果たす役割は非常に大きく、「購買行動の9割を目から得た情報によって決定している」という研究結果があるほどで、色をいかに上手く使うかがマーケティング成功のポイントの1つです。企業は実際のところどのように色を使っているのか、それはどのような効果を生んでいるのか、SNS専門のコンサルティング会社Bufferのレオ・ウィドリッチ氏が実例を使ってまとめています。 Why Facebook Is Blue: The Science of Colors in Marketing - The Buffer Blog http://blog.bufferapp.com/the-science-of-colors-in-marketing-why-is-facebook-blue 多くのウェブサイトや企業のロゴイメージにおいては、ある明確な目的があってその目
ウェブデザインコンプレックスは克服できるか - GIGAZINE
幽霊の正体見たり枯れ尾花。これが結論である。 デザインセンスや技術力は努力だけで90％まで到達できる。後残りの10パーセントがその人の持って生まれた才能やセンスの問題、後は好み。あるいは、生まれ育った生活環境や諸々のもの。とにかく、努力では変えようのないものが残り10パーセントを占めている。 だが、努力だけで到達可能な90パーセントまで達すれば、一流のプロとして通用するレベルである。今から定年までにこの技術を磨いておけば一つの芸として成立するし、あなたの老後はバラ色だ。そのためには、ほふく前進で努力をすることが必要となる。一体、デザインの現状というものはどのようなものなのか？以下、述べてみよう。そして、ウェブデザインコンプレックスを克服する方法を教えよう。 なんとなく、目に触れる美術環境が戦後の日本は貧しくなっている。大量生産で画一的なデザインがいっぱいになっている。日本の生活風習で「ひと
フォントやレイアウトで人にいい印象を与え好意的に文章を読んでもらう方法
画像や文章のレイアウトはウェブサイトをデザインする時だけではなく、資料やポスターなどを作成する時にも必要になりますが、正しいフォントの選択やレイアウトは文章を読みやすくするのに加えて、人の脳に作用し読み手を心地よくさせます。ということで、以前記事化した「自分のアイデアをアプリ化するための予算を自動計算してくれるウェブサービス『How Much Does It Cost To Make An App？』」を提供しているooomfの創設者・Mikael Choさんが、すぐにでもできる効果的な文書の作成方法をまとめています。 The science behind fonts (and how they make you feel) | ooomf blog https://ooomf.com/blog/the-science-behind-fonts-and-how-they-make-you-
問題を起こすクライアントを回避して収益を上げる3つのルール
By Automotivespace インターネットマーケティングのプロとして顧客を獲得するアドバイスにより、いくつものビジネスを成功に導いているニコラス・リース氏が、ビジネスを提供する側から見た、「良いクライアント」と「悪いクライアント」を見分けて回避した上で収益を上げる3つのルールについてまとめています。 Problem Clients: How to Attract More of the Right Customers into Your Business http://www.nicholasreese.com/problem-clients/ リース氏のビジネスが軌道に乗り始め、毎月4000ドル(約40万円)の規模に達したころ、彼の労働時間は週に80時間でした。このうち大部分の時間は「問題のあるクライアント」とのトラブル処理に費やされていて、非常に惨めな気持ちでしたが、一方で収
収益を邪魔している原因を1日以内に発見する11の方法
By epSos.de スタートアップやベンチャー企業などの収益を上げる1番の方法はソフトウェアに新しい機能を追加したり、ウェブサイトにお金をかけて見やすくしたり、顧客に意見を求めることではなく、購入に至らなかった人たちからフィードバックを得ることです。あなたの製品を購入した人たちから話を聞くことは十分ではなく、購入をしなかった人たち、つまり将来購入に至る可能性がある人たちから意見を聞くことのほうが大切です。では、一体どうやって購入しなかった人たちからフィードバックをもらえるのか？A Smart Bearが「収益を邪魔している原因を1日以内に発見する11の方法」としてまとめています。 Discover what’s blocking sales with less than a day of work by @ASmartBear http://blog.asmartbear.com/mo
無料でウェブ上で使えるアイコンがセットになった「Icon Fonts」
テーマごとにセットとなったアイコンがウェブ上で無料で使えるのが「Icon Fonts」。TwitterやFacebookなどウェブ上のブランドアイコンやピクトグラムを集めたものなどがあり、ファイルをダウンロードしなくても自由にアイコンを使うことが可能です。 We Love Icon Fonts http://weloveiconfonts.com/ ウェブ上で使えるアイコンフォント5種類は以下から。 ◆01:Brandico FacebookやTwitter、Vimeoなど、オンライン上のブランドのアイコン。 ◆02:entypo 250個以上のピクトグラムを集めたアイコンセット。 ◆03:Font Awesome Twitter Bootstrapとマッチするように作られたアイコンセット。 ◆04:Typicons こちらは電話マークやクエスチョンマーク、メールマークなどスタンダードなア
無料で商用利用も可能な年賀状素材・テンプレート900種類
約600種類の年賀状素材と約300種類の年賀状テンプレートが無料でダウンロードできるのが「年賀状AC」で、富士山やダルマ・しめ縄など通常のお正月アイテムから2013年用のヘビモチーフのものまでありとあらゆる素材が集まっています。また、クレジット表記なしで商用利用もOKのため年賀状だけでなくポスターやWeb素材としても使用可能です。 無料年賀状素材・テンプレートのダウンロードサイト「年賀状AC」 http://www.new-year.bz/ 年賀状素材は「年賀状テンプレート」「年賀状素材（パーツ）」「喪中・寒中見舞」のカテゴリーにわけて表示されます。年賀状テンプレートには「2013年年賀状テンプレート」「写真フレーム年賀状テンプレート」「デザイン年賀状テンプレート」「ビジネス年賀状テンプレート」の4種類があります。 年賀状素材は「蛇（へび・ヘビ）イラスト」「年賀状イラスト」「背景・枠・フレ
画像にInstagramっぽいエフェクト追加とコラージュ作成ができるフリーソフト「ToolWiz Pretty Photo」
by swanky 画像に72種類のエフェクト・アイコン・テキスト・矢印・吹き出しの追加、画像の回転・切り抜き、明るさ・コントラスト・肌色・トーンカーブの調整、コラージュ作成などができる多機能なフリーソフトが「ToolWiz Pretty Photo」です。USBメモリから起動できるポータブル版もあり、Windows XP・Vista・7・8で起動可能となっています。 ダウンロード、エフェクトの追加、コラージュ作成などについては以下から。 ToolWiz Pretty Photo http://www.toolwiz.com/products/toolwiz-pretty-photo/ 今回はポータブル版を使うので、上記サイト中段にある下の「Download」をクリック。 ダウンロードしたEXEファイルを実行。 選択画面が表示されます。 ◆画像編集 画像にエフェクト追加などして編集する場合
無料で商用利用できてクレジット表示も不要の画像素材検索サイト「タダピク」
仕事上で使用する画像はウェブ上で見つけにくく、いい画像だな、と思っても商用利用ができなかったりクレジット表記が必要だったりする場合もあります。そんな時に便利なのが横断検索サイト「タダピク」で、海外や日本の計24の画像検索サイトから商用利用OK・クレジット表示不要の画像素材を横断検索することが可能です。 タダピク（tadapic） - 商用利用OK・クレジット表示も不要の画像素材検索エンジン http://www.tadapic.com/ トップページの検索欄にキーワード「子猫」を記入し、検索ボタンを押すと…… こんな感じで子猫の画像が表示されます。 気になる画像をクリック。 すると、画像元のサイトに飛びます。 なお、検索対象は「画像」なので、写真だけでなくイラストも一緒に検索されます。 検索時にはイラストやアマチュアカメラマンによる写真素材サイト足成の写真を除外したり、日本のサイトに絞り込
実例とユーザーテストからわかってきたよりよいUIのデザインとUXの条件
UIデザインとはユーザの使い易さ、分かり易さ、快適さから情報機器やWEBなどを設計をしていくことを言いますが、ハンゲームを運営するNHN Japan株式会社の此川祐樹さんが、ゲームにUIデザインを取り入れて、よりゲームを面白くするという取り組みについて語りました。 ユーザの行動から学ぶゲームUIデザイン NHN Japan株式会社クリエイティブマーケティングセンターマーケティングデザイン室/UXデザインチームの此川祐樹と申します。よろしくお願いします。 ユーザの行動から学ぶゲームUIデザインについて発表させていただきます。私は2011年に弊社に入社しましてUXデザイナーとしてWEBサービスをデザインしてまいりました。2012年からは主にスマートフォンアプリやゲームに関するUXを行っております。 弊社のサービスについて紹介させていただきます。主要4ブランドサービスを展開していまして、左からオ
ウェブページを見る目の動きは「F」パターン - GIGAZINE
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
