「モバイルIAシンキング」、著者の坂本さんから献本いただきました。元々PCのWebサイトの情報設計をターゲットにしていた「IAシンキング」というベストセラー本の第二弾で、モバイルアプリ、モバイルサイトを作る際に必要な情報設計、UX設計について書かれたものです。 坂本さんはネットイヤーグループでUXデザイナーという肩書ですが、前は、IA（インフォーメーションアーキテクト）の専門知識を持ちながらもディレクターという肩書で仕事をされていました。お客さんと折衝をしながら、如何にWebサイトを作っていくかという理想と現実をうまく乗りこなしている生き字引と言えます。 だから多くのWeb制作、Webサービス、スタートアップ関係者、ディレクター、デザイナー、UI/UX界隈の人たちに本書が刺さらないわけがない。 今回のモバイルIAシンキングは、スマホアプリを作る際のプロセスや、画面設計のパターン等が沢山解説
UXデザインのコンサルティングではよく品質優先度マッピングというものを行います。これは開発プロジェクトの上流工程において、実装を検討している機能をリストアップし、そのひとつひとつについて想定する利用者の割合や利用頻度の観点からグルーピングし、実装の優先度を決める作業です。 これを行う目的は、UIをできるだけシンプルに保つことにあります。ユーザーが求める機能をすべて盛り込むと、当然UIは複雑になり、誰にとっても使いにくいものになります。また蓋然性のバランスが取れていない要件はプログラムを複雑にし、バグが増える原因になります。 UIデザインにおけるパレートの法則（結果の大部分は全体の一部によって生み出される）は、「ユーザーの80%は全機能の20%しか使わない」というものです。その20%に注力し他の優先度を下げることで、製品の利便性は向上するはずです。 Core, Important, Nice
この一ヶ月くらいブログを書かずにいたので、リハビリがてら、巷の話題にツッコミを入れる記事から再開。 「奈良市公式サイトのパンくずが斜め上を行くヤバさな件 | Seamonkey-Director」 複数のカテゴリーに含めたいコンテンツが多いと、コンテンツを階層型（ツリー型）で整理するのは難しい。そして階層型のナビゲーションがメインだと、重要なコンテンツが階層の深い場所に置かれてしまうので、たどり着くまでが大変になる。コンテンツが多いとカテゴリー名も抽象的で曖昧なものになりがちだから、望むコンテンツがどのツリーに含まれるのか分かりにくくなる。結果、迷ってイライラすることが増える。だからショートカット的な形で、重要なコンテンツへの経路を手短にまとめたページを作ることになる。そうやって作られた様々な階層構造や経路を「パンくずナビゲーション」として提供すると、このサイトのようになってしまう（これは
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。 リリース直後からの1年2ヶ月の間、ガールフレンド（仮）でUIデザインの運用を担当しておりました。 運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは？ と、なかなか一筋縄ではいかない問題です。 ガールフレンド（仮）デザインチームの場合、1年目～3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。 どう
WordPressは便利です。しかし所詮ブログです。もっと自由な使い方をしたい。そんな願いを叶えてくれるのがカスタムフィールドです。 WordPressの投稿に様々なデータを追加する 例えば、 WordPressでダムの情報をデータベース化したサイトを作りたい。 ダムの写真や、所在地、堤高、湛水量などを管理ページから登録したい。 そんな場合に使うのが「カスタムフィールド」という機能です。 カスタムフィールドどこにあるだ？ 投稿画面の下部にひっそりと存在します。 WordPressをブログとして使っている人はあまり気にしない部分だと思います。 新規投稿画面に表示されない人は「表示オプション」で表示できます。 カスタムフィールドって何だ？ この機能を使うと、投稿に「メタデータ」と呼ばれる任意の「名前」と「値」を追加できます。 要は、タイトル・本文だけでなく、独自の項目を投稿に追加できるという事
■基本 ・記述方法は「the_field()」と「get_field()」の二通り 値の内容を表示したいときは、the_field()を使います。 the_field('my_custom_01'); これで、現在表示している投稿の「my_custom_01」というキーの値を表示できます。 もしif文や変数などで使用する場合はget_field()を使用します。 $hoge = get_field('my_custom_01'); 入力されているか否かのチェックはget_field()で行います。 なので、私の使用頻度としては専らこちらの方です。 ・第二引数で投稿やページを指定することも可能 the_field('my_custom_01', 100); これで投稿IDが100の投稿（もしくはページ）の「my_custom_01」を表示出来ます。 この「the_field()」と「get_
Description Secure Custom Fields (SCF) turns WordPress sites into a fully-fledged content management system by giving you all the tools to do more with your data. Use the SCF plugin to take full control of your WordPress edit screens, custom field data, and more. Add fields on demand. The SCF field builder allows you to quickly and easily add fields to WP edit screens with only the click of a few
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 wordpressをより便利に使う為にカスタム投稿という機能があります。 カスタム投稿とは、従来の投稿とは別にカスタマイズした投稿タイプを用意し投稿することができます。 使用方法はfunction.phpに追加をするのですが、より簡単に扱うため Custom Post Type UIというプラグインが存在しております。 それでは使用方法を インストール 投稿画面のプラグインをクリック Custom Post Type UIで検索 あると思います。（天津風） インストール完了して有効化 投稿画面のメニュー部分にこのような表示が追加されていれば成功！ 使用方法 では、どーやって使うんだよー。って話だと思いますので使ってみましょう。 新しくサイドメニュー追加された『Custom
Description Custom Post Type UI provides an easy-to-use interface for registering and managing custom post types and taxonomies for your website. Custom Post Type UI Extended CPTUI helps create custom content types, but displaying that content can be a whole new challenge. Custom Post Type UI Extended was created to help with displaying your crafted content. View our Layouts page to see available
公開日 : 2014年3月16日 カテゴリー : アクセシビリティ / ユーザビリティ Web サイトのユーザーインターフェース (UI) に「カルーセル (carousel)」と呼ばれるものがあります。文字通り訳すと「回転木馬」という意味ですが、情報 (画像だったり、画像＋テキストだったり) をパネル状に横に並べて、Web ページの幅を超えて隠れている情報も「くるくる」と手繰り寄せて表示できる、という UI です。 Amazon の「この商品を買った人はこんな商品も買っています」が有名な例です。 Amazon (amazon.co.jp) における「この商品を買った人はこんな商品も買っています」のカルーセル また最近では、Web ページのメインビジュアルにカルーセルを採用している例もよく見られます。タッチジェスチャとの親和性が高い (左右方向へのフリックやスワイプで容易にパネルを切り替え
車載もHTML5の時代！車載機器とWeb技術の融合に関する動きをウォッチする 堀裕司 昨今、コネクティッド・カーやスマートカーと言った、キーワードが注目されてきており、車載機器をインターネットに接続し、スマートフォンやタブレットなどのデバイスと連携する車が増えてきました。 特に最近では、自動車のAndroid化を目指す団体Open Automotive Allianceが発足。車載機器とWeb技術、IT技術の融合に関する動きが活発化して、注目度も上がってきています。 html5j自動車部とは html5j自動車部では、このような車載機器とWeb技術の融合に関する様々な動きを追いかけ、ウォッチすると共に、 車載機器に関するプロダクトの最新情報の発信、Webエンジニアと車載機器等の組み込み系エンジニアの方々との技術交流の促進に取り組んでいます。(html5j 自動車部始動！) ※本稿は2014
こんにちは。デザイン部の新免です。 先日リニューアルしたチャットワークのサイトですが、昨年から長谷川恭久さんに参加していただき、サイトリニューアルのコンセプトからコンテンツ作り、デザインなどのアドバイスをいただきながらプロジェクトを進めてきました。そこで、このプロジェクトで学んだことのポイントをまとめてご紹介します。 リニューアルプロジェクトのスタート 以前のサイトをリリースしたのはチャットワークをリリースした3年前です。その当時、まだチャットツールの種類は今のように多くはなく、仕事でチャットを使うということも今のように浸透していませんでした。「仕事でのコミュニケーションはメールの変わりにチャットを使おう」と先進的な働き方の価値をユーザーに与えるために「メールの時代は終わりました」というキャッチコピーでサイトを作成していました。 このような先進的な印象を与えるキャッチコピーは、新しいものを
モバイルアプリのUIデザインで難しいのはターゲットとなるデバイスの画面サイズに様々なサイズのものがあるということです。画面の大きさにはいろいろあっても人間の手や指のサイズはほぼ誰でも同じですから、どんな画面サイズであっても確実に押せるようなUIのサイズというのを把握してデザインしないと大変使いにくいものになってしまいます。 例えばiOSの「ヒューマンユーザーインターフェースガイドライン」では「タッチ可能な領域のサイズを約44ｘ44ポイントにしなさい」とし、サンプルとして電卓アプリの画面が紹介されています。 “Give tappable elements in your app a target area of about 44 x 44 points. The iPhone Calculator app is a good example of fingertip-size control
既存PCサイトのリニューアルや新規のスマホサイト展開などが主流となりつつある昨今。 制作作業のディレクションをする上で先方とのキックオフ時などに既存サイトのログやアクセス解析のデータをいただく様にお願いする事があると思います。 Google Analyticsなどアクセス解析からとれるPV、UU、リピート率などから現状分析をし、サイトのあるべき形を探るプロセスは、多様化するサイト制作の第一歩として必要不可欠なものになってきました。 アナリストでしたら現状分析の名の下に批評だけすれば良いかもしれませんが、ディレクション/コンサルが業務であるのなら現状分析が終わったら次は必ず仮説を立てる必要があります。 この時に気をつけたいのは”まずどの立場で仮説を立てるべきか”です。 まずはクライアント目線で仮説を立ててみよう なぜ、まずクライアント目線で仮説を立てるのでしょうか。理由は”今、手元にある現状
2014-03-07 UXとUIって何が違うの？ And then my kiddo asked, "What's the difference between UX and UI?" #ux #design #ui pic.twitter.com/p2st4sG7NB— Jennifer Aldrich (@jma245) 2014, 3月 4 私は、娘に説明するために絵を描きました。それはピカソじゃないけど、考えが伝わるように見えたの。 What’s the difference between UX and UI? | User Experience Rocks uxanalytics 2014-03-07 11:40 Share on Tumblr コメントを書く 「UX MAP」に登録しよう！ »
アプリ開発のために、UIやUXといったデザインを考えなければいけない。そのためには、正しいメソッドをもとにデザインすることが求められる。THE GUILDの深津貴之氏は、QuadCameraやミニチュア風写真が撮れるTiltShiftGenの作者で、iPhoneアプリを中心としたUIデザイナーだ。 同氏がMOVIDA SCHOOLで語った「デザインを考えるために必要なメソッドとプロトタイピング」についてまとめた。 デザインの本質は「設計」 デザインは、表面的なものをキレイにすることではない。デザインの語源は「設計」であり、ものを整理したり整頓したりすることだ。目的を提案したり課題を解決したりすることが大きな方向性といえる。そのための手段として、ユーザ体験を考えるUXデザインや操作性としてのUIデザイン、情報をわかりやすく伝えるための情報デザインなどがある。 デザインは、センスではなくエンジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く