タグ

uiに関するalanmarkのブックマーク (14)

  • マイクロソフト - PressPass ホーム - 製品画像ダウンロード

    すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画テレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W

    alanmark
    alanmark 2008/07/26
    標準になるのかな
  • iPhoneサイトを構築しよう--第1回:iPhoneサイト構築で知っておきたい5項目 - builder by ZDNet Japan

    先日、日人開発者向けに「iPhone for Web Developers - Optimizing Web Applications and Content for iPhone」の日語版にあたる、「iPhone向けWebアプリケーションとコンテンツの最適化」が公開された。日でのiPhoneの発売は未定だが、先日発売されたiPod touchにはiPhoneにあるWebブラウジング機能が実装されている。共にブラウザはSafari 3が使われているので、文書はiPhone向けに書かれているが、日でも文書に書かれているガイドラインを参考にしてiPod touchユーザー向けにモバイルコンテンツを配信することが可能というわけだ。(注釈1) ここで「モバイルコンテンツ」という言葉を書いたが、今までの携帯電話を対象にしたモバイルコンテンツと異なるところが、iPhone、iPod touch

    iPhoneサイトを構築しよう--第1回:iPhoneサイト構築で知っておきたい5項目 - builder by ZDNet Japan
  • [JS]jQueryのプラグイン33+1選 -2008年6月 | コリス

    紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 iPod-style Drilldown Menu iPod風に切替わるドリルダウンメニュー。 iPhone Lock Slider

  • たった6行でWebサイトのUIをガラッと変える

    「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、や雑誌をめくるような感覚で、Webページの文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、

    たった6行でWebサイトのUIをガラッと変える
  • 会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ!

    エントリは、20〜40代PCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ

    会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ!
  • 申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【後編】 | カスタマーエクスペリエンスで道は開ける~フォレスター・リサーチのWebサイト方法論

    [コラム]カスタマーエクスペリエンスで 道は開ける ~フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 前回のコラムでは、サイトの目的にかかわらず必要になることが多い、企業サイトの申し込みフォームについて、フォレスターが調査した「なぜ途中で申し込みをあきらめてしまうのか」の概要と、申し込みフォームが使いづらい具体的な原因の1つ「フォームのラベルやボタンの位置やデザイン」とその解決方法を解説しました。 今回は、その続編として、申し込みフォームをより使いやすくするために注意するべき具体的なチェック点や

    申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【後編】 | カスタマーエクスペリエンスで道は開ける~フォレスター・リサーチのWebサイト方法論
  • 検索ユーザーの目線はどう動く Yahoo!とGoogleで違い

    アイレップとジャパンマーケットインテリジェンスは6月11日、Yahoo!JAPANとGoogleの検索結果画面を見ている際のユーザーの目線の動きを調べた結果を発表した。Yahoo!は「関連検索ワード」や「Yahoo!カテゴリ」が注目されており、Googleはサイトのタイトルを最初から最後までよく読まれているという傾向が見えた。 測定は昨年9月から10月にかけ、目の網膜に照射した赤外線の反射を利用する専用機器を使い、無作為に選んだ76人(男女半々)を対象に実施した。 それぞれ、画面上部に検索連動広告が表示されている場合と、表示されていない場合に分けて調べた。 Yahoo!検索で広告が表示されていない場合、目線は「逆L字型」に動く。検索結果の上に表示される「関連検索ワード」や「Yahoo!カテゴリ」を見るために目線が右に動き、その後目線が左に戻り、検索結果サイトのタイトル先頭部分を下まで流して

    検索ユーザーの目線はどう動く Yahoo!とGoogleで違い
    alanmark
    alanmark 2007/06/12
  • 成功するショッピングサイトに必要な17の新常識 | POP*POP

    SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介(あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています)。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格

    成功するショッピングサイトに必要な17の新常識 | POP*POP
  • なつみかん@はてな - ユーザビリティ関連記事 まとめ

  • ビジネスリサーチの心得

    2.ビジネスリサーチの情報収集 デスクトップ調査 の基〜アニュアルレポートなど公開情報から… デスクトップ調査 とは、主にインターネットなどを使用して、公開情報を調査して整理・分析を行うものです。「CIAも収集する情報の95%が公開情報」ということで、情報不足とい… 2021.01.28 2021.05.13 1915 view 5.ビジネスリサーチのビジネスモデル ビジネスリサーチがアウトソースされる理由 ビジネスリサーチを社外に依頼する理由①〜信頼できる人「すべては依頼から始まる」からでも書きましたが、依頼主が社外にリサーチを委託する最大の理由は、事業環境を定点で把握… 2021.01.18 2021.05.13 146 view

    ビジネスリサーチの心得
  • ユーザーの目線を考えることの重要性 | ユーザー視点のウェブデザインガイド | Web担当者Forum

    第1回 サイト訪問者の目線で考える 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか? 今木 智隆(株式会社ビービット) ウェブサイトがビジネスとして成功するための要素は、コンセプト・デザインから細かな言葉遣いに至るまでさまざまであるが、その中でも「ユーザーにしっかりと(見てもらうべき)情報を見てもらう」ことは常に重要な要素の1つに挙げられるだろう。 いくらデザイン(見た目)がよく、コンテンツが充実しているサイトであっても、ユーザーは驚くほどすぐにサイトから離脱してしまうことが少なくない。この

    ユーザーの目線を考えることの重要性 | ユーザー視点のウェブデザインガイド | Web担当者Forum
  • 第26回 どこにメニューをおくべきか,どこが画面の一等地か:ITpro

    Webサイトのデザインの中で,ここ2年で大きく変わりつつある「常識」があります。それは,「メニュー(索引)」の位置と「一等地」の場所です。ユーザーの閲覧環境が加速度的に変化しているという認識の下で,それでも最良のユーザビリティを提供しようとするなら,どのようなことを考えておく必要があるでしょうか。 左メニューと右メニュー(視線との交差)のどちらがベスト? まだモニター画面の大きさが小さかった時代(1995年前後),情報へアクセスしやすくする「メニュー」の位置は,ほとんど誰が考えても左側にあり,議論もされなかったように記憶しています。確実に画面の中に入り,ユーザーも基的に左端にさえ注意を向けていれば,大切な情報にたどり着けるという「暗黙の常識」が存在していたかのような時代でした。 しかしここ数年,メニューが左側にあると当に操作性が良いのかという議論を聞くようになり,大手のWebサイトでも

    第26回 どこにメニューをおくべきか,どこが画面の一等地か:ITpro
  • UI:アプリケーションの世界を描くこと: DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 すこし前に受けたユーザー中心設計エンジニアリングの講義の中で紹介されていた事例がずっと気になっていたんだけど、うまくアウトプットできずにここで書かずに寝かせていました。 実際のモデルと想起されたモデルの相違あるモバイル系のアプリケーションで、実際のシステムモデルとユーザーが頭の中で想起した概念モデルがまったく違ったものになってしまったために、致命的なユーザビリティの問題(使えない!)が発生したそうです。 ユーザーが頭に思い浮かんだ概念とおりに、操作を進めていくと、設定が不完全で来達成すべき目標が実行できないため、「なんだこのシステム使えない!」と思ってしまい、たくさんのクレームが発生し、サービス提供側が想定していたようには利用者も増えなかったということです。 なぜ実際のシ

  • ケータイ文化圏とネット文化圏の深い溝 [絵文録ことのは]2006/10/25

    主にPCを使ってウェブサイトを閲覧している人と、主にケータイを使っていてPCは全く(またはほとんど)使わない人では、たとえ同じページを見ていても、まったく行動や思考形態が違う。「ケータイ族」という言葉もあるが、ネットでの常識はケータイの人たちに通じず、ケータイの常識をネットばかりの人は理解していない。 入院中、ケータイしか使えない状況で4か月を過ごし、強制的に「ケータイ族」にならざるを得なかったのだが、そこで「ケータイ文化圏」と「ネット文化圏」の違いがわかってきたように思う。 ■ネットユーザーは実は特殊な人種 このブログを見ているような人は、おそらく、PCからアクセスして、ブラウザでウェブサイトを閲覧し、Yahoo!Googleを使って検索して自分で調べ物をできる人たちだろうと思う。そして、それくらいのことは当たり前にできることだと思っているかもしれない。 しかし、そういった人たちは、実

  • 1