ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | ベイジの社長ブログ
私たちの会社では長らく、画面設計といえばPowerPointを使い、ワイヤーフレーム（以下、WF）を作っていました。Web制作会社における非常にスタンダードなやり方であったため、ベターな方法と受け入れつつも、例えば以下のような無駄も多く、決してベストではないとも感じていました。 設計者がコーダーに文書構造の意図を説明する時間の無駄 設計者が考えたファイル構造やヘッダ情報を定義するためのドキュメントの無駄 コーディング時にWFやPSD上のテキストをコピペして移し替える無駄 リンク構造や動き、使い勝手を紙面上で表現しようとする努力の無駄 共通パーツに修正が入った時に各ページごとに修正を入れていく無駄 PC用とスマホ用の2種類のWFを作る無駄 更新するたびに新しいWFを印刷する紙の無駄 いずれも工夫次第で軽減できる問題でしたが、意思疎通のための中間成果物の体裁を整えるための多くの時間が無駄では？
ジャストシステムの転職サイト『ピタジョブ』のユーザー行動観察事例。競合ひしめく領域で優先すべき考え方とは？ | ナイルのマーケティング相談室
本記事では、関連したサービスを運営されている方に共通する悩みや課題を発見することを目的として、話題のサイトやモデルケースになりそうなサービスでユーザビリティテストを行った事例を共有します。 今回は、「一太郎」や「ATOK」で有名な株式会社ジャストシステムの転職サービス【ピタジョブ】を対象に課題発見事例をご紹介します。競合性の高い領域において、サービスの特徴をユーザーに認知させるには何が重要かを調査しました。 調査結果では、サービスの強みを打ち出すためにどんなサイトでも気をつけられる以下の課題点が発見されました。 ▼対象サイト ピタジョブ | ぴったりが見つかる転職･就職･求人情報サイト ＼ナイルのサイト改善提案の紹介はこちらから！／ 今回のユーザビリティテストの発見点 発見① ユーザーは自分の求めている情報を的確に・迅速に手に入れることに“しか”興味が無い 発見② ユーザーと同じフレーズや
今から作ろうとしているWebサイトに、コピーライターはアサインされていますか。
ジョンと申します。 1万字を超えてしまいました。 こんなに長い記事を書いたことは過去にありません。でも、ぼくなりの、集大成の記事になったと思っています。 いろんなことを書いていますが、結局ぼくが言いたいことはこの一言に尽きます。 お客さまに寄り添ってコミュニケーションを考えるので、LIGではなく、ぼくに仕事をください。です。 はじめに ぼくはずっとコピーライターとして従事してきて、2014年の暮れにWebディレクターの肩書きを与えられました。そこから数ヶ月、まだ実績がひとつもないにもかかわらず、「Web制作におけるコピーライティングの価値の低さに、ぼくが思うこと。」という記事を書かせていただきました。 コピーライター的思考でWeb制作に貢献できることがあるんじゃないか、という思いだけを吐露したものです。 そうなんです。実績がないので、いま読み返すといまいち説得力に乏しい。だから早いとこ、実
なぜ、スペシャルサイトは必要なのか? 「見せる」から「魅せる」プロモーションへ
企業がコーポレートサイトを持つようになってすでに20年近く経ち、今では中小企業から個人商店まで、多くの事業者が自身のビジネス用のコーポレートサイトを持つのは当り前になっています。さらにここ数年、企業は、特に力を入れたい商品や、企業の認知度を高めるなど、目的特化型のスペシャルサイトと呼ばれる専門サイトを設けるようになってきました。 これから話していくスペシャルサイトとは、従来の「見やすさ・分かりやすさ」に配慮されたコーポレートサイトとは異なり、映像・写真などを大きく使い、音楽や画面演出で世界観を構築し、時にはタレントを使い話題性を作り、サイトに訪れるユーザーにエモーショナルな印象を与えることを目標として制作されたWebサイトです。コーポレートサイトが重視する「情報提供」とは異なり、スペシャルサイトではユーザーの「体験の提供・共有」が重視されることが特徴として挙げられます。 それでは、なぜスペ
10年以上続くサイトを初めてリニューアルして感じた事 | Basicinc Enjoy Hacking!
) 4月1日に10年続くとあるWebサービスをフルリニューアルしました。 リニューアルの目的は、システムが度重なる機能拡張により、必要以上に複雑化してしまい、ちょっとした修正でも非常に時間がかかるので今後、事業のスケールを拡大していく上のが難しくなってきたためです。 特に大きなところですと、スマホサイトがリニューアル前のサイトだと、スマホとPCで機能が完全に分断されてしまっていました。サイトを立ち上げた当初はスマートフォンすらなかった時代なのでしょうがないとは思いますが、これをこれ以上保守していくのはしんどいので、スマホファーストの思想を取り入れサイトを設計していきました。 技術的にも、PHPからRubyに変更して、ELBやS3をとりいれ、Githubベースの運用に変更することで、時代の流れに取り残されていたWebサイトを今風な感じの仕組みへと変更しました。 リニューアル自体はプロジェクト
【Webデザイナー必読】IoT時代のデザイン思考を探る─久下玄×秋葉秀樹 デザイナー対談
【Webデザイナー必読】IoT時代のデザイン思考を探る─久下玄×秋葉秀樹 デザイナー対談 白石 俊平（HTML5 Experts.jp編集長） IoTの時代、それはモノのデザインとWebのデザインが交錯する時代と言えます。 そんな時代に必要とされるデザイン思考とはなんでしょう？モノのデザインとWebのデザイン、そこにある違いは、そして共通するものは何でしょう？ この記事ではそんな疑問の答えを探るべく、この記事では、プロダクトデザインとWebデザインのプロフェッショナル2人を引き会わせて、デザインについて、デザイナーについて、UXについて、Webについて、IoTについて、気になることを全部語っていただきました。 プロダクトデザインとWebデザイン、その境界線から見える景色を、それぞれの分野のエキスパートが語ります。 〜登場人物紹介〜 久下玄（くげはじめ）: デザイナー／エンジニア／ストラテジ
16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL
ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか？ 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 外注を活用したホームページデザインの業務切り出しフロー 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な
レスポンシブデザインの進化はWebの常識を変えるか？ | ゆっくりと…
ある記事 によれば、レスポンシブ Web デザインを採用するサイトの 72% が、デスクトップとモバイルに同じリソースが使われているそうです。またそれらリソースの 60% 以上が画像 という統計や、モバイル用に画像を最適化すれば、データ量を 72.2% 削減できる という調査結果もあります。 ということで、レスポンシブ画像のことを調べていていましたが、その技術進化というか、紆余曲折も含めて色々とある様です。 最新技術を素早く取り入れることはもちろん大事ですが、特に過渡期においては、変化に強いサイトを作るためにも技術の先行きを見極めることが重要です。そこでタイトルのような視点で、これまでの経緯をつらつらと辿ってみました。 自分としてのテーマは、「じゃあ、今、どうするか？」だったのですが…。読んで下さる方の何かに役立つかどうかは甚だ心もとない記事です。 ちなみに今回記事で取り上げた話題について
デザインでWeb制作会社を選んで大失敗！よくある失敗例×7 | ベイジの社長ブログ
やはり好景気の波がやってきているのでしょうか。企業のWebサイトへの投資が活発になっているようで、検索エンジンで上位表示されている弊社には、ほぼ毎日新規の仕事の依頼が舞い込んできます。 とはいうものの、弊社のように有名ではない会社は、コンペで選ばれることが多いです。コンペ自体は、Web制作会社を選定する方法として、理にかなったやり方だと思います。しかし、コンペの選定条件などを拝見して、あぁ、これはWeb制作会社選びに失敗する典型だなぁ、と思うこともよくあります。 特に、デザインカンプ（と見積書）だけでWeb制作会社を選ぼうとする企業は、要注意です。恒常的にWebを活用している企業ならともかく、Webをどう使っていいか分からない、Webにそんなに詳しくない、というような企業や担当者がこの選び方をすると、失敗率がかなりあがります。 実際、私たちへの依頼の中には、過去にコンペをしてWeb制作会社
モバイルファーストは間違いだったのか
最近、海外のスタートアップ界隈では”モバイルファーストは間違いだった”という意見がよくでてきている。 それにたいして、”これからはモバイルだ！モバイルだ！”とずっと言い続けていたTechCrunchのエース記者MG SIEGLERさんとの対談が非常に面白い。 動画はこちら。Mobile First Or Mobile Worst?（英語） この動画で語られている事は興味深すぎるので、出来る限りどんなことを話しているかを紹介するとともに、事の経緯とか、iPhoneアプリを開発している立場として僕の意見も書きまくりたい。 ちなみに、この動画で話しているのは、スタートアップが新規事業を立ち上げる時にスマホアプリから始めるか、それともWebベースのPCサイトから始めるかの話です。 例えばFacebookはWebファーストで、Instagramはモバイルファーストのスタートアップ。 基本的にはサービ
『第一回 全国統一HTML5実力テスト』を受験してみて改めて感じたこと | 秋葉秀樹個人ブログ
これはエンジニア向けのJavaScriptコース、そしてデザイナー向けのHTML / CSSコースの二つの科目（？）があり、それぞれ好きな方を選べるし、両方受験することもできます。 まあ、内容はもちろんここでは書けないけど、結構難しいことから、割と誰でも知ってそうなことまで幅広いので、自分のスキルを試すということで、やってみてはいかがでしょう？
Web制作の見積もりの出し方について改めて考えてみました。 │ モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 最近見積りを作る機会が多く、「フリーランスのための全国Webサイト制作料金表まとめ25個」というまとめ記事をたまたま見ていて、Web制作における見積もりの適正価格と算出方法というものについて考えていました。 Web制作業界はフリーランスの方も多く、価格もそれぞれかなりの差があり、何を持ってして適正価格なのかもよく分からなくなってきています。見積もりの算出方法も異なります。 価格のばらつきもさることながら、Webサイト制作は実際にものがあるわけではなく、無形の状態から完全にオリジナルで作るわけで、お金を出して依頼する方も不安はあるかと思います。 結局、費用に対して割りにあった成果物があれば、依頼者は文句ないわけですが、見積もり段階ではどんなものが出来るのか頭の中にあるだけなので、見積もりが適正なのかも判断
私（Webデザイナー）が効率よく仕事するためにしているコーディング術や検索術
みなさんも仕事の効率化、時間短縮のためにしていることってありますよね？ 私ももちろんいろんな工夫をしているのですが、もっと効率よく仕事がしたいって思っています。 とりあえず、今、時間短縮の為に私がしていることをまとめてみました。 私は毎日 Webサイトを作るために、Photoshop を使ったり、コーディングしたり、調べものをしたり … とにかくいろんな作業をしています。そんな中、もっと時間短縮できないかなー、これって時間の無駄だなーと思うこともたくさんあります。1日は 24時間しかないし、決められた 24時間の中で自分の時間を作るためには、仕事の時間を圧縮するしかありません … X( できるだけ無駄をなくして、早く仕事が終われるように、時間短縮術をマスターしたいと思ってます。コーディングを早くできるようにしたりするものはもちろん、欲しい情報に素早くアクセスできるような工夫など、今私が時間
ウェブ制作にきっと役立つインフォグラフィックのまとめ
内容もさることながら、デザインも素晴らしいウェブ制作関連のインフォグラフィックを紹介します。 ウェブ制作にきっと役立つものから、にやりとするものまでを厳選しました。
2011年2月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル
先月の記事が相当人気でしたので今月もやります。また今月も人気なら来月もやります。 これは Web サービスに使えると思った情報 Web サービスを作りたくなるアイディア込みの記事 今年こそWebサービスを作りたい人に伝えたい５つのこと（＋番外編） – パパパパ この記事は精神からではなく、アイディアから Web サービスを作りたくしてくれる記事でした。私はこの記事を通して以下のことを学んだというか勝手に気づいたのでリストアップしておきますね。 ブログパーツを作って宣伝をする。 自動的に一周するサイクルを考える。 面倒くさいものを作ることで大手に参入されない。 時間を短縮する関係のサービスを作る。 食べログとぐるナビから Web サービスの現在と今後を見る [jp]グルメサイトは転換期に来てるんじゃないかなあという話 この一点に置いて、私は個人的にグルメ系の Web サービスとは誰かが得
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webアクセシビリティが無視されすぎで気にくわない。
ウェブパフォーマンスの基礎とこれから
SEO検索エンジン最適化チュートリアル
designmap.info