タグ

designとcontentsに関するbitgleamsのブックマーク (91)

  • CMS導入前にしておきたい質問

    今注目されている Micro CMS 従来は Joomla, WordPress, Drupal, Movable Type 辺りから制作者の肌に合うツールを選ぶ場合がありました。これらは今でも十分に使える高機能 CMS ですが、機能が多過ぎることから、メンテナンス、運営、ワークフローをしっかり設計していないと、複雑で扱い難いものになることがあります。無料から使える小中規模 CMS は出そろった感がありますが、ここ 1, 2 年ほど新しい CMS を幾つか見かけるようになりました。 Pico : 静的ファイルを管理する CMS Dunked : ポートフォリオに特化した CMS Koken : こちらもクリエイティブ向け CMS Leeflets : 1ページサイトを手軽につくる CMS Ghost : Markdown で書けるブログツール Dropplets : こちらも Markdo

    CMS導入前にしておきたい質問
  • マルチデバイス対応の際に考えるべき「コンテンツ・パリティ」とは?

    どんな端末でウェブサイトを閲覧しても同様のコンテンツを提供する「コンテンツ・パリティ(Content Parity)」という考え方は、マルチデバイス対応が必須になったいまのウェブ制作にとって、とても大切なものです。前回の「モバイル対応でレスポンシブWebデザインSEOが向かう先」の後編にも関わる内容なので、今回は「コンテンツ・パリティ」についてまとめてみます。マルチデバイス対応をする際に誰もが一度は考えなければならないことです。若干いまさらな感じもしなくはないですが、何かのお役に立てば幸いです。 コンテンツ・パリティが必要な3つの理由 理由1: ユーザの一番の不満はモバイルサイトに情報が掲載されていないこと イギリスで行われた調査によると、モバイルサイトを閲覧していてユーザが一番不満に感じることは、情報や機能がモバイルサイトで見つけられないことだそうです。また、モバイルサイトに「フルサイ

    マルチデバイス対応の際に考えるべき「コンテンツ・パリティ」とは?
  • レスポンシブ・ウェブデザインは上位表示に有利ではない、デメリットもある

    [対象: 中〜上級] Googleが推奨するモバイルサイト構成はレスポンシブ・ウェブデザイン Googleは3つのタイプのモバイルサイト構成をサポートしています。 レスポンシブ・ウェブデザイン(同じURLと1つのHTML/CSS) 動的な配信(同じURLと別々のHTML/CSS) モバイル専用のURL(異なるURLと別々のHTML/CSS) このなかで、Googleがもっとも推奨する構成が1つ目のレスポンシブ・ウェブデザインです。 レスポンシブ・ウェブデザインには大小さまざまなメリットがあります。 なかでも、URLが1つ、リダイレクト設定が不要というのがいちばん大きなメリットでしょう。 重複コンテンツを生まないし、リダイレクトによるミス(Googleの人によれば非常に多いらしい)も発生しません。 検索エンジンにとっても都合がいいのがレスポンシブ・ウェブデザインになります。 レスポンシブ・ウ

    レスポンシブ・ウェブデザインは上位表示に有利ではない、デメリットもある
    bitgleams
    bitgleams 2013/10/21
    要は「優遇」ではないということ。コストとスピードは技術の研鑽や進化とかの問題(もちろん言うは易しで何とやら、ですが…)。コンテンツはIA面などとかをしっかり練るしかないが。 / 2013年10月21日記事
  • Content Analysis Tool | Content Insight

    Automated Content Inventories A content inventory is a key starting point for website content planning, auditing, project scoping and estimation, content management, and ongoing website content tracking. But creating content inventories can be tedious, time-consuming, and expensive. Until now, content strategists, user experience architects, and content managers have had to struggle with inadequat

  • 良いWebサイトのなかにある静と動

    シンプルな言葉のなかにあるニュアンスの違い 「なぜ、Web サイトが必要なのか?」 とてもシンプルな質問ですが、回答は様々です。 「利用者にとって良いコンテンツや体験を提供したいから」という回答をする人もいるでしょう。しかし、この模範解答のような言葉でさえ、人によってニュアンスが異なります。特に、マーケッター寄りの人と人間中心設計を実践している人では『良い Web サイト』の捉え方が大きく異なります。 マーケッターの視点で Web サイトをデザインするとは、どういうことでしょうか。彼等が考える「良いコンテンツ」は、サービスや製品を購入してもらうための説得材料です。写真、映像、文章、機能リスト・・・、こうした要素は、説得するために必要だと考えています。顧客が Web サイトへ訪れることによって、「買ってみようかな」と思ってもらえるような画面に設計することが重要だと考えられています。 それでは

    良いWebサイトのなかにある静と動
  • UI/UX 未来志向―進化の方向を予測し、今必要なことを知る 記事一覧 | gihyo.jp

    運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    UI/UX 未来志向―進化の方向を予測し、今必要なことを知る 記事一覧 | gihyo.jp
  • コンテンツ提案を生み出す対話のポイント

    今のコンテンツの状態を書き出す「Content Inventory (コンテンツ・インベントリー)」は、Webサイトだけでなく、アプリ開発の際にも役立つステップです。ひとつひとつの画面を見ているだけでは気付かなかったことも、表にしてまとめると、重複していたり、古かったり、間違った情報が表記されているところが見つかりやすくなります。 コンテンツ講座でもインベントリーの重要性と始め方を解説したものの、難しいのは数百ページ分のコンテンツを表にまとめて調べるところではありません。当に難しいのはそのあとどうするのか?という部分です。例えば、重複コンテンツや Web には適さないライティングが増えないようにするための処置はできます。 ワークフローの見直し: CMSの機能を使うだけでなく、組織の誰がどのようなタスクをするのかを確認する ライティングガイドラインの制定: 文章の構成から、Web に適した

    コンテンツ提案を生み出す対話のポイント
  • ソシオメディア | メタファからイディオムへ

    「フラットデザインはUIを進化させるか」では、フラットデザインの特徴を述べると同時に、これからUIが進んでいくであろうモードレスデザインとの関係について触れました。 今回はその裏にある、UIデザインの質的な要素の捉え方について、メタファとイディオムという観点から掘り下げてみます。またそこから導かれる、開発プロジェクトにおけるUIデザインの位置づけについても考えてみます。 スキュアモーフィック → フラット フラットデザインと呼ばれる平面的で抽象的なUIのビジュアル表現は、装飾的で写実的なスキュアモーフィックデザイン(現実の物の形や質感を模した表現)に対するカウンターとして注目されています。 つまり、「スキュアモーフィックからフラットへ」というトレンドの変化です。 フラットデザインは、単に見た目に新鮮であるだけでなく、UIオブジェクトから例えばドロップシャドウ、テクスチャ、境界線といった装

    ソシオメディア | メタファからイディオムへ
  • WD101: PC脳な制作者にありがちな8つのアプローチ

    このシリーズは Web Design101(WD101)と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 Webは見た目のコントロールがきかない モニターの外をデザインするのが大半である Webは寛容性をデザインする場である Webのデザインは枠のない世界である Webデザインであるもの、そうでないもの WD101: 画面ではなく部品から始めてみよう あなたはPC脳ですか? 「PC脳」とは、私が UI やデザインの講座をするときに、よく使っているフレーズです。 従来は、ノートパソコンやデスクトップパソコンが Web 接続可能な主力デバイスでした。しかし、今は徐々に台数が減り続けており、代わりにスマートフォンやタブレットといったデバイスの台数が伸びてきています。さらに、パソコンの次に買う 2 台目のデバイスとしてではなく、パソコ

    WD101: PC脳な制作者にありがちな8つのアプローチ
  • 利用者の期待とUIデザインについて

    UI デザインとひとことで言ってもたくさんのことを考慮しなければいけません。単一機能のシンプルなアプリの設計だったとしても、UI の課題は山のようにあります。私自身、どこから始めたら良いのか分からなくなることがありますが、UI デザインを考える始めるために、ふたつの疑問を自分自身に問いかけるようにしています。 利用者が期待に応えられるようなインターフェイスはなにか? 利用者が目的に辿り着く為の明確な道筋はなにか?

    利用者の期待とUIデザインについて
  • Contents Strategy Brief(コンテンツストラテジーブリーフ)

    コンテンツストラテジー(コンテンツ戦略)は、コンテンツに関する明確な意図を持ち、コントロールできる状態にすることです。 ターゲットが誰で、達成したいことは何か、競合はどのように表現していて、自社は現状どうであるか、といったコンテンツに関する情報を共有すると、コンテンツの評価や、運用フェーズにおける次の打ち手を計画できるようになります。 コンテンツストラテジーブリーフは、こうしたコンテンツに関する情報を1枚に簡潔にまとめることができるツールです。 --追記【2012年8月13日】-- ブリーフシートは、企業のウェブ担当者などが自社のコンテンツに関する思考整理をするために用いることができます。 資料をセミナーやワークショップで用いる場合、また書籍に転載する場合にはコンセントまで事前にご連絡ください。 講演・セミナー・取材の依頼やご相談

    Contents Strategy Brief(コンテンツストラテジーブリーフ)
  • http://blog.iaspectrum.net/2013/06/25/ux_honeycomb/

    See related links to what you are looking for.

  • 52 Weeks of UX

    “But what if the firm was driven, not by the goal of short-term profitability, but by the goal of continuous innovation in service of finding new ways of delighting customers? The new bottom line of this kind of organization becomes whether the customer is delighted. Conventional financial measures such as maximizing shareholder value are subordinated to the new bottom line. Profit is a result, no

    52 Weeks of UX
  • 世界最初のWebサイトが教えてくれるデザインの原則

    4月30日は World Wide Web にとって重要な日。先日 CERN が、W3 の関連技術をパブリックドメインにしてから、20 年を迎えました。CERN 公式サイト では W3 の歴史を振り返ると共に、1993 年に公開された 最初の Web サイト もオリジナルの URL に再公開されました。 世界最初の Web サイト(上図)は、コンテンツとデザインに関する講演をする際に何度か取り上げています。例えば、2011年ロフトワークが主催した いまさら聞けない!? 企業のスマートフォン対応 で、20年前に作られたサイトにも関わらずスマートフォン対応されていると紹介しました。 シンプルなマークアップですし、装飾も一切ないので表示されて当然かもしれません。しかし、今まで私たちが作ったサイトの中で、作った当時には予測もしなかったデバイスでも情報をきちんと伝えることができるのがどれだけあるでし

    世界最初のWebサイトが教えてくれるデザインの原則
  • IAシンキングとは -information architecture- |https://wp.yat-net.com/name

    2013年 04月 19日 IAシンキングとは -information architecture- カテゴリ: IAシンキング タグ:IAサイト構築サイト設計 サイトの設計、情報の整理、SEOUI。Webサイトの構築時に考えるべきことはたくさんありますね。世のWebデザイナーの方やディレクターの方、インハウスの方など、色々な 役割の人がそれぞれの観点から情報を整理したり、競合サイトを調査したりと様々な事をしています。 しかしそれらを行うにあたって明確なフローが決まっているか?と言う割りとそうではなく、多くの人が意識的レベルでそのフローを行なっているのではないでしょうか? それらのフローを意識レベルで行えるということは非常に素晴らしく、欠かすことが出来ないスキルであることは間違いありません。 ですが、プロジェクトに参加するメンバーのスキルやレベルは必ずしも一致しているとは限らない為、ひと

    IAシンキングとは -information architecture- |https://wp.yat-net.com/name
  • 米国市場の高校サイトでは、今、何が起きているのか?

    ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日(金)

    米国市場の高校サイトでは、今、何が起きているのか?
  • IA の再定義とフィルターバブル

    World IA Day 2013 での考察。フィルターバブルから考える、IA(インフォメーション・アーキテクト)が引き受けるべきもの。 'Colosseo' by Cameron Moll, 2009 IA を再定義する意図 先月開催された World IA Day 2013 のテーマは、「情報アーキテクチャの価値体系を探求・拡大する」であった。これは「IA(インフォメーション・アーキテクト)という職業的アイデンティティを再定義する」と言い換えることができる。 IA とは、情報を整理し組織化する職種である。しかしその技能を通じて、情報の受信側にどのような価値を提供するかまでは、はっきりと定義されていない。だからその裁量は、一人ひとりの IA に委ねられていることになる。 実は IA の再定義というテーマは、こうした問題を認識してもらうために、すこし意図的に設定されたものであった。 このよ

    IA の再定義とフィルターバブル
  • http://japan.internet.com/busnews/20130129/2.html

  • Webstock 2013 レポート【その1: セッション】

    先週ニュージーランドのウェリントンで開かれた Webstock というイベントに参加してきました。Automattic のスポンサーブースの手伝いで行ったのですが、ブースにいたのは休憩時間のみだったのでカンファレンスもしっかり見ることができてよかったです。動画が公開される予定とのことですが、個人的に特に印象に残ったものをピックアップしてご紹介したいと思います。 工業化された無知(クレイ・ジョンソン) オープニング・セッションは、2008年度にオバマ大統領のオンラインキャンペーンを担当した Blue State Digital 共同創業者のクレイ・ジョンソン。べ物から摂る栄養を選ぶべきであるように、情報も「ジャンクフード」的なものを意識的に排除して取得していくべきだという話。 具体的なステップとして、 SNS や特定のサイトからの情報取得を時間で制限する 消費者ではなく、製作者になる(彼の

    Webstock 2013 レポート【その1: セッション】
  • Why Responsive Web Design Has To Win Out — Smashing Magazine

    The most important metric when considering a mobile Web strategy and weighing responsive Web design against a separate mobile website, is how functional the website is for the user. We know that websites need to always evolve, and that it takes time to implement changes and new features. if you look at those factors in total, responsive Web design has to win out. When considering a mobile Web stra

    Why Responsive Web Design Has To Win Out — Smashing Magazine