ブックマーク / www.webcreatorbox.com (9)

  • 最初が肝心!初めての打ち合わせ「キックオフミーティング」の心得

    2016年10月19日 Webサイト制作 プロジェクトを始動させるため、顔合わせのために行う最初のミーティングを、サッカーの試合開始の合図のキックオフにかけて「キックオフミーティング」と呼びます。キックオフミーティングはプロジェクトの目的を明確にしたり、クライアントと制作チームの親睦を深めたりと、今後業務を進めるにあたって欠かすことのできない重要なミーティングです。今回はそんなキックオフミーティングの必要性や効果的な進め方などをご紹介します。 ↑私が10年以上利用している会計ソフト! キックオフミーティングの目的 そもそもなんのためのキックオフミーティングなのか?ここをきちんと理解しておかないと、結局なぜ集まったのかわからなくなってしまいます。まず覚えておきたいのは、クライアント自身もWebサイトを通じて何を発信したいのか、漠然としか把握できていないという点です。キックオフミーティングでは

    最初が肝心!初めての打ち合わせ「キックオフミーティング」の心得
  • シニア層を対象にしたスマートフォンサイトのユーザビリティ

    2016年8月14日 UXデザイン, Webデザイン, スマートフォン 私の母は某アーティストの大ファン。20年以上ファンクラブにも入り続けている熱狂っぷりです。過去記事「シニア層のためのWebサイトユーザビリティ」では、そのアーティストのグッズを購入しようと奮闘していた母ですが、今度は別の目的でスマートフォン版のそのサイトを操作したみたいです。今回は私がそれを横目に見ていて感じたことを書いてみます。 ↑私が10年以上利用している会計ソフト! ライブチケットの当選確認をしたかった母 ここ数年はMacを触る機会もほとんどなくなり、スマートフォンでWebサイトの閲覧をしている母。そして秋に行われる某アーティストのツアーのチケットに応募しており、その当選発表があったので確認がしたかったようです。 それを聞いて「私がやるよ〜」と申し出たものの、娘に頼ってはいけない!という母の思いからか、何度手伝う

    シニア層を対象にしたスマートフォンサイトのユーザビリティ
  • 2016年上半期に読んだWeb・デザイン関連の本

    2016年6月27日 書評 昔はを読まなかった私ですが、電子書籍の登場から読書の機会が一気に増え、さらに日に帰国してからは日の書籍も読むようになりました(実は今日です)。日の書籍は紙質も装丁も美しくて、紙媒体が人気なのも頷けます。これまではオススメのを聞かれても英語のものばかりだったので…これからは日語のものを記事としてちょこちょこ紹介できたらなと思っています。それではさっそく、今年上半期に読んだ物をいくつか紹介します。 ↑私が10年以上利用している会計ソフト! 超明快 Webユーザビリティ ―ユーザーに「考えさせない」デザインの法則

    2016年上半期に読んだWeb・デザイン関連の本
    nsr-clip
    nsr-clip 2016/07/04
  • 10歳のこどもから学んだユーザビリティ向上のポイント

    2015年9月8日 ユーザビリティ 夏休みの後半、原稿用紙15枚の自由研究に苦しめられていた姪っ子(10歳)を「楽しそうだな〜」と手伝っていました。そんな時「私も久しぶりに自由研究したい!」と思い、ちびっこが家にいることですし、最近のちびっこがWebサイトをどのように利用しているのか研究してみることにしました。という事で今回の記事は自由研究風に進めようと思います! ↑私が10年以上利用している会計ソフト! 調べたいこと 認知度の高いWebサイトを、小学生がどのように利用するのかを観察し、こども向けのWebサイトに必要なもの、Webサイトを制作するうえで注意すべき点を調べます。 予想 難しい漢字は読めないので読みとばす イラストやキャラクターなど、可愛いものに興味を示す 明るい色彩のサイトに興味を示す まだ習っていない漢字や難しい表現は読み飛ばし、自分の理解できるもののみにフォーカスしていく

    10歳のこどもから学んだユーザビリティ向上のポイント
  • かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技

    2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト! 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう!サンプルも作ったのでコードと

    かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
  • 和風デザインWebサイトの制作ポイントや素材を実例とともにまとめました

    2017年7月14日 Webデザイン, ダウンロード, 色彩 今月はじめに初めて箱根旅行で洗練された美しい温泉宿に宿泊して以来、「和」な雰囲気やデザインの素晴らしさに魅了されたManaです。伝統的な配色や配置、書体等、見ていて飽きの来ない魅力がありますよね!和風デザインには大きく分けて4つの特徴があります。それぞれの特徴を理解し、うまくデザインに反映していきましょう! ↑私が10年以上利用している会計ソフト! 1. 配色 「和風デザイン」と聞いて思いつくのはどんな色でしょうか?おそらくビビッドなピンクや透き通るような水色ではなく、わさびやからし、えんじのような、少しくすんだ色合いを思いつく人が多いかと思います。日には伝統的な色や配色というものが存在し、それらを上手に使うことでグッと和の雰囲気漂うデザインに近づきます。 伝統色 日の伝統色 和色大辞典では日の伝統色をカラーコードとともに

    和風デザインWebサイトの制作ポイントや素材を実例とともにまとめました
  • レストラン等、飲食店Webサイトの制作Tipsと実例まとめ

    2016年6月9日 Webデザイン レストラン、居酒屋、カフェ、バーなどなど、国内だけでも数えきれないほどの飲店が存在します。そのため、飲店のWebサイト制作を経験したことのある、またはこれから制作予定のデザイナーさんも多いのではないでしょうか?そこで今回は特にレストランにスポットをあてて、必要な要素や制作ポイントを考えてみようと思います。 ↑私が10年以上利用している会計ソフト! おいしそうな写真が命! ユーザーがお店に入る前にチェックしておきたいのは、そのお店でどんな体験ができるのか?という事。どんな料理が出てくるんだろう?一皿頼んだらどれくらいの量なんだろう?お店の雰囲気は?などなど…。これらの不安を解消してくれるのがクオリティの高い写真です。最近ではファーストビューで画面いっぱいの写真を背景画像としてドドーンと表示しているサイトもよく見かけますね。 鉄板焼きの可らしでは写真では

    レストラン等、飲食店Webサイトの制作Tipsと実例まとめ
  • モバイルサイトのナビゲーションメニューは画面下に置くべき

    2014年2月19日 スマートフォン, ユーザビリティ スマートフォンを使ってWebサイトを閲覧する人、どんどん増えてきています。モバイルブラウザーのシェアを見ても、そのユーザー数は無視できないものとなっています。サイトによってはデスクトップで閲覧する層より多いところもあるかもしれませんね。私がWebサイトの制作依頼を受けた際、モバイル対応は必須としてきましたが、モバイルユーザビリティについて再考してみたので、今回はナビゲーションメニューについて簡単に記事にしてみます。 ↑私が10年以上利用している会計ソフト! よく見かけるWebサイトのナビゲーションメニュー 人気Webサイトギャラリー「The Best Designs」に掲載されている多くのWebサイトはメニューアイコンをロゴとともに画面上部に掲載しているのをよく見かけます。よく見かけるからと言ってこの場所に設置するのが当に使いやすい

    モバイルサイトのナビゲーションメニューは画面下に置くべき
  • 世界各国のWebデザインと日本のWebデザインの特徴

    2013年10月29日 Webデザイン, 海外情報 私は今まで日、カナダ、オーストラリア、イギリスと、4カ国での滞在経験があるためか、各国のデザインの違いについて尋ねられる事があります。しかし日以外のすべての国は英語圏。Webデザインでいえば違いを感じたことはあまりありませんでした。そこで今回は今まで触れる機会のなかった言語圏のWebサイトを比較しました。アメリカ、フランス、サウジアラビア(中東)、中国、そして日。それぞれのデザイン事情の違いを知って、日Webデザインについても考えてみたいと思います。 ↑私が10年以上利用している会計ソフト! マクドナルド アメリカ 現在は全体的に濃い青をメインに使っていますが、これはキャンペーンによって変更されます。ナビゲーションバーやページしたのバナーエリアは基的に固定。 例えば別のプロモーションページではこんな感じ。一番見せたいものをひと

    世界各国のWebデザインと日本のWebデザインの特徴
    nsr-clip
    nsr-clip 2013/11/01
  • 1