タグ

アイデアに関するynabokunのブックマーク (12)

  • ハンバーガーメニューはもう古い!代わりに使えるモバイル用ナビメニュー5つまとめ

    ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。(この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。) 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す

    ハンバーガーメニューはもう古い!代わりに使えるモバイル用ナビメニュー5つまとめ
  • Webデザインのアイデアに困ったら覗きたいサイト10選

    この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1.  MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです。サイト自体シンプルで使いやすく、またカテゴリー分けが詳細でとても探しやすいサイトです。 2.  現代デザイン 技術的、デザイン性がすぐれたサイトを収集したギャラリーサイトです。カテゴリーは業種と色、日時のみですが、業種を細かく分類しています。また、気に入ったサイトをブックマークに入れることができます。 3.  I/O 3000 国内外問わない、秀逸なデザインのサイトを収集しているギャラリーサイト

    Webデザインのアイデアに困ったら覗きたいサイト10選
  • Webデザインの見せ方やアイデアが素晴らしい、最近気になったチェックしておきたいWebサイトのまとめ

    Webデザインのセンスを磨く方法の一つは、他人の作ったものを数多く見ること。 コンテンツの見せ方やレイアウト、繊細なアニメーションを使ったインタラクションなど、デザインのアイデアが素晴らしい、最近気になったチェックしておきたいWebサイトを紹介します。 Wrk フランスのWeb制作会社のサイト。ぱっと見、普通の矩形パネルに見えますが、CanvasとSVGを使った弾力性に富んだレイアウトやグラフィックは非常に楽しめます。 縦長ページの構成は新感覚で、ナビゲーションのスマホ時にフッタのコンテンツと合体するのはいいアイデアですね。 Booounce! ショートムービーやアニメーションGIFをコレクションしているサイトで、バウンスの名のようにバウンドを伴うエフェクトが気持ちいいです。ナビゲーションの細かいアニメーションをはじめ、一覧表示、進むと戻る、作品の見せ方、なにもかもがインタラクション性に優

    Webデザインの見せ方やアイデアが素晴らしい、最近気になったチェックしておきたいWebサイトのまとめ
  • 月間300万PVを目指すために、これから私がしようと思っている戦略やアイデアのまとめ!2016年5月のアクセス数報告とともに。 - クレジットカードの読みもの

    おかげ様で2016年5月の月間アクセス数は180万を突破。 下記記事にも書いた3月のアクセス数からすると、それほど急成長している感じはありませんが、着実に月5%ずつくらいはアクセス数を増やすことが出来ている状況ですね。ほんといつも読んでくれているみなさん、有難うございます。 クレジットカードの読みもの 月間170万PVを突破(2016年3月)!ソーシャルメディアからのアクセス数が少ないのが課題です。 そこで今回は、いつもの様に当サイトへのアクセス内容を公開するのではなく、今後、どうやって月間300万PVを目指していくのかという計画について記事を書いてみたいと思います。ブログのアクセスアップを考えている方は是非、参考にしてみてくださいね。 月間300万PVを狙うための戦略&アイデア: 1.他サイトで検索数が多い記事を狙う キーワードのアイデアを貰う: 2.ヤフー知恵袋を狙う: 3.過去記事を

    月間300万PVを目指すために、これから私がしようと思っている戦略やアイデアのまとめ!2016年5月のアクセス数報告とともに。 - クレジットカードの読みもの
  • 「効率よく進める打ち合わせ(会議)」の質を高めるための15のコツ | SONICMOOV LAB

    社内での打ち合わせ(会議)を、つい「なんとなく」やっていませんか? けれど、そういった目的の見えない打ち合わせは時間の浪費に繋がりかねません。気心の知れた同僚との打ち合わせであっても、効率的に良いアウトプットを生み出すためにはそれなりのコツが必要ではないでしょうか。 そこで今回は、ブレストが伴うような「社内打ち合わせ(会議)」を行う際の、ごく基的なコツをいくつか挙げてみようと思います。 もくじ 当に打ち合わせを行う必要があるか考える 参加人数を考える アジェンダを周知しておく 参加者は遅刻をしない 打ち合わせに集中する 司会進行はさんまをイメージ 議事録を執ることに専念する 打ち合わせの目的を宣言する タイムマネジメントを心掛ける 話題を回す、深掘りする とりあえず発言してみる 否定するときは代替案を出す ムダ話で打ち合わせをした気にならない 決定事項と宿題を確認する 会議室を綺麗にす

    「効率よく進める打ち合わせ(会議)」の質を高めるための15のコツ | SONICMOOV LAB
  • インターネットの副業の方法21〜誰とも会わずに稼ぐ - LITERALLY

    この記事では「インターネットで稼ぐ現実的な方法」を淡々と列挙していく。 決して、怪しげな情報商材の購入や、怪しげなメルマガへの登録を促したりはしない(「副業 インターネット」とググってヒットする多くのサイトは、たいてい参考にならず、いいカモにされるだけだ)。 また、時間対効果に見合わない方法も紹介しない。うまくいけば、時給換算5,000円や10,000円を越えるようなアイデアを紹介していく。 以下に当てはまるような方に是非読んでもらいたい。 家に引きこもり、誰とも会わずに収益を得たい人 会社に勤める傍ら副業で稼ぎを得て、リスクを最小限に転職退職をしたい人 家にいる時間が長い主婦・主夫で、空いている時間で稼ぎを得たい人 それでは早速、インターネットでできる副業アイデアを挙げていく。 インターネット副業の方法21 1.映像・音楽制作→YouTubeにアップ ご存知の通り、再生前に流れる広告映

    インターネットの副業の方法21〜誰とも会わずに稼ぐ - LITERALLY
  • 雨が降る・止む30分前にSlackに通知してくれるhubot用スクリプト - Qiita

    はじめに hubot-slack-rainfall-alert という名前でnpmに公開しました。コードはgithubに公開しています。 CoffeeScriptというかjsも殆ど書いたことがないままとりあえず作ったので手続き型っぽくて汚いです。細かいところでも pull request 大歓迎です。よろしくお願いします。→ https://github.com/takashyx/hubot-slack-rainfall-alert/ これは何? YahooAPIを利用して、hubotに雨が降る前・止む前にSlackの指定したチャンネルに通知をしてくれる機能を追加します。 通知時には現在から60分後までの雨量のグラフ、30分後の雨雲の様子、より詳しい雨雲情報へのリンクを表示します。 cron形式でチェックするインターバルを指定できるので、夜中は動かさない、といった設定も可能です。 そのま

    雨が降る・止む30分前にSlackに通知してくれるhubot用スクリプト - Qiita
  • CSSの素晴らしいアイデアが満載!2015年スタイルシートのテクニックのまとめ

    今年もCSSの進化がすごいです! 次のプロジェクトに使ってみたくなるようなワクワクする素晴らしいアイデア満載のスタイルシートのテクニックを紹介します。 CSSアニメーションはより洗練され、単に要素を動かして楽しむだけでなく、意味のある動きとしてより効果的に利用されるものが目立ちました。 まずは、アニメーションの表現もここまでできるのかと驚いた「Marvel Logo animation」から。 ※一部は、実際に動作するデモのコードを埋め込んでいます(全部をコードにしたらページが重すぎました)。

    CSSの素晴らしいアイデアが満載!2015年スタイルシートのテクニックのまとめ
  • 絵とストーリーが苦手でも漫画を制作できるソフト「マンガ・カ・ケール」

    グランゼーラは10月30日、絵が描けなくてもストーリーが思いつかなくても漫画を制作できるというPlayStation Vita向けソフト「マンガ・カ・ケール」を年内に発売すると発表した。ダウンロード専用タイトルで価格は400円(税込)。 「エディットモード」は人物や小道具、吹き出し、エフェクトや背景、擬音語など豊富な素材を組み合わせて1コマずつ作っていくモード。人物のポーズや表情も細かく設定できる。 シナリオが思いつかない人向けの機能として「第1話ジェネレーター」を搭載。物語を読んで選択肢を選ぶことで展開が変化する。完成した漫画は改めてエディットモードで編集することも可能だ。専用投稿サイト「マンガ・ヨ・メール」にPS Vitaから直接アップロードできる。 「コミPo!」に似ているが、Webサイトには公開予定のコンテンツとして「明かされるマンガ作成PC用ソフト「コミPo!」との関係!」とある

    絵とストーリーが苦手でも漫画を制作できるソフト「マンガ・カ・ケール」
  • スマホのメニューデザインに悩んだらこれ!パターン別サンプル36選 | LISKUL

    スマホはメニューバーが命!! スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。 ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか? 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイトを調査し、その中で代表的な36サイトから7つのメニューデザインに分類し、まとめてみました。 自分のスマホサイトの性質を考えながら、もっとも適切なメニューを探していきましょう! 100のスマホサイトから見る、 スマホメニューの人気ランキング 上図は、100のスマホサイトをランダムに抽出し、それぞれのサイトで採用されているメニューの割合を調査した結果になります。この結果によれば、一位が圧倒的な割合で

    スマホのメニューデザインに悩んだらこれ!パターン別サンプル36選 | LISKUL
  • これが本当の神アプリ、手話を音声に変換するアイデア「Google Gesture」が素晴らしすぎる

    学生たちのアイデアが、巨大な言葉の壁を打ち壊すかもしれない。 この「Google Gesture」の仕組みはこうだ。 まず、手話を話す人の腕に、筋肉の動きと手・腕の位置を感知するバンドを装着する。 そして、手話をおこなう際の動きがスマートフォンに送信され、専用アプリがリアルタイムで音声に変換する。 「Google Gesture」は、手話をリアルタイムで音声に変換することで、健常者が手話を習得することなく手話を使用する人々とのコミュニケーションを可能とするアイデアで、いま実際に開発されているものではない。世界の学生を対象にしたアイデアコンペ「Future Lions 2014」でスウェーデンのBerghs School of Communicationの学生たちが受賞した。 旧約聖書によれば、人はバベルの塔を建設しようとしたために、神によって異なる言葉を使うようにさせられ混乱したという。そ

    これが本当の神アプリ、手話を音声に変換するアイデア「Google Gesture」が素晴らしすぎる
  • 「?」から「!」へ。意味の変わる付箋があるらしい

    発想力を2in1。 資料やノートで気になるところをブックマークしたり、相手にメモを残したり。デジタル化が進む現代においても紙の付箋もまた有用です。その付箋に新たな進化が訪れました。1枚の付箋に2つの意味を。ただ張るだけの付箋から、切り取る付箋へ。 サンスター文具が発売した「Piri-it!(ピリット)は切り離すことで意味が変わる付箋。ミシン目で切り取ることで「?」が「!」に、「LOOK!」が「OK!」に、「モヤモヤ顔」が「スッキリ顔」にそれぞれ変化します。そのギミック、その有益性、そのシンプルさに思わず「凄い!」と声が出てしまいました。活躍の場も多そうですし、なにより直感的です。 実はこの商品、一般公募による「第18回文房具アイデアコンテスト」で、審査員特別賞を受賞したアイデアを基に商品化されたものであるようです。 サンスター文具では6月1日を「アイデアの日」として、毎年文房具アイデアコン

  • 1