情報を聴覚から。ニュースサイトを音声読み上げ·speech news MOONGIFT
speech newsはオンラインニュースサイト（例としてGoogleニュース）をMP3化するソフトウェアです。 インターネット上には多数のニュースサイトがあります。そのチェックにフィードを使っているという人は多いと思いますが、今回紹介するのは目ではなく耳でチェックするspeech newsです。例えばGoogleニュースのコンテンツを読み上げ機能を使ってMP3ファイル化できます。 オプションです。-before、-afterオプションがにくいです。 読み上げているところです。 タイトルが表示されて、それを読み上げていきます。 speech newsはプラグイン機能を使っており、Googleニュースに限らず音声読み上げできます。後は読み上げた内容をMP3にすれば歩きながら、通勤しながらニュースチェックができるようになります。ニュースを目ではなく音声でチェックする、そんな新しいライフスタイル
TechCrunch | Startup and Technology News
Infra.Market, an Indian startup that helps construction and real estate firms procure materials, has raised $50M from MARS Unicorn Fund.
より良い UX・UI は地道な検証の繰り返しから : LINE Corporation ディレクターブログ
こんにちは、10 月からも引き続き livedoor Blog 担当の飯田です。 9 月末に livedoor Blog で新しい記事投稿画面β版 (以後β版) を、10 月頭にえもじメーカーという新機能をリリースしました。 この 2 つは開発にさしあたり「ユーザーインターフェース (UI)」や「ユーザーエクスペリエンス (UX)」を強く意識しました。今回はどうやって UI・UX について検証したかを部分的に切り出してカンタンに紹介したいと思います。 ユーザーインターフェース ユーザインタフェース (User Interface) は、機械、特にコンピュータとその機械の利用者（通常は人間）の間での情報をやりとりするためのインタフェースである。 ユーザーエクスペリエンス ユーザーエクスペリエンス（UXと略記されることが多い）とは、ユーザーがある製品やシステムを使ったときに得られる経験や満足な
「このサイトを5秒間だけ見て覚えていることを教えてください」テストが作れる『Clue』 | 100SHIKI
ウェブサイトの印象をテストするときに使えそうなサービスのご紹介（どこかで紹介した気もするが・・・まぁ、いいですか）。 Clueの使い方は簡単だ。 まずはこのサイトでテストしたいサイトのURLを入力する。するとテスト用のURLが作られるので、それを被験者に渡すだけだ。 被験者はそのURLにアクセスすると5秒間だけサイトのスクリーンショットを見せられて、何を覚えているかを記入することができる。 このテストによって、意図していなかったものが記憶されていたり、記憶されていなかったり、といったことがわかるだろう。サイトのリニューアルなどをするときに参考にしたいですな。
無料でできる入力フォーム最適化 アクセス解析＋FormAnalyticsでコンバージョン率アップを狙う！
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
アクセシビリティ検証ツール「WAVE」 | Accessible & Usable
「WAVE」には、オンライン版、Firefoxアドオン（ツールバー）、Dreamweaver機能拡張（ベータ版）、という3つの形式が用意されています。個人的には、Firefoxアドオン（ツールバー）を愛用していますが、開発/検証環境やシチュエーションに応じて、使いやすいものをチョイスすればよいでしょう。 数あるアクセシビリティ検証ツールの中で、「WAVE」の特長を挙げるとすれば、以下のようなことが言えると思います。 特定の仕様やガイドライン（WCAGやリハビリテーション法508条など）に対する適合性をバリデートするものではない（WebAIMの考えかたとして、WAVEは「goes beyond guidelines」であると謳っています。仕様やガイドラインよりも、実際にサイトを使うユーザー観点からの実質的な検証ができることを重視しているツールと言えるでしょう）。 人力によるアクセシビリティ評
Government 2.0 への4つのポイント
先日、ティム・オライリー氏が Government 2.0 というアイデアを提唱しましたが、彼のいうとおり、公共機関や政府は Web サイトを構築するというよりかは Web サービスを立ち上げる姿勢が必要だと思います。広報新聞やパンフレットを作るというより、Web 上に新たな公共施設を設けると想像すれば良いのでしょう。 オライリー氏記事では幾つか具体的な例も含めて書かれているので、これだけ読むだけでもいろいろイマジネーションは広がりますが、彼の考えるビジョンにたどり着くには何をしたら良いのか考えてみました。 コミュニケーションの隔たりの明確化 SNS でもブログでも何でもいいですが、とりあえず技術を取り入れたものの上手く機能しない場合がありますが、その原因は組織の構成である場合があります。縦割りのコミュニケーションが普通に行われている中、それとはまったく違うコミュニケーションを前提にしたツ
テキストや声をブログやサイトへ音声で埋め込める「AudioPal」【※声注意】
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 声やテキストを音声ファイル化してサイトへ埋め込める「AudioPal」 「AudioPal」は、マイクで声を録音したり、テキストを音声に変換してブログやサイトへ音声プレイヤーとして埋め込めるサービス。世界各国の言語に対応しており、日本語テキストもなかなか流暢に再生してくれます。 サンプル音声 ↑日本語をテキスト（ローマ字）で打ち込んで再生させたもの。声質はこれ以外に女性が４パターンがあります。 テキストを音声にしてみます ↑テキストを音声に変換する場合は、 キーボードのアイコンを選択 ローマ字で日本語の文章を入力 「Language」を「Japanese」に指定 「Voice」を選択 メールアドレスを入力 「Get It!」ボタンを押せばOK その後
Second Lifeのバカ騒ぎを忘れるな 「Twitterでマーケティングをしませんか」に要注意
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
「バナー広告よりテキスト広告が良い」なんて信じる人、もう居ないと思うけど - Feel Like A Fallinstar
「バナー広告よりテキスト広告が良い」なんて話がインターネット初期に語られていました。 バナーはユーザに見飛ばされる（いわゆる”バナーブラインド”） コンテンツに程よく溶け込むテキスト広告のほうがクリックされやすい だから、テキスト広告のほうが良い こんな3段論法ですね。 そんな話を、今でもアイトラッキングツールの検証例や（謎の）ユーザビリティ記事で見かけることがあります。 でも、現実には、こんなバカな話をしてたら大笑いされるのが関の山です。 広告主から見た広告の価値 そもそも「押される広告」に意味がある、というのはPVが稼げればいいという単純な思想に基づいています。 アクセス解析だけでなく、広告効果測定専用のツール、さらには広告と顧客データベースを紐付けたライフタイムバリューの分析までできるようになった今、サイトへの誘導量にたいした意味はありません。 クリックが欲しければ、いくらでも安い枠
ユーザのマウスの動きを保存して再生できるPHP+Ajaxな仕組み「smt」:phpspot開発日誌
(smt) simple mouse tracking // home ユーザのマウスの動きを保存して再生できるPHP+Ajaxな仕組み「smt」がなかなか興味深いです。 次のように、マウスを移動した軌跡を描画してくれ、利用者のマウスの動きを元にユーザビリティ向上に貢献できそう。 smtを使ったデモムービー集ページ mousemove イベントを使って座標をトラッキングさせてデータをサーバに保存、あとはデータを元にタイマーを使って描画するという仕組みのようで、なかなか面白いですね。 アクセスが多いとデータ量も結構なものになってきそうなので、自前でやるしかこうしたデータをちゃんと見ることは難しいのかもしれません。 このsmt は、ダウンロードしてサーバ設置型なので、遠慮なく使えますね。 関連エントリ Yahoo!のアクセス解析ツール「Yahoo! Web Analytics」 ケータイ用高機
ウェブページのカラーコントラストをチェックする -Check My Colours
ウェブページに使用されている全てのテキストと背景のカラーコントラストが充分であるかどうかチェックしてくれるオンラインサービス「Check My Colours」を紹介します。 カラーコントラストをチェックした結果画面 当サイトを試したところ、上記のようになりました。 テキストと背景の判定はスタイルシートから行っているようで、各要素ごとに使用している色とそのサンプル、コントラストが充分かが一覧で表示されています。 テキストが無い箇所や色指定が無い箇所の判定も行うため、一覧は長くなりますが、エラー箇所のみ表示することも可能です。
リスティング広告のCVRど～～ん！！LPOツール「ココマッチLPO」
【重要なお知らせ】 2009年より永らくご愛好いただいた「ココマッチLPO」ですが、2018年4月末をもってサービスを終了いたしました。 LPOで、ホームページ運営の悩みを解決！ ここ数年、「SEO対策で検索順位が上がっても・・リスティング広告を出しても・・ホームページ経由の売上が上がらない・・」そんな声をたくさん聞くようになりました。 理由は明白。訪問者の視点に立っていないからです。 このような状態では、どんなに素晴らしい商品やサービスであっても、売れにくいものです。 訪問者は、欲しい情報に辿り着く前に、ホームページから帰ってしまうからです。 弊社自慢のLPOツール「ココマッチLPO」を活用することで、このような悩みはすべて解決できます。今まで、大企業だけがこっそり使っていたツールを、もっとたくさんの方に使ってほしいと思い、このサービスを始めました。 【ご注意】キーワードターゲティングに
優れたユーザインタフェースを設計する際に考慮する8つのポイント
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
入力フォーム簡易チェックツール
個人情報保護方針 弊社はお客様の個人情報をお預かりすることになりますが、そのお預かりした個人情報の取扱について、下記のように管理し、保護に努めて参ります。 個人情報保護の理念 株式会社クリエイティブホープ（以下、当社）は、ウェブサイトのコンサルティング業務、ウェブサイトの企画・設計・構築・運用業務、映像作品の制作業務、雇用管理業務を事業の核とした事業活動を行っています。事業活動を通じてお客様から取得する個人情報及び当社従業員の個人情報（以下、「個人情報」という。）は、当社にとって大変重要な情報資産であり、その個人情報を確実に保護することは、当社の重要な社会的責務と認識しております。 したがって、当社は、事業活動を通じて取得する個人情報を、以下の方針に従って取り扱い、個人情報保護に関して、お客様及び当社従業員への「安心」の提供及び社会的責務を果たしていきます。 個人情報保護方針 1．個人情報
エンジニアにもわかる「ユーザーインターフェース設計」
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
テキストの配色から視認性をチェックする -Colour Contrast Check
前景と背景のカラーコントラストをオンラインでチェックできる「Colour Contrast Check」をsnook.caから紹介します。 Colour Contrast Check テキストの視認性はカラーだけでなく、サイズや行間なども重要なポイントですが、ここでは前景色と背景色のコントラストを数値でチェックし、その視認度を確認することができます。 使い方は簡単で、左に前景色、中央に背景色を入力すると、右にそのカラーコントラストの結果が表示されます。 項目は上から順に。 Brightness Difference 明度差 Colour Difference 色差 Are colours compliant? 色の組み合わせが良いか、悪いか、まぁまぁか Contrast Ratio コントラスト比 WCAG 2 Contrast Compliant at 18pt or larger WC
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
daremoga.jp
ajaxzip3 - Google Code