サーチエックスは、個人運営のSEOコンサルティング会社です。 これまで事業会社と支援会社で、SEOに15年以上携わってまいりました。 事業アセットを活用した支援を得意としています。お気軽にご連絡ください。
![サーチエックス](https://cdn-ak-scissors.b.st-hatena.com/image/square/34350163ecf41cb764de552be3868640b822ca37/height=288;version=1;width=512/https%3A%2F%2Fsearchx.jp%2Fwp-content%2Fuploads%2F2023%2F04%2Fseo_icatch_AdobeStock_549754832.jpeg)
はてなブログの方に全てのセッションの聞き起こしを書いたので、そのまとめをこちらに載せます。いずれのセッションも、後ほどTwitterモーメントのリンクの追加や文章の修正などをする可能性があります。 1日目・「核拡デザイン」を探求し続けて / 中西 元男 ・トイレの美しさに向き合い続けて考えたこと / 大塚 航生 ・魅力を伝えるストーリーのつくりかた・つたえかた / きよえ氏 ・IoT時代における新しい音声体験のデザイン / 京谷 実穂 ・SENSORY EXPERIENCE DESIGN 感覚を鍛え、感性を磨く-デジタル時代の生涯教育 / 阿部 雅世 → 本人の意向により削除 ・クリエイティブを競争力に デザイナーを10倍輝かせる組織作り / 佐藤 洋介 ・ビッグデータから導き出されるビジュアルトレンド / 宮本 哲也 ・ビズリーチのデザイン哲学 / 株式会社ビズリーチ ・自動運転社会を見
一昔前まではjavascriptを使ったSEOに弱いというのがあったりしましたが、今ではGooglebotが大分賢くなりjavascriptを実行できるようになってきてます。 とはいえ何も考えなくてもいいかというとそうでもないので、javascriptを使った場合にSEO対策として意識しないといけないことをまとめてみました。 いろいろ書きましたが、 Hisory APIを使ってURLをきちんと書き換えよう っていうのが主です。(pjaxと呼ばれている手法です) クリックやスクロールでDOMを生成するコンテンツはインデックスされない ページロード時点ではhtml内に生成されていないが、あるイベントが起きた時にDOM要素を生成するパターン。 Qiitaで言うとTOPページ下部にある「もっと見る」とかがそうですね。 Googlebotはjavascriptを実行することはできるのですが、clic
JavaScript の基礎セミナーの講師を度々やらせていただくことがあります。 セミナーを何度かやっていると、みなさんつまずく理由は同じだなという印象です。 つまずく理由は、デバッグができていないことと、オブジェクト( DOM 含む)を理解していないことです。 デバッグに関しては先日書いた記事「JavaScript のデバッグに役立つ Console API メソッドについて」を参照ください。 今回は、2つ目のつまずくポイント、オブジェクト( DOM 含む )について紹介します。 オブジェクトとは オブジェクトとは、変数と、関数の集合体です。 簡単にいうと、文字列や関数などの情報をなんでも沢山入れられる箱と考えてください。その箱を会社に例えると、財務情報が入っていたり、社員情報が入っていたり、社員の給料を計算する式が入っていたりします。 プログラム界の「四次○ポケット」的な役割です。 変
OOUI の目当てについて考えたいと思います。 私はここで「目当て」という言葉を「オブジェクト」の訳語として使っています。このタイトル自体に同語反復的な響きを持たせてみたのです。 OOUI は「オブジェクト指向ユーザーインターフェース」のことですから、OOUI について考える上ではオブジェクト指向とは何かということについて考える必要があります。するとさらにオブジェクトとは何かというところまで遡って、このコンセプトの本質を見ていく必要があるのです。 そこで、O(object)、O(oriented)、OO(object-oriented)、U(user)、I(interface)、UI(user interface)、OOUI(object-oriented user interface)という風に言葉を分解して、それぞれの意味を確認しながら、OOUI の目当てを探っていきます。 オブジェク
OOUIとは OOUIとは、オブジェクト指向ユーザーインターフェース Object-Oriented User Interface の頭字語です。 GUI アプリケーションをデザインする際の手法で、「オブジェクトベース」でユーザーにアプリケーションを提供するUIです。 対比として取り上げられるのは「タスクベース」のUIで、これはユーザーがデータを操作できる手順が固定されているようなものを指します。 日本語でまとまっている資料は、まず書籍のオブジェクト指向UIデザイン ― 使いやすいソフトウェアの原理です。 また、Web上でもこの本の著者である上野学氏のOOUX – オブジェクトベースのUIモデリングでも概要が読めます。 (業務アプリの銀の弾丸、OOUI本を読むという記事で私の感想も書いています) WEB+DB PRESS Vol.107 にあるOOUIの特集も上野学氏のものです。私もOOU
noteの記事用画像にしっくりくる、グリッド分割の詰め合わせ。Adobe XDのソースファイルつき。新しいファイルアップロード機能のサンプルに作ってみました。 画面を59分割や、71分割し、ピクセルパーフェクトに辻褄をあわせたグリッド分割のサンプル51種です。図解の作成などにご利用ください。 以下、Adobe XDで作ったグリッドテンプレートの詰め合わせ。51種。 ・29分割 10種(余白78px, 幅464px, グリッド16px) ・59分割 14種(余白74px, 幅472px, グリッド8px) ・71分割 13種(余白26px, 幅568px, グリッド8px) ・59分割 14種(余白15px, 幅590px, グリッド10px)
そうそう、イベントのサブタイトル「インターネットの次に来るもの」と同じタイトルの書籍『〈インターネット〉の次に来るもの 未来を決める12の法則』の原書もそんなタイトルだったなぁ、とw 「デザインシステム再考」「思考」でも「最高」でもなく「再考」です(謎)。当初は「再興」をテーマに話す予定だったのですが、どっかから資料が「再考」になってました。あれれ? 第8回目の今回のテーマは「エクスペリエンスドリブンな不可避な流れ」ということだったので、UX/UI的なテーマ(といえるか微妙ですがw)として最近再注目されている「デザインシステム」について、今までの経験から何か参考になれば、ということで短い時間でしたがお話してきました。 あと今回は「事例セッション担当」ということもありましたので、普段は公開してない実際に携わった案件のデザインガイドラインやデザインシステムの実際の画像やキャプチャ、提案資料など
Re-invent the product and service experience for the connected age. We are Tokyo based experience design and design strategy consulting firm. We help our clietns to ignite their possibility. Strategic Design Consulting Ethnographic research, design investigations, insight analysis, business optimaization and innovation, products strategy: We design new experience and new business strategy. Experie
ユーザーテストの進め方は、大きく準備・実施・分析と段階がありますが、ユーザーテストで発見を得るためにはある程度の準備が大切です。 ユーザーテストのありがちな勘違いですが「誰かにサイトを使ってもらって感想を聞き出せばいいんでしょ?」と思われている方がもしいらっしゃったら、本記事を参考に5つのステップで準備をしてみてください。きっと目に見えて成果が変わってきますよ。 \ナイルのサイト改善提案の紹介はこちらから!/ ユーザーテストとは ユーザーテストとは、実際のユーザー(に近い人)にWebサイトを利用してもらい、その行動や発話を観察して、サイトの課題やユーザーの心理を抽出する調査手法のことです。 もっと簡単に言えば「ユーザーが使っている様子を観察する」調査手法と言えます。ユーザーテストを実施することで、これまで見えなかったユーザーの心理や、Webサイトの様々な課題を把握することができます。 簡易
本日のDTP Festa in Tokyo 2013 June終了後、次の質問をいただきました。 アピアランスを使って、ひとつの角だけを丸めることはできますか? 思いつくのは次の2つです。 はさみツールで切って[角を丸くする]効果を適用、その後、パスファインダーの合体でオブジェクトを結合 Xtream Pathの[円弧面取りツール]を使う はさみツールで切って[角を丸くする]効果を適用、その後、パスファインダーの合体でオブジェクトを結合 [はさみツール]を選択し、赤い丸の中心点でクリック(便宜上、異なるカラーにしています) [角を丸くする]効果を適用する [オブジェクト]メニューの[アピアランスを分割]を実行する 2つのオブジェクトを選択し、[パスファインダー]パネルの[合体]をクリック 追記(2013年): @gladdesignさんから補足いただきました。[オブジェクト]メニューの[ア
この記事は、裏freee Ⅾevelopers Advent Calendar 2018の4日目です。 はじめまして、96/KuRo(クロ)です。freee株式会社では UXデザイナーとして、日々、ユーザーさんのエクスペリエンスをデザインしております。 また、以前からグラフィックデザイン、Webデザイン、CIデザイン、アートディレクション、デザイナー組織作り、デザイナー採用活動などの経験を重ねてきたことを活かし、パラレルワーク(複業・副業)として様々な企業のクリエイティブな生産性向上の支援をするクリエイティブ顧問業も行なっております。 さて、今回は、クリスマスをカウントダウンしていくアドベントカレンダーということで、この時期、大切な人へのプレゼントに悩んでいる方々の参考になればと、先日、実際にあった事例を元に『特別な日のプレゼントをUXデザインする - 日常の課題解決にも使える HCDプロ
2017-11-17提供価値によって異なるデザインプロセス最近 PS4 のグランツーリスモスポーツをやり始めて、自宅のネット環境の遅さに気づいたデザイナーのマエダです。前回はDLS についてご紹介させていただきましたが、今回はメドレーに入社して感じた「デザインプロセスの違い」について自分なりにまとめてみました。 あとで読みたい人向けに、エレベーターピッチ風にまとめると、 [ CLINICS ] というサービスは [ 患者と医療機関向け ] それぞれサービスを提供しているが [ 提供価値の違い ] によって [ デザインの役割が異なる ] ことに気づいた 特に [ 医療機関向け ] は [ UI が重要 ] となり [ 伝えることを目的とした Web サイト ] とは違って [ UI デザインの良し悪しがプロダクト全体の品質に関わる ] ため [ 事業や技術を理解 ] した[ デザインオリエ
2017-08-03デザイン言語システムを入れたらコミュニケーションコストがぐっと下がった話〜メドレー TechLunch〜ビールが美味しい季節ですね! 最近飲みすぎて嫁に叱られて、飲み会自粛中のデザイナー・マエダです。 メドレーでは TechLunch という社内勉強会を実施しているのですが、デザインについて私も発表する機会をいただきましたので、その内容を紹介させていただきます。テーマは「DLS の導入について」です。発表資料は記事の最後をご覧ください。 DLS(デザイン言語システム)とはDLS とは DesignLanguageSystem の略で、すごい単純にいえばデザインガイドラインみたいにUI に一貫性をもたせるため、配色やレイアウト、タイポグラフィやマージンなどのルールを策定するものです。 私が主に担当しているオンライン診療アプリ「CLINICS」は、iOS、Android、W
2018-05-18電子カルテの経験から、複雑なプロダクトデザインのアプローチを考えるこんにちは。プレスリリースや前回の平山のブログでも紹介がありました、患者とつながるクラウド型電子カルテ「CLINICS カルテ」のデザインを担当しているマエダです。 この電子カルテは、医療情報という複雑かつ独特なデータを扱うため、これまで自分自身が取り組んで来たような Web サービスとは違ったデザインのアプローチが必要でした。 今回は、そんなデザイナーの苦悩と葛藤についてお話します。医療に限らず、複雑な業務フローの業界でデザインに悩む人のお役に立てれば嬉しいです。 デザインに取り掛かる前の準備CLINICS カルテは「日医標準レセプトソフト(ORCA)」を完全内包しているカルテなのですが、医療にかなり詳しい人でないと、「レセプトソフトって?」というところから疑問ですよね。 自分も同様で、レセプト?オーダ
デンマークとアブダビを拠点にする建築設計事務所 CEBRAを主宰する建築家 Mikkel Frostはこのほど、「TEDx」に登場した「Let your fingers do the talking(あなたの指に語らせてみよう)」と題する動画を公開した。 その議論とは、手描きのデッサンが重要であるということ。デッサンとは描写の巧みな技を見せるのではなく、むしろ本質に迫る視覚化をより活き活きと自由に補うものだという。これは、CEBRAでは新しいプロジェクトの設計プロセスでいつも用いるコミュニケーションの形式なのだ。 「手描きの絵はけっして孤立したものではありません。CEBRAでは、手描きとコンピュータによる視覚化の両方を使用していますが、手描きの方がプロジェクトについてやり取りするのに手っ取り早いことがよくあります。新しいコンセプトについてクライアントへの説明を容易にするツールなのです」と同
こんにちは!!ようこそ、当ブログgcbgardenへ。管理人のsakurabaaa(@sakurabaaa_g)です。 MacBookユーザーの皆さんの多くはプレゼンテーション資料を作成する際にKeynoteをよく利用すると思います。 ある日、画像の四隅を丸く(角丸)したいと思ったのですが、大変苦戦しました。 今回は、Keynoteを使って画像の四隅(角)を丸くし、画像に優しさをもたらす方法を紹介します。 Keynoteで画像の四隅を丸くする今回はライオンの画像をKeynoteを使って丸くしたいと思います。 Keynoteを開くまずはじめにKeynoteを開きます。 画像をそのままKeynoteへ私の場合、画像をKeynoteへ挿入するときはそのままドラッグ&ドロップでKeynoteへアップします。 次のようになると思います。 この方法では、うまく画像の四隅を丸くする方法を見つけることがで
人は誰でもWHYを持っています。それは情熱や、インスピレーションの源となる奥深くに眠っている存在意義です。それが何かまだ見つかっていなかったり、どう言葉で表現してよいか分からなくとも、あなたにも必ずWHYがあります。 自分のWHYを理解するのに、この本が大きな助けとなるでしょう。誰もがやる気いっぱいの状態で朝目覚め、一日の終わりに仕事の充実感で眠りにつく、そんな人生を送るべきです。(「はじめに」より) こう主張しているのは、『FIND YOUR WHY あなたとチームを強くするシンプルな方法』(サイモン・シネック、デイビッド・ミード、ピーター・ドッカー 著、島藤真澄 訳、ディスカヴァー・トゥエンティワン)の著者。 これまでの長きにわたり、アメリカ連邦議会議員、外交官、国連、国防省に代表されるリーダー、あるいはマイクロソフト、アメリカン・エクスプレスなどの企業および非営利団体に対して「人々を
近隣住民のソーシャルネットワークであるネクストドア(Nextdoor)が、広告売上の増大を狙っている。創業7年のネクストドアのユーザーは、米国の19万の住所が検証された人ばかり。つまり、広告主は実際の人々を具体的な場所でターゲティングして、オンラインの世界とオフラインの世界を一体化することができる。 近隣住民のソーシャルネットワークであるネクストドア(Nextdoor:日本版も近日ローンチ)が、広告売上の増大を狙っている。創業7年のネクストドアのユーザーは、米国の19万の住所が検証された人ばかり。つまり、広告主は実際の人々を具体的な場所でターゲティングして、オンラインの世界とオフラインの世界を一体化することができる。 最高収益責任者のローレン・ネメス氏によると、昨年は収益が3倍に増えた。クライナー・パーキンス(Kleiner Perkins)やベンチマーク(Benchmark)など大手投資
※1 ウェブで対象機種へのりかえ(MNP/番号移行)すると機種代金を最大43,968円割引。使用者年齢が5歳~22歳の方は純新規の場合にも割引を適用します(U22オンラインショップ割)。 ※2 査定条件を満たさない場合、回収に加えて22,000円(不課税)の支払いが必要。お客様が特典利用を申し込むタイミングによって、お支払い不要になる金額が変わります。機種代金お支払い総額についてソフトバンクにのりかえ(MNP/番号移行)の場合 ※3 お申し込み状況などによって時期が前後にずれることがあります。お客さまの特典受付開始日は、My SoftBankなどの契約者管理サイト上でご確認いただくことができます。 ※4 お客さまが特典利用を申し込むタイミングによって、お支払い不要になる金額が変わります。
仕事で使う業務ツールは、慣れないと使いこなすのが難しいものが多く、CMSもその一つ。では、誰もが使いやすい業務ツールの管理画面とはどのようなものだろう? その一例として、UX領域のプロ集団・グッドパッチがデザインを手掛けた、リンクアンドモチベーションのBtoBサービス「モチベーションクラウド」のインターフェイスを紹介します。 教えてくれたのは…治部 裕明 (株)リンクアンドモチベーション ビジネスデザイン室 マネジャー。「モチベーション」にフォーカスした経営コンサルティング会社。国内初の組織改善クラウドサービス「モチベーションクラウド」を提供し、社員の高いエンゲージメントと組織成果の最大化を両立するためのソリューションを提供している。https://www.lmi.ne.jp/ 石井 克尚 (株)グッドパッチ デザイナー 大竹 智史 (株)グッドパッチ プロジェクト マネージャー 大角 将
こんにちは。PRの説田です。最近、企業ロゴとブランドステートメントをプリントした「ロゴパネル」を作成しました。「ロゴパネル」とは、上の写真にあるようなもので、他には「フォトプロップス」や「ブランドパネル」と呼ばれ、主に写真撮影の際に使われています。最近はInstagramなどの顔出しパネルをよく見かけます。 今回は「ロゴパネル」の作り方をお伝えします。私の場合はまずこのパネルの名前に辿り着くまでに時間がかかってしまいました…。 ロゴパネルはお手頃で慣れれば簡単に何枚も作れるのでおすすめです。パネルの作成を検討されている方の参考になれば嬉しいです。 作ったもの 企業ロゴ「ajike」とブランドステートメント「move people.」のパネルをつくりました。「move people.」は文字が長いので「move」と「 people.」に分けました。素材は、特殊紙がスチレンボードに貼られたもの
GTDすなわち“Getting Things Done(仕事を成し遂げる)”とは、あなたのタスクとプロジェクトを整理して管理する仕組みです。しかしその目的は、ただ“仕事を成し遂げる”だけにはとどまりません(本当ならこう呼ばれるべきでした。「物事がおこるままに身を任せていたのでは全くイケてない状況に陥ってしまうことが多いので、それよりもっといい方法で物事を成し遂げる」仕組み)。このシステムの目的はあなたが100%の信頼をおいても大丈夫なように、タスクやアイデアやプロジェクトを収集するということにあります。「過去最高の発明をする」というような曖昧なものから、「8月25日にAdaに電話してチーズケーキのレシピについて話し合う」というような具体的なものまで。つまり全てです。 ごくありふれたTo-Do リスト管理のシステムとあまり変わらない印象ですか? 確かに似ている部分は多いですね。でもそれ以上の
株式会社AppBrew(本社所在地:東京都文京区、代表取締役 :深澤雄太)が運営するNO.1※コスメのクチコミアプリ「LIPS」が、300万ダウンロードを突破したことをお知らせいたします。また今回の300万ダウンロード突破を記念して、LIPSユーザーを対象としたプレゼントキャンペーンを開催予定です。 ※ AppStore無料総合ランキング1位を獲得(2017/10/21付) ■昨年末に放映したローラさんを起用のTVCMが好影響 「LIPS」では、2018年12月8日より全国で放映を開始したTVCMなどの効果もあり、順調にダウンロード数を伸ばし、300万ダウンロードを突破しました。 ユーザーの増加だけでなく、コスメ・美容に対して熱量の高いユーザーからのクチコミが1日あたり約2000件投稿されており、総クチコミ投稿数は70万件を突破しました。 ■「300万ダウンロード記念キャンペーン」も開催予
先日、hey×BANK×CyberAgentの3社で「経営者との共通言語の作り方」という勉強会を実施しました。 デザイナーにとって、経営者の性格やチーム体制、自分の立場など様々な環境要因で求められるコミュニケーションは変わってきます。そのテーマに対して各社のスタープレイヤーたちはどのようなノウハウやマインドで仕事しているのかをお話していただきました。 今回登壇していただいたのはhey 松本隆応さん / BANK 河原香奈子さん / AWA 室橋秀俊さん、パネルディスカッションのモデレーターにはCyberAgent クリエイティブ統括室 室長の佐藤洋介さんに務めていただきました。 それでは早速今回の内容をレポートします! デザイナーのためのビジョン・クライミング入門 コイニー株式会社 ヘイ株式会社 リードデザイナー 松本隆応さん 松本さんには、heyのCIデザインプロセスで経験したことを元に
今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat ui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー
Robust Git Support. Powerful Workspace Improvements. Professional Font Feature Support. See the full release notes!! A powerful editor. Flexible workflows. Helpful debugging. Useful tools. Robust extensions. And lots of settings. The Editor. It all starts with our first-class text-editor. It's new, hyper-fast, and flexible, with all the features you want: smart autocomplete, multiple cursors, a Mi
Transcript ࣄۀͷՄೳੑΛ ՄࢹԽ͢ΔͨΊͷσβΠϯ Bank, Inc Kanako Kawahara Տ ݪ߳ ಸ ࢠ @kanakt ੍࡞ձࣾ ͳͲ ϦʔυσβΠφʔ 7ਓͷࣾһͱͯ͠δϣΠϯ σβΠφʔ ΣϒΛத৺ʹडୗ੍࡞ σβΠφʔ/ࣥߦһ ۀϝϯόʔͱͯ͠δϣΠϯ 2008~ 2013~ 2017~ None None None ܦӦऀͱͲ͏ର͠ͳ͕Β ϓϩμΫτΛ͔ͨͪʹ͖͔ͯͨ͠ ܦӦऀͷϏδϣϯΛͲ͏ͬͯ ࣾϝϯόʔʹ͍͑ͯΔ͔ 1 2 BANKͰ৽نࣄۀΛͭ͘Δͱ͖ͷྲྀΕ CEOޫຊͷԾઆ σβΠφʔ͕ϞοΫ࡞ ΤϯδχΞɾPMͳͲΛՃ͑ɺ ։ൃ ੈͷதʹɺ જࡏతͳ1ʙ3ສԁͷ গֹࢿۚχʔζ͕͋ΔͷͰͳ͍͔ CEO͕͍࣋ͬͯΔԾઆ ৽ن։ൃ࣌ʹେʹ͍ͯ͠Δ͜ͱ CEOͷ಄ͷதʹ͋Δ Ծઆ Λ શྗͰݕূ ͢ΔͨΊͷϓϩμΫτ։ൃ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く