タグ

WebDesignに関するykfksmのブックマーク (27)

  • 富士通アクセシビリティ・アシスタンスが提供終了。感謝と共に代替手段も紹介してみる

    富士通さんが、2004年より無償ダウンロード提供していた視覚障害者や色覚障害者のアクセシビリティを高めるための診断ソフトウェアツール群 「Fujitsu Accessibility Assistance (富士通アクセシビリティ・アシスタンス)」 が 2013年の 8月 20日をもって、無償提供を終了するそうです。 富士通、色覚障がい者のための診断ソフトウェア無償提供8月20日をもって終了:「終了前に、ただ伝えてほしい」――多くの開発者に届きますように。 : @IT 富士通アクセシビリティ・アシスタンス : 富士通 富士通アクセシビリティ・アシスタンスは、2003年から公開されていた 「Web Inspector (ウェブインスペクタ)」 に、「Color Selector (カラーセレクター)」、「Color Doctor (カラードクター)」 を加えた、3つのソフトウェアからなる、アク

    富士通アクセシビリティ・アシスタンスが提供終了。感謝と共に代替手段も紹介してみる
    ykfksm
    ykfksm 2013/08/20
    アプリケーション以外に、オンラインのWebサービスも多数紹介いただいてる。
  • 簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog

    しっかりと考えられたUIのアプリやWebサイトはとても使いやすいく、使っていてとても楽しいですよね。この記事を見ているデザイナーやディレクターの方の中でショッピングサイトや登録型サービスを担当し、UI設計をしている方もいるのではないでしょうか。UI設計をする上で必ず考えるのが「ユーザーが使いやすいUI」だと思います。しかし前述したショッピングサイトや登録型サービスの場合は使いやすさと共に、「ショッピング購入数」や「登録者数」にも気を配る必要があります。そこで今回は「ショッピング購入数」や「登録者数」を示す、”コンバージョン率” を高めるUIとはどんなものか、海外の記事を参考に考えてみたいと思います。 (この記事はGoodUIから翻訳抜粋したものです) GoodUIには簡単に使えて、コンバージョン率を高めるUIのアイデアがいくつかまとめられています。その中から6つ、素晴らしいアイデアをピック

    簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog
  • ファビコン(favicon)とは?代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です

    ファビコン(favicon)とは?代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • WEBデザインの見本帳|WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!

    WEBデザイナーのためのWEBサイトのデータベース・リンク集、「WEBサイトを作成する際のデザインの配色・見・参考」「お客様・クライアントにイメージを伝えるためのサンプル」「制作会社へのサイトイメージを伝えるためのご提案」などサンプル・配色・見・参考・ご提案にご利用ください!!

    WEBデザインの見本帳|WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!
  • うんと楽しくなるホームページの作り方がこれ!『コンセプトダイアグラムとは?』

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる 今回は、いろいろあるホームページの作り方でも、特に楽しい「コンセプトダイアグラム」という方法を紹介します。 コンセプトダイアグラムを利用すれば、自分のホームページに必要なコンテンツや機能を、もっと楽しく、そして正確に知ることができます。ホームページ作成前の準備や改善方法を見つけるときに、ぜひ今回の記事を参考に、コンセプトダイアグラムを作ってみてください! コンセプトダイアグラムは、こんな絵(図?)を描きながら、ホームページに必要なコンテンツや機能を見つける方法です。ホームページにアクセスするお客さんが

    うんと楽しくなるホームページの作り方がこれ!『コンセプトダイアグラムとは?』
    ykfksm
    ykfksm 2013/03/29
    ステージ・ターゲット別にサイト(物理的には同じサーバー内でいいんだけど、見た目というか機能的に独立している単位として)を分けた方がいいというのも、これ読んだら理解できるのでは。丁寧な記事です。
  • 写真が語るUXとUIの違い - Nothing ventured, nothing gained.

    Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXUIの違いを説明しよう。 UX(ユーザーエクスペリエンス)は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい

    ykfksm
    ykfksm 2012/11/23
    #wcaf 坂本くんのスライドで出て来た「写真だけで表現してみた」紹介されてたブログ記事こちら
  • NATURAL BEAUTY BASIC

    NATURAL BEAUTY BASICの最新情報をお届け。おすすめコーディネート・WEBカタログからショッピングも可能(通販サイト)。NBB MEMBERSにご登録頂くとメンバーズだけのお得なキャンペーンやSALE情報をいち早くお知らせします。

    ykfksm
    ykfksm 2010/10/04
    Perfumeの3人がマネキン姿にーー。めちゃかわいい・・・