モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | モバイルサイト構築のユーザビリティいろは
2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！ モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Armed conflicts and attacks 2024 Israeli military operation in the northern West Bank Mohammed "Abu Shujaa" Jaber, leader of the Tulkarm Brigade, is killed during an Israeli attack against the Nur Shams refugee camp in Tulkarm, in the Palestinian occupied territories. Four other militants are also killed. (Al Jazeera) Iraq–Turkey relations, Kurdistan Workers' Party insurgency Iraq shoots down a Tu
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
【img via tabletop assistant by MattHurst】 優れたユーザーインタフェースとは何か。どのようなデザインを「優れたユーザーインタフェース」と呼ぶのに相応しいのだろうか。 GoodUIというサイトに優れたユーザーインタフェースを実現するために確認しておきたい36項目をイラスト付きで解説していた。とても分かりやすく納得できる内容が多かったので、紹介しておく！ 1.マルチカラムではなく、シングルカラム 複数カラムだとユーザーの目線が左右に逸れてしまう可能性があるため。 2.まずはギフトを渡してみる 最初から買うことを促すよりもまずはこちらから何かを与えることによってユーザーに喜ばれる。 3.似た機能や項目は1つにまとめて表示する 似た機能を分散させる必要はない。 4.ユーザーからの反応を載せる 実際に使っている「ユーザーの声」を参考に買い物をする人は少なくない
Once the reserve price is met, Sedo automatically bids on your behalf up to your maximum bid. Any offer you submit is binding for seven (7) days. Your best offer The current price of citywave.com is . You can place an offer below the seller's listing price, however the seller will only respond if they are interested in negotiating based on this offer.
HOME'S
中立な立場のアドバイザーが条件を整理し、適切な会社をご紹介します。住まいの窓口の詳細はこちら 営業時間 10時〜19時(火・水定休日) ビデオ通話相談を予約
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
This domain may be for sale!
いよいよ昨日に満を持して発売され、サンフランシスコの寒空の下で1時間ほど行列に並んで入手したiPad、入手して丸二日使ってみて、思うところが次第に形になってきたのでレビューを書きたいと思います。 最初にことわっておきますが、ぼくがここに書いていることはバイヤーズガイドではありません。何々をしたいならiPadがオススメ、とかそういう一般ユーザ向けの話はしてないです。書きたかったのは、このiPadという製品から何を感じ取るべきかという、主にデザイナーや技術者など「玄人」向けのこってりしたメッセージとなっていることをあらかじめご了承ください。 事前の所感としては以前にもCNETのパネルディスカッションで述べたことがあるのでそちらを参照してもらうとして、では実際に触ってみてどうか。 やはり、ほんとうに大切なことは実際に自分の手で触ってみないとわからないもんだなぁと改めて感じました。 結論を先にまと
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
首相官邸の公式ホームページが2012年4月2日、リニューアルされた。 これが「お金をかけすぎている」とインターネット上で批判の嵐となっている。増税や公務員削減などが実施されようとしている中、無駄使いではないかという声が多くあがっているのだ。 首相官邸HP、リニューアルに4500万円 ネットで怒りの声 「もっと安くできる」 – J-CASTニュース この記事ですが、ネット上での「高い」という声は一般消費者感覚としては理解出来ますが、Web業界で働く私の周囲のリアルな同業者からも、ネット上の一般の方と同じように「高い」「騙されてる」「金のムダ使い」というような意見が出まして、ちょっと違和感を覚えました。 また一方で、同業の方でも実際このクラスの規模の案件を受託しているような受託業者さん界隈からは「これくらいはかかる」「この金額以下だと受けられない」という声も聞かれました。 私は後者の声に同感で
ヤフオク、ヤフープレミアムの解約に苦労した件
以前は頻繁に利用していたヤフオクですが、ここ数年使っていないので解約することに。 しかしながら、流石はソフトバンク。なかなか解約にたどりつけません。 というわけで、ヤフオク解約画面の煩雑さ、異常な引き止めを紹介したいと思います。 まずはYahooプレミアムの利用明細から解約画面を探してみましょう。 「継続中サービスの確認・停止」ボタンを発見しました。 クリックしてみましょう。 Yahoo!プレミアム会員登録の画面に、「停止する」のボタンが。 ここをクリックすると完了というわけですね♪ ポチっとクリックすると、Yahoo!プレミアムの機能が利用できなくなるという説明。 まぁ分からず解約する人が居てはいけないので、仕方ないですよね。 内容を確認したら、画面をかなり下のほうまでスクロールして、「次へ」をクリックします。 すると、Tポイントの全画面広告が。 解約ボタンは見当たりません。画面の下部に
デジタル庁デザインシステムβ版
デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。
ローソンのプライベートブランドのデザインに賛否両論
LAWSON（ローソン）のプライベートブランド商品のデザインに賛否両論があったのでまとめました。デザイナーの意見、一般消費者の意見、若い子の意見、色々ありますね。個人的には店頭でSNSとかやらない年配の方に意見を聞きたい。かわいいから買いたい？分かりづらいから買わない？みんなはどう思う？
こんにちは！ Amazonほしい物リスト、すごい話題になってますね！ なんでも、メールアドレスで検索すればAmazonに登録してある本名がでてくる (ケースもある) とか…。 で、さっそくぼくも試してみたよ！ ほしい物リストサーチ！ これって、いま話題になっているのは、誰かのメールアドレスを手がかりにして ウィッシュリストや本名、下手すると住所まで知られてしまうってところだよね。 それだけでも面白いんだけど、 あまり注目されていない機能として、こんなものがあったよ。 友だちにほしい物リストについて知らせる これ。 自分のほしい物リストを誰かにメール送信できちゃう機能らしいね！ じゃあ試しにメール送信時のリクエストを確認してみると… http://www.amazon.co.jp/gp/registry/send-nudge.html?ie=UTF8&type=wishlist&__mk_j
先日、Nibbler（ニブラー）という、SEOとWEBマーケティング分析サービスを見つけました。 これを使ってみたら、無料ながら、かなり詳細にサイト分析（改善点の可視化）が行える素晴らしいツールだったので紹介です。 Nibblerとは Nibbler – Test any website Nibblerとは、フリーのウェブサイトテストツールです。 アドレスを入力するだけで、アクセシビリティ、SEO、ソーシャルメディアテクノロジーなどの観点から、ウェブサイトをクロールして、レポートを出してくれます。 加えて、適切な改善提案を示してくれるので、提案に従ってサイトを修正すれば、かなり良いサイトに仕上がるのではないかと思います。 Nibblerを英和辞典で調べてみると、「少しずつかじる（小動物）」、「打抜き切断工具」などという意味があります。サイトを細かく分析するツールという意味もあるのだと思いま
自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選 | 人手に頼らないWebサイトの戦略的品質管理指南
Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日本アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介 数百ページ～数万ページというWebサイトでは、人的な検査だけですべての問題点をチェックするのは実質的に不可能に近い。また、ページ数が少なくても、チェック漏れがあっては意味がない。 自動チェックツールを利用することで、問題点発見とその解決へのスピードは格段に上がる。現代のWebサイトでは、理想的な品質管理を実現するには、何らかのツールの利用は必須だともいえる。 最も効率良く診断できる専門ツール手前
20の優れたAjax効果*ホームページを作る人のネタ帳
[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
Selected Entries 文章を書いたらチェックしたい17の項目 (09/18) Categories WORKS (594) 講座 (236) game (153) BOOK (373) computer (23) iPhone&iPad (2) MOVIE (48) music (38) News Dig (23) PLAY (136) publication (52) web (20) web game (26) すごいよ！ (45) カード (15) ゲームをつくろう (3) ゲーム実習 (14) コックリさん (11) 気になるの (109) 写真 (24) 日々 (128) 萌え発想 (32) Archives August 2017 (1) April 2017 (1) December 2016 (1) November 2016 (1) October 2016
【2024年8月】レンタルサーバーおすすめ10社を徹底比較！ 人気ランキングも PR 最終更新日：2024年08月16日
スタバは怖いな。
238 名前：名無しさん必死だな :2011/07/14(木) 12:58:26.59 ID:wI4klYkj0 スタバは怖いな。 続きを読む
リンク Wikipedia ディスレクシア ディスレクシア（英語: dyslexia、ディスレキシアとも）は、学習障害の一種で、知的能力及び一般的な理解能力などに特に異常がないにもかかわらず、文字の読み書き学習に著しい困難を抱える障害である。失読症、難読症、識字障害、（特異的）読字障害、読み書き障害、とも訳される。発達性読字障害（DRD; Developmental reading disorder）とも呼ばれる。1884年にドイツの眼科医ルドルフ・ベルリンによって報告され命名された。 2013年に改定された米国精神医学会の診断基準(DSM-IV) 22 users 206
UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイナーは使用する黒の色に注意を払うことで、目が疲れる可能性をある程度減らすことができます。 ピュアブラックの文字や背景 ピュアブラックの文字や背景と白の組み合わせは、ユーザーが文章を長時間読むとき目に不快感を与えることがあり、眼精疲労を招いてしまいます。 白は100％の明度であり、黒は0％の明度です。このように明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになるのです。 この現象を実証するために、暗い部屋で明るい電灯を
ホームページのデザイン本を買う前に見ておくとお得なエントリまとめ 見本サイト数135程*ホームページを作る人のネタ帳
（このイメージは、このブログの記事内容をイメージするもので、実在しません） 先日書店に、ホームページのデザイン集なるものがおいてあったので、買ってみた。 2000円出して買った本ですが、どうも損した気分に陥る。 そんな損した気分に陥る人が他にもいるかもしれないので、ホームページ、及びブログのデザインのインスピレーションをここにまとめておく事にします。 30ブログデザイン 最近話題になったエントリ。 30 More Excellent Blog Designs 良質なブログデザイン30サイトのまとめエントリ。 Simplicity and Whitespace（シンプルと空白のデザイン）からはこのブログデザインが好き。 すごくすっきりしているというのとさっぱりしていて、ちょっとクドイ。 Theocacao Weblogs Which Don’t Look Like Weblogs（ブログのよ
このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく（ないのかよ！！と全力でつっこんでおｋ）今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね＼(^o^)／ 様々なWEBシステムのデザイン よいデザインはデザインをする対象（今回はWEBシステム）のことを知らなければ出来ません。 自分の考えだけでデザインをはじめると、思考の偏った使いにく～いものになってしまう恐れがありますので 必ず調査をしましょう。 そして、何故その要素がそこに配置されているのかを考えましょう。 以下に様々なWEBシステムのキャプチャと 超稚拙で言葉足らずな安易すぎる説明を掲載します。 ですが、掲載されてい
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
各種サービス入退会
各種お手続きにはauIDのログインが必要です。 auID/パスワードがわからない方はこちらよりパスワードの再設定を実施ください。 Login with your auID is required for procedures. If you do not know your auID/ password, click here to reset.（in Japanese only）
もしも、あの会社が駅の券売機を作ったら
任天堂出発地と到着地をなぞると切符が買えるソニーCPUから開発した超高性能マシンが出来上がる(ただし、切符が割高になる)マイクロソフト出発地を入力し、到着地を入力し、出発時刻を入力し、到着予定時刻を入力し、経路を選択し、電車のグレードを入力すると買えるアップル画面内で到着地しか入力出来ないがなんとかなるグーグル「○○から××」と入力すると地図と経路付きで購入する切符の候補を表示するスクエニ指定されたミッションをすべてクリアすると購入できる(途中の駅ですべて昇降するとボーナスがつく)ハドソンマイクで叫ぶカプコン迫りくる凶暴な駅員を跳ね除けた先に切符が置いてあるナムコ切符を購入した後、追加で切符にいろいろなデコレーションを施すことが出来る(有料)コナミ隠しコマンドを入力することで切符を無料にできるコーエー各駅の駅員のステータスを把握して、戦略を練ることでもっとも安い切符を購入することが出来るオ
Audacity is a free, easy-to-use, multi-track audio editor and recorder for Windows, Mac OS X, GNU/Linux and other operating systems. Audacity is free software, developed by a group of volunteers and distributed under the GNU General Public License (GPL). Programs like Audacity are also called open source software, because their source code is available for anyone to study or use. There are thousan
FoursquareのUX・UI改善を書いたところ、創業者に届いて、人事からもメールが来た話 - 灰色ハイジのテキスト
通っていたサンフランシスコのデザイナー養成所Tradecraftの一番最初の課題で、アプリをピックアップして、見知らぬ人に声をかけてユーザビリティテストをして改善のプロトタイプを作って検証するーというものがあったのですが、そのプロセスをこの度記事にまとめてMediumに投稿しました。 するとGoogleのデザイナーが、なんとFoursquareの創業者のDennisにメンションしているではないですか。 Awesome, just shared with the team!— Dennis Crowley (@dens) 2018年3月9日 チームの人にシェアしてくれたみたいで、Foursquareのエンジニアの人からメッセージが届いたり、その日のうちに人事の人から「今ちょうどシニアプロダクトデザイナーのポジションを募集しているんだけど、興味があったら連絡待ってるよ」みたいなメールが届きまし
2019年3月26日に社内で実施した文章力をアップするための勉強会の資料です。プロのライターのようなハイクオリティな文章ではなく、ビジネスパーソンが仕事をする上で最低限機能する上での「上手な文章」を、とても簡単な3つに絞って話をしています。実際の勉強会ではワークもしてもらいました。皆さんもこれを読んで、実際に手を動かして自分の文章を添削してみてください。
iPhone X の Safari における Web コンテンツの表示 - ONO TAKEHIKO - Medium
iPhone X が発表されて間もなく、ディスプレイの「切り欠き」については至るところでちょっとしたイジリ合戦が始まっています。中には実際に信じてしまっている人もいるほど秀逸なものがありまして、それがこちら。 思わずクスッときてしまいますが（笑）、まあ当然こんなことにはなりません。 iPhone X にはディスプレイの上下左右に iOS の占有領域が存在し、それ以外（アプリのタッチイベントを認める領域）を Safe Area と呼ぶようです。Safe Area の外にある上部領域にはステータスバーとして時計やアンテナのインジケータなど iOS のシステムアイコン等が並び、下部の領域には iPhone X で導入された「ホームバー」が存在することになります。 では iPhone X の Safari で Web サイトを表示した場合に一体どのようになるのか？それを Web 上の情報を元にまと
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
popurls® | popular urls to the latest web buzz
UX/UIデザインガイドライン : 小野和俊のブログ
UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
優れたユーザーインタフェース（UI）を実現するチェックリスト36項目
味の素ワールドグルメレポート : 世界の料理レシピ
スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (1/3)
字幕.in | YouTube動画にブラウザ上から字幕を挿入できるサービス
iPad初体験レビュー：江島健太郎 / Kenn’s Clairvoyance - CNET Japan
デザインとグラフィックの総合情報サイト MdN Interactive
首相官邸ホームページのリニューアル構築費用に対して製作者側からの考察
WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト＋2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳
マウスオーバーをデザインする | DesignWalker
Amazonのすごいアクセス解析サービス - ぼくはまちちゃん！
これが無料！？SEO・マーケティング分析ツールの「Nibbler」がスゴい
こどものもうそうblog | 文章を書いたらチェックしたい17の項目
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
今まで文字を読めなかった子がある書体に変えたら読めるようになった！その書体への感想や今後への期待の声が集まる
文字や背景にピュアブラックを使ってはいけない理由
WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
【山田祥平のRe:config.sys】 今こそすべての日本国民に問うIMEのオンとオフ
Audacity: フリーのオーディオエディタ・レコーダー
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
簡単に真似できる文章上達術｜ベイジ社内勉強会資料