UXとは何ぞや？ UXを高める武器を手に入れよう！ ― 開発者は、いかにユーザー・エクスペリエンス（UX）と付き合うべきか ―
連載目次 ◇本連載の趣旨 ユーザー・エクスペリエンス（以下、UX）とは、大ざっぱにいうと、ある製品（アプリケーション）をエンド・ユーザーが使った際に経験する「楽しさ・心地よさといったプラスの感情」を、（エンド・ユーザーに提供する）価値として重視するコンセプトだ。具体的には、見た目のみではなく、使い勝手や信頼性などの側面を重視した設計を行い価値を実現する。（UXの詳細な定義については後述）。そのUXが注目されるようになって久しい。が、UXの定義や意味するところ、もたらされる恩恵は、一般の開発者レベルまで伝わっているだろうか。 開発者にUXについて尋ねると「UXはデザイナーの仕事（なので、自分には関係がない）」というような意見を持っている方に出会う。本当にUXに関係のない開発者がいるのだろうか。 アプリケーションに対するエンド・ユーザーの不満を例に、不満の原因が誰の責任か見てみよう。 これら、
スマートフォン時代のWebサイト制作 第1回 スマートフォン対応の重要性とその方法 | デベロッパーセンター
iPhoneに始まり、さらにここ数年で様々なAndroidケータイが登場し、日本でもスマートフォンが普及し始めています。それにともない、企業サイトやECサイトを、スマートフォンブラウザーで利用するユーザが着実に増えてきています。世界規模でいえば、2012年頃にはスマートフォンの販売台数がPCを超えるという予測もあります（ITU, Mark Lipacis, Morgan Stanley Research.2009 資料PDF ）。これはビジネス的に考えて、「まだ様子を見て、対応しなくてもよい」とはいえない状況でしょう。そこで、本連載では「スマートフォン時代のWebサイト制作」をテーマに、スマートフォン対応に必要となる考え方、Dreamweaverを使ったスマートフォン対応のテクニックなどを解説していきます。第1回目となる今回は、スマートフォン対応サイトを制作する前段階について考えてみましょ
ウェブサイト設計の時に役立つ7つのテクニック／【その4】ウェブライティング (ユーザビリティ実践メモ)
ウェブサイト作成時に役立つ7つのテクニック、第4回はウェブライティングについて取り上げます。ウェブ上で文章を書く際には、紙媒体とは違った独特のルールが存在します。ルールの観点を押さえて、読んでもらえる文章を書くためのポイントをお伝えします。 ファーストビュー 関連性 具体性 ウェブライティング ←今回のテーマ リンクの装飾と配置 目線の操作 他サイトでの慣習 「ウェブサイトに有益で魅力的な情報を載せているのに、何故か成果が出ない。」そんな経験をお持ちの方もいらっしゃるのではないでしょうか。ウェブサイトでは紙媒体に比べ、可読性が著しく低下します。もしかしたらウェブサイトに適した文章の書き方になっておらず、「有益で魅力的な情報」であることが伝わっていないのかもしれません。 第4回では「ウェブライティング」をキーワードに、メッセージを伝えるための3つの観点をお伝えします。 「ウェブライティング」
Illustrator template for iPhone design | User Centred
I recently worked on a couple of user experience specifications for mobile applications with Adobe InDesign and Illustrator and, while I found many resources for Omnigraffle, I couldn’t find anything for Illustrator. Most of the stuff I found was for Omnigraffle. I never particulary liked Omnigraffle , so I sticked to Illustrator and Indesign. There are some visual design templates available on th
Webサービス開発で知らないと損する！登録フォームでユーザーを逃さないのために必要な5つの手法
Webデザイナーや開発者さんは、いかにして多くのユーザーに途中で断念することなく、登録を完了させてログインしてもらうかということに、日々頭を悩ませている人もいらっしゃると思います。 この記事では、最近のWebサイトやサービスに見られる、ユーザー登録のための導線手法を紹介します。ぜひ、新しいサービスを考える際に参考にしてください！ Don't miss it!。 手法1. モーダルダイアログを使う ※イメージは、ゲッティ イメージズのものです。 モーダルダイアログとは、↑のようなページの上にページを重ねたような効果を言います。実はアレは、カッコいいだけではないのです。 この手法では、別にユーザー登録ページを設ける方法に比べて、ページ遷移によって利用者の意識が外に移ることがありません。 また、利用者には、目的のゴールが後ろに透けて見えている状態になるので、いつでも元のページ帰れる安心感があり、
ウェブサイトのユーザビリティを改善する 7つの方法 | Startup Dating [スタートアップ・デイティング]
Mashable 日本語訳記事は、株式会社gumi の提供でお送りします。株式会社gumiは、拡大著しいソーシャルゲーム業界において、高い技術力と強固な運営体制をもとに、スマートフォン／フィーチャーフォン向けにゲームを提供するSAP（ソーシャル・アプリケーション・プロバイダ）です。我々は、日本はもちろん全世界に向けて、次世代のエンタテインメントを提供するリーディングカンパニーとして、グローバルNo.1を目指します。エンジニアをはじめ多数のポジションで絶賛採用中です。 All reproduction of the Mashable content is licensed by PARS International. (c)2011 Mashable, Inc. All rights reserved. 【翻訳 by Conyac】【原文】 Web ユーザー向けのコンテンツを書くことには独特
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
ハーバード大学で最も学生に人気のある授業とは？：日経ビジネスオンライン
アメリカ最古の大学、ハーバード大学構内にある、こちらも最古の建築物、メモリアルホール。そこに、講堂と劇場を兼ねた古式豊かなサンダーズ・シアターがある。「NHK ハーバード白熱教室」をご覧になった方には、マイケル・サンデル教授が「正義」の授業を行った場所としてお馴染みであろう。 2006年春、約1200人収容のその大講堂を所狭しとハーバード・カレッジ（学部に相当）の学生たちが埋めていた。講義の最中、ノートを取るためにパソコンを打ち込む音が聞こえるほかは、おしゃべりをする声も携帯をいじる音も一切せず、一心に講義に聞き入るために大講堂がシーンと静まり返っていた。 当時、ハーバードで一番の人気授業だったタル・ベン＝シャハー講師によるポジティブ心理学の講義の一風景である。 それより遡ること4年前、ハーバード大学大学院を卒業したばかりのベン＝シャハー氏は、同大学で先駆的にポジティブ心理学の講座を開講し
Firefoxがピンチ シェア低下、人材流出、Google契約打ち切りで【湯川】 | TechWave（テックウェーブ）
[読了時間：２分] 米ZDNetが人気ブラウザFirefoxの今後を憂う内容の記事を書いているので、内容を簡単に紹介したい。「Firefox faces uncertain future as Google deal apparently ends（Google 契約打ち切りでFirefoxが不透明な未来に直面）というタイトルの記事で、それによると今年はFirefoxと同ブラウザを開発・運用するモジラ財団にとって散々な年だったようだ。 まずブラウザ市場でのFirefoxのシェアが低迷し始めている。調査会社NetMarketShareの調査によると、2009年12月には25.02%あったFirefoxの市場シェアが2011年11月には22.14％にまで低下。一方で、Googleが独自開発したブラウザChromeのシェアは4.71%から18.1％にまで上昇している。来年早々にはChromeがF
あまり知られていないGitのTips - アジャイルSEを目指すブログ
思い浮かんだGitのTipsを列挙してみました。 gitのコマンドをで補完する git-completion.bash を入れると、でコマンドの補完が効くようになります。 また、PS1の設定を行うと現在のブランチ名が常にbash上に表示されるようになります。 （Windowsの場合、msysgit は標準で入ってます） contrib/completion/git-completion.bash - GitHub インストール方法（引用） # To use these routines: # # 1) Copy this file to somewhere (e.g. ~/.git-completion.sh). # 2) Add the following line to your .bashrc/.zshrc: # source ~/.git-completion.sh # # 3)
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
HTML5に踏み出せない人に捧げる、HTML5を使う10の理由
HTML5、使ってますか？ このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 Top 10 Reasons to Use HTML5 Right Now [ad#ad-2] 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ 5. インタラクション 4. ゲームの開発 3. 古いブラウザのサポート 2. スマートフォンへの対応 1. これからはHTML5 10. アクセシビリティ HTML5は「セマンティック」「ARIA」の2つの理由でサイトをアクセシブルにします。header, footer, nav, section, adiseなどのような要素はスクリーンリーダーにもコンテンツに容易にアクセス可能なようにします。また要素にrole
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe - Photoshop 1.0 パッケージ捜索プロジェクト
FASE #01
Account Suspended