『みんなで小さく区切って進める』ガイド｜kawanotron
『みんなで小さく区切って進める』とは『みんなで小さく区切って進める』は複雑な問題を解決するためにみんな（チーム）で一緒になって改善していくための進め方です。 『みんなで小さく区切って進める』で大事な考え方は『経験から学ぶ』と『ちょっとずつ進める』です。小さく区切ることで、ちょっとやってみて、それから学び、またちょっとやってみる。それを繰り返しながら進みます。 『みんなで小さく区切って進める』を上手にするには『見える化』『チェック』『改善』の3つが重要です。これにより『経験から学ぶ』効果を高めます。 機会を作る『見える化』『チェック』『改善』を取り入れるために5つの機会を設けましょう。これらの機会は毎回同じ時間に行うことでリズムが生まれいい感じになります。 『区切り』があることで立ち止まれます。立ち止まることで落ち着いて『チェック』し『改善』することができます。この『区切り』は1週間もしくは
クリック率を最大化しない推薦システム
セレンディピティのある推薦、多様性のある推薦、コンテンツ生産者を配慮した推薦など、クリック率の最大化（だけ）を目指さない推薦システムについての紹介です。 連絡先: @joisino_ (T…
デザイナー向けに行なったHTML勉強会の資料を公開します｜sakito
今回はChatwork株式会社のデザイナー向けに行なったHTML勉強会で使用した解説資料をお伝えします。私は3年ほど前からChatwork株式会社の開発のサポートやデザイン基盤活動のアドバイザーとして参画しており、その活動の一環で会を開催しました。 開催の意図と目的開催概要は@emimさんが、UI設計はHTMLの理解からというタイトルでnoteに書いてくれています。企画の意図は下記のとおりです。 企画の意図 根本としては、情報整理（情報設計）の基礎概念にHTMLがとてもマッチしている、と考えているからです。 ところが、業界的にも昨今よく聞く話ではありますが、最近意外にHTMLに触れる機会がなくプロダクト開発の現場に入る人が多いのが現実です。これは、デザイナーだけでなく、なんならフロントエンドの開発者であっても。 個人的には、HTMLはマークアップ言語であること以上に、構造化のフレームワーク
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編｜i3DESIGN Designers
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。 今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリスティクスについては、以前記事にまとめています。 具体的な事例を一緒に取り上げ、よりわかりやすく解説していますので、こちらもあわせてご覧ください。 また弊社ホームページにて、ユーザビリティチェックリストをダウンロードいただけます。こちらも合わせてご活用ください。 1. システムステータスの可視化（Visibility of system status）1-1. 入力項目が多いときはステップを分けるフォームの入力項目が多い場合は、項目をグルーピングして画面を分割しましょう。 フォームが長すぎると、ユーザーは入力を途中で辞めてページから離脱してしまうかもしれません。 その上で、ステッパーを設置して現在の進捗
ChatGpt4でUI/UXの検討がどこまでできるか（①企画編） - Xtone Design & Tech Talk
こんにちは、エクストーンの桂です。 普段は、アプリなどのUI/UXの検討をしています。 UXにおいては「正解はそれを利用する人の中にある」ということが原則ではありますが、 今回は、その検討パートナーとして ChatGpt4がどこまでアプリの検討で使えそうなのかを実験してみました。 お題は、ニュースアプリにしてみましたが、 結論としては、驚愕の結果に・・！ 主に、聞いてみたのは、以下の内容です。 必要な機能の定義 ターゲットにフォーカスした機能アイデア 定性調査の項目と台本 ペルソナ カスタマージャーニーとペインポイント コンセプト ビジネスモデル アプリの滞在時間を増やす方法 ユーザーの定着とLTVを長くする方法 画面一覧と画面内の構成要素 まずは、お手並み拝見ということで、 ターゲットと概要だけ伝えて、ざっくりとどんな機能が必要そうか聞いてみました。 新しいニュースアプリを作ろうと思って
全自動ラジオ放送AI「RadioGPT」発表。話題の音楽やニュースをAI音声が紹介、SNS投稿も | テクノエッジ TechnoEdge
ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 オハイオ州クリーブランドのメディア企業Futuriが、ラジオ放送用コンテンツ自動生成AI「RadioGPT」を開発、発表しました。 FutiriはRadioGPTを「世界初のAI駆動型ローカライズラジオコンテンツソリューション、RafioGPTの立ち上げにより、オーディオ業界に革命を起こしている」と鼻息も荒く紹介しています。 それがどんなものか、をざっくりと言えば「GPT-3技術とAI駆動型ターゲットストーリー発見およびソーシャルコンテンツ生成技術 TopicPulse 、AI音声技術を組み合わせ、あらゆる市場やあらゆるフォーマットに合わせこんだラジオ放送エクスペリエンスを提供する」一連のシステムとのこと。
UIから「白」が消える日｜ritar
これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
デザイナーがTwitterを1年間コツコツ継続し、1万フォロワー達成するまでの軌跡｜Katsuki Noda
0章：Twitterに力を入れる理由、意義とはなにか？実はこのアカウント自体は2017年ほどから存在はしていました。数年は自分のメモや、プライベートな内容の投稿、強いていうならnoteの記事の宣伝がメインのアカウントでした。そこから昨年、一気に方向を変え、価値ある投稿を増やし、しっかりと数字（フォロワーなど）としての成果を出すという方向転換をしました。 そこには大きな背景として、「転職」があります。前職時代会社の看板に守ってもらっている実感が大きく、個人として野に放たれた時に何が出来るのか？という悩みを常に持っていました。転職にあたって、より「個」として強くなりたいという思いから、「Twitterを本気で伸ばす」という手段をいくつかある挑戦の一つとして選びました。 じゃあ「個」として強くなるってどういうこと？という問に関して、自分の中では以下のように捉えています（MECEではないですが）
Amebaのデザインシステム「Spindle」の全貌公開
メディア統括本部・技術横断室の谷です。組織横断の活動しながら、AmebaやAmebaマンガという事業に関わっています。実務としては、コード実装をメインに、UI設計やUX設計、最近ではユーザーインタビュー等のリサーチ業務をおこなっています。 この記事では私が立ち上げから2年くらいかけて関わってきたAmebaのデザインシステムについて、その全貌を解説します。 そして本日からデザインシステム「Spindle」のサイトを試験的に一般公開します。詳しくは記事後半にて。 まず前段のお話として、Amebaという事業について説明させてください。 Ameba事業の概要 Amebaはブログサービスであるアメーバブログを主としたサイバーエージェントのメディア事業の1つです。 多くの人はおそらく「アメブロ」や「ピグ」の印象が強いですが、関連事業やサービスとしてはマンガや占い、ニュースなど色々と展開をしています。
20年以上ネットに文章を書き続けた上で文章術の本をたくさん読んで分かった「文章を書く方法」 - karaage. [からあげ]
文章を書く方法 あくまで、「良い文章を書く方法」でも「文章を書く極意」でもなく「（普通の）文章を（普通に）書く方法」です。 20年以上ネットに文章を書いたりしているうちに、いつのまにか商業誌に数十本寄稿したり、書籍も数冊出したりしていました。あんまり意識していなかったのですが、ひょっとしたら自分はある意味、作家に近いのかもしれません（ご飯は食べてないので、プロ作家ではなく、セミプロかハイアマというところでしょうか）。 「ということは、少しは上手な文章を書けたほうが良いのかな？」と思い、最近いくつか文章術の書籍を読み漁っています。「今さら！？」という声が聞こえてきそうですが、そうです、今さらです。本を出す前に読めよって話ですよね。『鬼滅の刃』なら、鱗滝さんに「判断が遅い」と10回くらい殴られているところです。 遅いながらも、文章術の本は20冊くらい読みました。その上で、自分が思う「文章を書く
![20年以上ネットに文章を書き続けた上で文章術の本をたくさん読んで分かった「文章を書く方法」 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae58184cd6071cb40b5e6785916de7db87ab7e8d/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20240220%2F20240220111737.png)
Appleのようなスクロールに連動したエフェクトもこれなら簡単に実装できる1KBの超軽量スクリプト -ScrollOut | コリス
スクロールするとコンテンツをふわりと表示させたり、追従するように表示させたり、ビューポートに表示されてない画像をLazyLoadさせたり、そういえば今回のApple Watchでも面白いスクロールエフェクトが採用されていますね。 スクロールによる変化を検出し、それに合わせてCSSのさまざまなエフェクトを簡単に与えることができる1KBの超軽量JavaScriptライブラリを紹介します。非常にシンプルなので、他のJavaScriptやCSSアニメーションのライブラリと一緒に使用することも簡単です。 実装が簡単 スクロールの変化を検出し、CSSのさまざまなエフェクトを簡単に与えることができます。 超軽量 1KBの超軽量ライブラリ。 依存は無し スクリプトは単体で動作し、他スクリプトへの依存は一切ありません。 ブラウザのサポート IE11を含む、デスクトップ・スマホ用のすべてのブラウザをサポート。
Instagramで1人もフォローせずフォロワー5000人超えたので、今までの運営戦略とアイデアをシェアする｜Azusa Takeuchi
Instagramで1人もフォローせずフォロワー5000人超えたので、今までの運営戦略とアイデアをシェアする ━━━━━━━━━━━━━━━━ ちょうど1年前から、「Foodies Oita」というごはんアカウントの運営を始めました。ローカルなコンテンツで、1人もフォローすることなく地道に運営して、フォロワー5000人達成したので、そのアカウントを動かすのに意識したこと・戦略・アイディアなど、現在のアカウントの状態に至るまでの経緯をまとめます。 このnoteは「1週間でフォロワー1000人！！」のようなコンセプトの記事ではありません。少々時間がかかっても、“濃いファンに囲まれた使えるアカウント”を目指してやってきた、わたしの運営記録です。 ●情報系のアカウントを運営している人・始めたい人 ●ローカルなテーマのメディアを扱う人 ●コアなジャンルに特化したアカウントをやっている人 ●企業やお店
プログレスバーの実装もこれなら簡単！複数ファイルにも対応した超軽量JavaScriptライブラリ -preload-it | コリス
動画ファイル、音楽ファイル、画像ファイルなど、大容量のファイルを使用したコンテンツでは、プログレスバーがあると非常に便利です。さまざまなタイプのファイルをプリロードするための超軽量（1kb）JavaScriptライブラリを紹介します。 異なるタイプの複数ファイルを平行にロードする際もサポートした優れ物です。
1分で分かる！Adobe Sensei, XD, Photoshop, Illustrator CC 2019の新機能のまとめ（ワークフロー効率化が中心） | コリス
Adobe MAX 2018が開催され、Adobe Senseiをはじめ、XD, Photoshop, Illustrator CC 2019にさまざまな新機能が実装されました。 今回のアップデートは「ワークフロー効率化」が主で、各ソフトウェア単体だけでなく、連携しての生産性も向上させる機能が満載です。 Adobe Sensei Adobe Senseiベースの生産性を向上させる機能は、CC 2019でもかなり追加されています。数多くあるのですが、主なものをピックアップします。 Photoshop CCの「コンテンツに応じた塗りつぶし」で、適用するコンテンツのより精密なコントロールが可能に。 Illustrator CCのフリーグラデーションで、より自然なグラデーションを生成。 InDesign CCの「内容を自動認識に応じて合わせる」で、画像の内容を検出してサイズに合わせた切り抜きを自動
U-NEXT キャリア
U-NEXTは、2007年にサービスを開始した動画配信サービスのパイオニア。「ひとりひとりに、最高の時間を配信する。」 をミッションに、いま次のステージに進むべく、新たなメンバーを積極採用しています。会社についての情報はコーポレートサイトもぜひご覧ください。
noteの2018年のデザイン戦略について｜深津 貴之 (fladdict)｜note
みなさま、新年あけましておめでとうございます。noteのお手伝いを始めてから3ヶ月が経ちました。 2018年、今年どんなことをやろうと考えているか、ユーザーの皆さんと情報共有したいと思います。 去年の活動のご報告まずは、スタートアップらしく去年の活動のご報告から。2017年の10月以降、チームで様々なカイゼンを行って来ました。noteチームが持っていたポテンシャルが、徐々に発揮されるようになりました。 DAUが増加トレンドになりました あわせて12月は、DAUで最大記録となりました。（薄いグラフの方が30日DAUです。Google Trendの30日継続読みにくいですね）。 継続率が1.75倍になりました 1週〜4週の継続率が、8月時と比べておよそ1.75倍となりました。現状は安定して維持されています。 投稿数が1.5倍になりました noteのデイリー投稿数が、以前と比べて平均1.5倍程度
noteにおける情報商材について雑感｜深津 貴之 (fladdict)
たまにカスタマーサポートに、「あれって情報商材ではないのですか？」とか「私の記事は消されたのに、なんであの人の記事はOKなの？」という質問が寄せられます。今日はそのあたりへの雑感をば。 一般的なサービスではこのような質問に対し、以下のような返答がなされます。 ・個別事例への判断にはお答えできません ・審査基準の詳細はお答えできません。大抵の企業は、コミュニケーションすらしてくれません。なぜ、どのサービスもこのような回答をするのというと… ・あの手この手で規約を回避する人々が出てくるため ・適正チェック担当が複数いると、ガイドラインがあってもジャッジにブレが出るため ・CSリソースを、微妙な記事のチキンレースで浪費したくない。 ・NG基準は運用通じて適宜アップデートされるが、そのたびに規約変更をかけたくないため といった理由が考えられます。要はチェック基準を厳密に公開しても、コストとリスクは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スタイルガイドとは？作成する意図と作成方法まで解説
Vue.jsの勉強にもいい！UIコンポーネントやインタラクションを実装するチュートリアルがまとめられた -Vue.js Examples | コリス
コンテンツマーケティング成功事例集