![本当のUXは、「使っていない期間」をどうデザインするかだ! UX侍 × MUJI passport | UXサムライ](https://cdn-ak-scissors.b.st-hatena.com/image/square/76e3e2de9932e6edc8ea3708fda671926cafcf52/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2014%2Fux_samurai%2Fux_samurai03_icon.jpg%3Fitok%3DgM_PFM3a)
こんにちは。メディアサービスカンパニー制作部の佐仲です。 ヤフーではメインの業務に平行して、UIの実装に関するガイドラインを作成する「UI実装ガイドライン分科会」に所属しています。 今回は、その分科会の取り組みの一つとして昨年度発表した「ウェブアクセシビリティ方針」を中心にお話をしたいと思います。 ウェブアクセシビリティってなんだろう? by Jil Wright on flickr. 今回の取り組みをご紹介する前に、ウェブアクセシビリティについて軽く触れておきたいと思います。 みなさんはウェブアクセシビリティと聞いて何を思い浮かべられるでしょうか? 障がい者対応音声ブラウザへの対応上記のような言葉を思い浮かべることも多いかと思います。 私も今回の取り組みまでは「音声ブラウザへの対応」という認識でいました^^; もちろんこれらも間違いではありません。 ですが、ヤフーでは 「アクセシビリティ
元トリマーのWEBディレクター、はるきです。犬の中で1番好きなのはミニチュア・シュナウザーです。 普段の仕事ではクライアント様のECサイト運営を行っておりますが、その際にはサイト分析や広告運用だけでなく、一緒に今後のWEB戦略を考えることがあります。そこで必要になってくるのがマーケティングの視点です。 クライアントのニーズがわかっていなければ、どれだけデザインが美しくても、クライアントが満足するサイトはできません。また、ユーザのニーズを読み間違えれば、サイトは制作側のひとりよがりなものになってしまうでしょう。 WEBディレクターはある意味で「企業」と「顧客」とを結ぶ存在です。そこで今回は、自分の日頃のアウトプットも兼ねて、ビジネスをマーケティング視点で考えるための5つのステップについて考えてみたいと思います。 1. マーケティングの概念を知る 2. ビジネス的な思考力を身につける 3. 因
今更だけど、スマホサイト開発未経験のエンジニアが、スマホサイトを開発して気づいたことやハマったことなどの雑多なまとめです。 対象はiOS, Androidです。 シェア率(日本) 最近の動向など 2014年4月のスマートフォン販売シェア、日本ではiOSがトップ、欧州ではWindows Phoneのシェアが各国で増加(Kantar調査) | juggly.cn Apple、2014年第1四半期において日本スマートフォン市場のシェアを36.6%獲得!ドコモ版iPhoneで大躍進 | gori.me(ゴリミー) 2013年第4四半期 国内携帯電話出荷台数ベンダー別 シェア 2013年第4四半期および2013年 国内携帯電話・スマートフォン市場規模を発表 より iOS, Android共に半々くらいのシェア率で考えれば良さげ。 Androidシェア(世界) iOSのOSは基本的には最新のバージョン
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 アメーバ事業本部プロモーション室の大塚康善です。 プロモーション室では広報や宣伝、企画のほかにゲームのユーザー獲得を目的としたバナー広告の制作や運用も行っております。 本日はTwitterや2chまとめで話題になったボーイフレンド(仮)のバナー広告を例に挙げ、拡散されるための考え方をご紹介いたします。 ボーイフレンド(仮)とは ボーイフレンド(仮)とはユーザーが主人公となり、個性豊かなイケメン達と出会って行く、恋愛カードゲームです。 きっかけはネタ系最初は全て真面目な内容のバナー広告でしたが、試しにクスっと笑えそうなネタ系の内容を入れ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ウェブサイトの制作時で大切なことの一つは、デザインやコードの「ぶれ」をなくすこと。 ウェブサイトを制作する際、プロジェクトに関わる全ての人が参考にできるデザインのスタイルガイドを作成するBootstrapベースのテンプレートを紹介します。 Style Guide Boilerplate Bootstrap Edition Style Guide Boilerplate -GitHub スタイルガイドは作成した時の利点が多く、もしまだ未の人は是非チャレンジしてみてください。 また、もう利用している人には、Bootstrapベースで簡単にスタイルガイドが作成できるので試す価値があると思います。 スタイルガイドを導入する利点 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイト
こんにちは、コプロシステムWebデザイングループのディレクターの石川です。 1/9以来、かなり久しぶりになってしまいました今回の記事は、「シングルページ・デザイン」をテーマにしたまとめです。 「シングルページ・デザイン」とは、Webサイトを閲覧する時に、ページを遷移して閲覧する従来のスタイルではなく、1ページで完結(または、ほぼ完結)しているデザインスタイルのことです。 スマートフォンやタブレットが普及してきた現在ならではの手法なのではないでしょうか。 ここ2~3年、海外の先進的なデザインを取り入れているWebサイトなどからこのデザインスタイルが増え始め、私がトレンドとしてすごく実感したのは昨年下半期くらいからでした。 昨年下半期に、日本国内で新規に立ち上がるWebサービスを見ていると、TOPページのレイアウトを「シングルページ・デザイン」にしているサイトの割合がかなり高い印象だったのです
UXのプロが岡目八目で切り込むのが快感今回、「UXデザインパッケージ」のサービスを体験してみたわけですが、結論から言うと、「さすがUXのプロ」という面と、「まさに岡目八目、外部に頼む価値」という面とがありました。 アドバイスは、現状のWeb担の見せ方をかなり大幅に変えるというものでした。つまり、現状をある意味で否定された形なのですが、それに対して違和感は抱きませんでした。というのも、そうするべきだとして示されている理由が理路整然としていた納得できるものであり、さらに自分でも薄々は感じていた「そうだよね」という部分をえぐられていた内容も多かったからです。 たとえば、アドバイスでは、「移動中などにスマホで友人のフィードで見かけた記事などが気になり、でもそのときは読まずにあとから読む」といった行動にうまく対応できるようにと指摘されています。 これは、言われなくてもわかっているはずのことです(実際
いよいよサッカー ブラジルワールドカップが開幕しますね! サッカーファンのみならず、日本代表の試合は皆さんも注目しているのではないでしょうか。 前回大会から4年間、本田圭佑選手の無回転シュートを修行中のMr.無回転「ソーシャルアプリ事業部ディレクター shuu」と申します。 仕事は無回転じゃありませんからっ!(苦笑) さて、スタッフブログなんですが、サッカー馬鹿としては、サッカーの戦術やトレーニング理念など日々の研究成果(?)について書きたいところなんですが、それだと怒られそうなので、スマートフォンアプリ(ネイティブアプリ)の広告のマネタイズに関して知らなくて困ったことについて書きたいと思います。 自分自身、ネイティブアプリの開発~運用は人生初の経験で、『広告のマネタイズ』というワードすら知らない程、知見が乏しい状況で案件がスタートしました。 現在に至るまで様々な広告業者の方々とお会いして
「サイトを作成したが、思っていたよりも成果が出ていない」「どこからサイトを改善すればいいかわからない」とお悩みの担当者の方が多いのではないしょうか。 成果の出るサイトにしたい場合、まずは段階を踏んで改善をしていく必要があります。 今回はサイト改善で成果を出すためのポイント10選と、活用するべきツールを紹介します。 サイトを改善するためのポイント10選今回は貴社のサイトの成果を改善するためのポイントとして、視覚的なポイントと思考的なポイントに分けて、10のチェックポイントをご共有します。 以下の資料では、2万件以上のデータベースから最短30秒でサイト改善案を手に入れられるツールについてまとめています。無料ですので、ぜひダウンロードしてご覧ください。 サイトのコンバージョン率を改善するためのノウハウを、自動提案してくれるツール「dejam」 1. Webサイトの構成は、一般的なパターンか結論か
2014.05.15 働き方 ここ最近のWeb業界を賑わす、「グロースハッカー」という言葉。pixivのグロースハック術が注目を集めたり、東京・渋谷で早朝グローサソン『Growthengineer Camp』のような勉強会が始まるなど、実践のフェーズを迎えている人が増えている。 そんなグロースハックという言葉を、いち早く日本に持ち込んだ人物がシリコンバレーにいる。米インキュベーターの500 Startupsに参加し、グロースハックツール『AppSocially』の開発・運営を手掛けている高橋雄介氏だ。 高橋雄介氏らがシリコンバレーで提供しているグロースハックツール『AppSocially』 高橋氏は2012年、起業準備のために行ったシリコンバレーで「グロースハッカー」という新しい人材像に感銘を受けたという。その後の同年8月にTechCrunchJapanにてグロースハックの記事を寄稿し、2
HTML5初心者でもWebアニメーションの簡単な作り方が分かる記事11選:Webサイト作成手順を勉強するまとめ(3)(1/3 ページ) 新社会人のWeb制作者/デザイナー向けにAdobe Creative Cloudの使い方を例に、現場で使える具体的な制作手順とテクニックを学んでいく入門まとめ連載。今回はWebアニメーション制作に役立つEdge AnimateやFlash の使い方について。エレメント、シンボル、モーションパスの使い方から、パブリッシュ方法、レスポンシブ対応、音の付け方、Flashからの変換まで、さまざまなテクニックを紹介します。 前々回の「初心者でもPhotoshopの基本的な使い方が分かる入門記事9選」、前回の「HTML・CSS・WordPress初心者のためのDreamweaverの基本的な使い方が分かる記事10選」でWebサイトを作れるようになったら、Webサイトに
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか?」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ(サイズ)を指します。 【第1部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
Webデザイナーのためのマーケティング基礎講座 1. Webデザイナーのための マーケティング基礎講座 Marketing Basic Course for Web Designers 2. ∼自己紹介∼ 名前: 枌谷 力(そぎたに つとむ) 所属: 株式会社ベイジ 職業: 代表/プロデューサー/アートディレクター 略歴: 立教大学文学部史学科卒。1997年∼2001年まで株式会社 NTTデータでコンサル営業に従事。その後、Web業界に転 職。Webデザイナー/Webディレクターとして6年間制作 会社でWebデザインやWebビジネスの提案業務に携わる。 2007年にフリーランスとして独立。2010年に株式会社ベ イジ設立。現在に至る。 Copyright©baigie inc. All rights reserved. 3. ∼本講義のゴール∼ “マーケティング視点”で デザインが見れるよ
どうも〜、こんにちはぁ!もっともっとWebデザイナーとして成長したいライター、のび太です。 さて、突然ですが「Webデザイナーにとって必要な能力ってなに? 」という疑問をもったことありませんか?つい最近フリーランスのWebデザイナーとして飯を食っていくことになった僕ですが、最近ますますその答えが知りたくなりました。 HTML、CSSなどのコードが書ける人?Photoshopでキレイなデザインが作れる人?Webについて詳しい人?いったい「Webデザイナー」ってなんなのでしょうね〜? 僕はこれまでWebデザイナーに関する海外記事を多く読んできましたが、「へぇ〜、Webデザイナーってこんな能力もなんだなぁ〜。」って意外に感じたことが結構ありました。 今回はその中でも特に重要だと思った5つをピックアップしてご紹介したいと思います。 Webデザイナーがスキルアップするために必要な能力5つ 1. 事前
VASILYのグロースハッカー。 グロースハックと検索すると一番上に出てくるブログやってます。 ここでは、グロースハックとかUXとか心理学とか気軽に書いてきます。 Twitter : @kajiken0630 Home Twitter Facebook Growth Hack Blog 参考:7 UX Topics Managers Need to Understand 1.優れたUXを一発で作ることは不可能 UXを作るプロセスは反復的なものです。 一発で優れたUXを作ることは難しく、何回もブラッシュアップをすることで、やっとユーザーを満足させるレベルにまで引き上げることができます。 UXデザイナー、もしくはそれに関わる者の隠れたミッションは、決裁者にこの事実を根気よく伝えること。 そしてもしあなたが決裁者なら、この事実を認識する必要があります。 2.ユーザーインタビューは不可欠
こんにちは。デザイナーの山口陽一郎です。 去る2014年2月19日(水)に、株式会社パソナテック様主催のセミナー「クリエイターのためのトーン&マナー設計」にて登壇させていただきました。 皆さんは「トーン&マナー」という言葉を耳にしたことがありますか?「トンマナ」と略されることの方が多いかもしれません。その説明の前に、ちょっと寄り道をさせてください。 デザインのふたつの役割とトーン&マナーの演出 デザインには大きく分けてふたつの役割があります。 1. 機能性を高める これはユーザーにとって製品をより使いやすくしたり、誤操作の危険をなくしたり、迷わないようにサポートするための役割です。 そしてもうひとつが今回のセミナーのテーマとしてとりあげた、 2. トーン&マナーの演出 です。製品に、それが使われる場にふさわしい属性・キャラクターを付与する役割です。 たとえばレジャーグッズなら「楽しさを想起
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く