映画やカメラと、ブログ更新が趣味です。 ブログは私の気づきが誰かの役に立って欲しくて楽しみながら書いています。 映画については毎週7〜10本ぐらいのペースで観ています（コロナ禍のためし4月上旬を最後にいけてませんが）。 Netflix, Hulu, Amazon Video などのアカウントは全て揃っています。 毎月劇場へは5〜7回ぐらい足を運ぶようにしています。

昨今のWEBでは先進的な技術を使いユーザーを魅了するサイトが多いように感じます。 先日、リッチな動きとより良いユーザー・エクスペリエンスをあなたのサイトにプラスする方法と言うSmart Transitionの記事を書きましたが、その内容に近いユーザー・エクスペリエンスを向上させる方法です。 今日はWEBサイトで文字に動きを付ける方法をご紹介したいと思います。 テキストデータにエフェクトを付ける方法 まずは先人たちの作例を見てみましょう！ Quoitworks Quoitworksさんのサイト、ページに入るとページタイトルがアニメーションします、カッコイイですね。 このようなエフェクトを実装するにはjQueryのプラグインを使用します。 世界中の天才クリエイターさまによって多くのプラグインが作られていることにいつも感謝しております、 ありがとうございます！ 多くのサイトで文字にアニメ

Bring your devices together for more personalized help around the home. And create automations tailored to your needs to simplify everyday tasks.

2014年5月12日 Webデザイン, ユーザビリティ ECサイトの構造はとっても複雑。ユーザーは好みの商品を検索し、その中から実際に購入するものを比較・検討・選択、さらにフォームに入力するというプロセスを経て、ようやく購入完了となります。オンラインショッピングに慣れている私でも、新規サイトでは苦労することが多いです。そこで使いやすいECサイト、特に新規客に優しいサイトデザインとはどんなものなのか、考えてみました。 ↑私が10年以上利用している会計ソフト！ 目的の商品ヘ素早くアクセス ECサイトはスピード勝負だとよく言われています。それはページの読み込み時間という体感速度はもちろんですが、いかに簡単に目的のページに到達できるかも大切です。特に何が欲しいのか決まっているというユーザー層は、急いでいるわけではありませんが、そのサイトに長居するつもりはありません。目的の商品を素早く表示するのはも

STEP 4：ボックスに組み込む SVGのアニメーションができたら、続いて、線で取り囲むためのボックスを用意する。一見すると1pxのボーダーを指定しただけのdiv要素に見えるが、あとで動きをつけるために、幅もしくは高さを1pxにして塗りつぶしたdiv要素を上下左右に4つ配置し、枠線として見せている。 ボックスが完成したら、先ほど作成したSVGをボックス（div.db）の中に入れる。 ■ソースコード（HTML） <div class="box"> <div class="bd"> <svg><g><path class="path" d="M5….." /></g></svg> <div class="bdT"></div> <div class="bdB"></div> <div class="bdR"></div> <div class="bdL"></div> </div><!-- .

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

会社と家庭。仕事と遊び。男性と女性。都市と地方。 あらゆるものが二分化され、二項対立する社会。 どちらか一方が幸せなだけでは、 いつまでも全体として 幸せにはなれないのではないか。 私たちは、それらの境界線を溶かしていきます。 View More 2024.01.26 Fri プレスリリース 株式会社神戸屋が「Fammアシスタントオンライン」を導入。デジタル関連業務の効率・最適化に活用。 2023.12.25 Mon プレスリリース 法人向けサブスクリプションサービス「Fammアシスタントオンライン」「Fammプロフェッショナル」が「第8回 Japan IT Week 関西」に出展。 View More 家族アプリFamm Fammなら家族で写真・動画を共有して、子供の成長をみんなで楽しめます。毎月無料のカレンダーやましかくプリントなど印刷体験も充実しています。 View More Fam

フォーデジットはビジネスとユーザーを つなぐ「デジタルデザイン」を提供し、 企業のサービス創出・DX・デジタル施策に 並走するプロフェッショナルパートナーです。

2012年に誕生したフォーデジットデザイン。表面的なデザインではなく、ユーザーの体験をデザインすることに、高い意識を持って取り組んでいる。 プロジェクトが完成するまでのストーリー 2012年に誕生したフォーデジットデザイン。マーケティング、情報設計、デザイン、技術力を強みにコーポレートサイトやブランドサイト、スマートフォンアプリやECサイトなどのマーケティング装置としてのデジタルプロダクト開発を手がけている。 同社がいつも心がけているのは、広告的なインパクトのある瞬発的デザインではなく、日々の活動の中の満足や充足を永続的に与えるデザイン。クライアントの先にいるユーザーを常に意識し、心地よく使ってもらうための本質的なデザインに取り組んでいる。デザインに関する第3者の評価を調査できる最先端のデザインリサーチツール「CREATIVE SURVEY」を自社開発したのもそのためで、より良いユーザビリ

2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。

サンプル数(標本数)の決め方 お客様アンケートを取りたいと考えていまが、予算の都合があり全数調査が出来ません。 サンプルでの調査を検討しているのですが、サンプルの計算方法が良く分かりません。 母集団N、分散、信頼度など必要事項を入れると必要なサンプル数を計算してくれるエクセルの関数はありませんでしょうか。 居住地別のお客数（N）は分かっています。調査は良い～普通～悪いを５段階で答えてもらう内容なのですが、過去に全顧客に対してのアンケートとったことがあり、分散も分かっています。 よろしくお願い致します。

人間像ではなく動機や文脈を明確に プロジェクトを本格始動する前にペルソナを設定することがあります。様々な背景の方がデザインプロセスに参加すると、何をもって『良い』と判断すれば良いのか分からなくなることがあります。ペルソナは、このプロジェクトにおいて適切な『良い』を判断する際に役立ちます。 ペルソナには「人/登場人物」という意味が含まれていることから、表層的な人間像（性別、年齢、出身地など）を描かなければいけないと考えがちです。しかし、それはペルソナを設定することにおいて、それほど重要ではないと思います。私はペルソナを1枚のシートにまとめることがありますが、見た目やライフスタイルといった属性は、詳細まで掘り下げていません。ほとんどの場合 2 〜 3 つくらいのリストにして省略しています。 代わりに「なぜ、人はプロダクトやサービスと触れ合うのか」という部分を、ペルソナを通して語るように心がけて

普段何気なく使用しているインターネット上のさまざまサービスをよく見てみると、至る所に「青色」が使われていることに気づきます。なぜ、インターネットではこれほどまでに青色が多用されているのか、IT関連のニュースサイトThe Awlがその理由を公開しており、興味深い内容になっていました。 Internet, Why So Blue? - The Awl http://www.theawl.com/2014/06/internet-why-so-blue こちらはGoogleが頻繁に自社のサービスに使用している青色です。カラーコードをHTMLなどで使う16進数で書くと「4385f5」になります。 試しに、Google検索を確認してみると、至る所に上記の青色が使用されているのがわかります。実は、Googleのデザイナーは上記の青色とは違う種類の青色をサービスのメインカラーに選んだのですが、上司から「

平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ ※カテゴリは、「その他のお問い合わせ」を選択して下さい。