開設ストア数50万を超え、絶好調のオンラインストア開設サービス《STORES.jp》。躍進のウラでリニューアルが行なわれていたのをご存知だろうか。しかも、リニューアルすることで一度離れたのにSTORES.jpに戻ってきたユーザーもいたという。彼らは一体何を仕掛けたのか？ STORES.jpリニューアルの3つのポイント 2016年1月26日に行なわれたリニューアルが絶好調だという《STORES.jp》。特に注力したのがストアオーナーが利用する管理画面リニューアルだそうだ。その結果、アクティブ利用率が15％UP、管理画面の直帰率が50％ダウン、さらには一度STORES.jpを離れたストアオーナーが戻ってくるなど結果がすでに表れている。一体、彼らは何をしたのだろうか。3つのポイントに分けてお届けする。 【1】目的の明確化と開発チームを交えたユーザーインタビュー 【2】キーワードはパーソナライズ

はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基本指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が決められることがありますが、そういうことではないのです。いや実際かっこいいかわいいだとかの感覚は重要なのですが、見た目が何となくそれっぽいだけでは優れた UI とは言えません。磨りガラスでも何でも必ずそこには意味があります。だからこそ HIG に書かれた思想

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行

開湯から１５５有余年 支笏洞爺国立公園指定の 美しき渓谷の湯どころ 札幌中心部から車で約１時間。 慶応２年の開湯から１５５余年。 豊かな自然環境と古い火山帯の 山岳地形からなる森の滴が、 地中深くにしみ込み 大地の熱でつくられた湯どころ。 美しき四季につつまれた 癒やしのひと時をお過ごしください。

ランディングページ向けの縦長ページ、スモールビジネス向けの複数ページ、すべてがミニマルに美しくデザインされたレスポンシブ対応のBootstrapのテンプレートを紹介します。 テンプレートの良さはデザインだけではありません。いくつかダウンロードしてコードを見たところ、クリーンなHTMLでコメントもしっかりしているので、カスタマイズ性にも優れています。 Designstub ダウンロードには、メールアドレスの登録（無料）が必要です。 テンプレートの利用にあたっては、個人でも商用でもクライアントワークでも無料で利用で、クレジット表記は削除しても問題ない、とのことです。テンプレートとしての再配布・販売は禁止です。 詳しくは、ライセンスページをご覧ください。 ライセンスページ テンプレートは、縦長1ページ用と複数ページ用の2種類に分けられています。

機種変更では、このような失敗をする方がとても多いです。 有料オプションを契約させられ料金が高くなった。。 待ち時間や契約時間が長くて、半日かかってしまった。。 キャンペーンや割引がきちんと適用されていなかった。。 スマホを乗り換えるときには、 → おとくケータイ で乗り換えをするとキャッシュバックがもらえます。 スマホの機種変更するときは、 →ソフトバンクはこちら →ドコモはこちら →auはこちら キャリア公式オンラインショップがおすすめです。学割や限定キャンペーンなどがもっとももおとくな時期です。 ?.テクスチャ（パターン）素材のサイト ? フリーテクスチャ素材館／トップページ(Top Page) - フリーテクスチャ素材館／トップページ(Top Page) フリーで利用できるテクスチャ素材が配布されています。木や石、動物など自然系のテクスチャ素材が充実しています。 ? Free Sea

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

パワーポイント等で資料を作ることがあるのですが、自分でも「もうちょっといけてる感じにならないかな」と思うことがあります。 そんなときに頼りになるのがアイコン素材集サイト。今回はその中でも、本当は誰にも教えたくないイケてるサイトをご紹介します。 FLAT ICON DESIGN FLAT ICON DESIGNのなにがイケてるかって、 アイコンのデザインの質が高いアイコンの数・種類が多いタグで探せるサイズや拡張子を選択できる背景有無など1つのアイコンに複数のバリエーションがあるアイコンにしっかりした説明文が書いてある商用利用無料という感じ。すごいです。 ここのアイコンを資料に少し入れるだけで、それっぽくすることができます。 最近ちょこちょこ使うアイコンをご紹介します。 imac風のデスクトップPCimac風のデスクトップPCのイラストアイコン素材です。最近ではWEBページはレスポンシブルデザ

Bootstrapの見慣れた感というか、モック感から脱却しようとFoundationとかに手を出しかけてたのですが、Googleがだしてきたマテリアルデザインキットがすごく良かったので紹介します。 たとえば管理画面風のデザインはこれ ほかにもBootstrap風の上部メニューのデザイン（Android）もあったり コンポーネントと呼ばれる部品も充実しています。これ見るだけで色々できそうな気がしますね！ Blog風など幾つか提供されています。いまとあるサイドプロジェクトで簡易的な管理画面をつくろうとしてたのですが、早速活用していい感じに仕上げることが出来ました。 ダウンロードすると全テンプレートが含まれているので、コピペで組み合わせるだけでも結構いい感じに出来ます。Bootstrapに飽きてきたら、ぜひ使ってみてください。 www.getmdl.io

私たちの誰もが理解する”シンプル”という概念の正体を突き止めることは、難しそうに見えますが、実はそうでもありません。 私たちが製品やWebサイトをシンプルと感じるかどうかの背景には、”見れば分かる”ということだけではなく、単なる直観的な反応にとどまらない何かがあります。 Steve Jobs は次のように述べています。 シンプルであることは、複雑であることより難しい場合がある。物事をシンプルにするためには、思考を整理して懸命に考えなくてはならない。しかし、努力する価値はある。ひとたび達成すれば、山をも動かすことができるのだから。 シンプルにものを作ることにそんなに力があるのであれば、なぜ私たちはそうできないのでしょうか。 なぜシンプルであることは、こうも複雑なのでしょうか。 人生における多くの事柄と同じように、シンプルさには表面的に見えている以上の何かがあります。ここでは、私たちの脳が新し

直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性（Webではクリックですが紙では触るなど）の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も！ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例

UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 今回は350万ダウンロード突破、家計簿アプリの「Zaim」さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim 代表取締役 閑歳 孝子さん。 「Zaim」の近況について 「Zaim」のユーザー数は今どのぐらいですか？ 閑歳： 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。 今までに、ユーザーが大きく伸びたタイミングはありますか？ 閑歳： 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようになって、すごく高齢者と若年層が増えました。 データ

Apple Watchで終焉を迎え、次に幕開けするインフラ時代とは？2015.05.10 22:00 湯木進悟 だれも怖くて書けないんですが……。 ゴールデンウィークはApple Watchをいじり倒して遊びまくった、そんなギズモード読者も少なくないことでしょう。やっぱりApple Watchには大満足ですか？ それとも早くも失望気味でしょうか？ 米GizmodoのAnnalee Newitz編集長は、早くもApple Watchの次にやってくる世界について、興味深いコラムを執筆しています。長く世界をけん引してきた情報通信革命の時代の終焉。その後に幕を開けるインフラの時代とは？ 情報の時代は終わった…インフラの時代へようこそ！ あまり声を大にしては言えないことなのかもしれません。でも、正直にわたしは書いてみたいですね。Apple Watchは失敗作ですよ。別にApple Watchに限った

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

IDEO（アイディオ）とは？ アメリカ・シリコンバレーに本社を置くデザイン・コンサルティング企業。世界9拠点約500名が働くグローバルな組織です。 製品、サービス、環境、デジタルエクスペリエンスなど幅広い分野でデザインを手がけており、代表的なクライアントにApple 、Procter & Gamble(P&G)、ペプシ、マイクロソフト、Eli Lilliyなどがあります。 ティム・ブラウン：創造性と遊び | Talk Video | TED.com デザイン思考の実用性デザインと聞くと洗練された製品やビジュアライズされた広告などをイメージされる方も多いと思います。 今回注目するデザイン思考では問題解決のアプローチ手法としてデザインの考え方をご紹介しています。 デザイン思考を活用する実用例として、組織内での事業課題や製品開発における問題解決にお悩みのマネージャー職の方々やイノベーティブな新規

本気でweb制作を仕事にしたいなら 現場で通用する実践的なスキルを身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら 今回は、web制作時によくある悩み「ワイヤーフレームの作り方がわからない」を解決します。 意外に、ワイヤーフレームの作成方法を詳しく教えてもらう機会は少ないですよね。 そのため、以下のような悩みを抱える人が多くいます。 ワイヤーフレームが何かを知っているけど、いまいちうまくまとめられない。 ワイヤーフレームを作るときの手順が合っているかどうか自信がない。 webサイトの制作過程において、ワイヤーフレームの時点で失敗していると次の工程のデザインも絶対うまくまとまりません。 ワイヤーフレームは、家を建てるときの設計図と同じ役割をします。 適当に作った設計図をもとに家を建てたら、当然、住みにくく崩れやすいもの

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

Anatomy 360は、実在の人間モデルを3Dスキャンによって人体の全身を閲覧可能にするサービスの開発を行っています。そんなAnatomy 360がUnity Web Player対応ブラウザで動作するテスト版として、男女モデルの影や光源の方向などのライティングを設定したり、グリグリ視点を変えて閲覧したりできる「Anatomy 360 Build 1.2」を公開しています。 Anatomy360 Demo - Anatomy 360 https://anatomy360.info/anatomy360-demo/ Anatomy 360 Build 1.2のデモを起動するには、「CLICK TO TRY THE DEMO」をクリック。 読み込みはかなりスローですが、完了後にデフォルトで男性の3Dモデルが表示されます。グリグリ動かすための操作方法を画面上に表示させるには「Controls」

ジョナサン・アイブはスティーブ・ジョブズの最も近い友人であり、iPad、iPhone、iPod,そしてMacBook Airなどのデザインの責任者を務めました。 ジョナサンがデザインしたプロダクトは現在、食事をする時、仕事をする時、旅行に行く時など様々な場面で使われていますが、彼いわく、消費者の99％はアップル製品をデザインするのにかかった苦労を知らないとして、次のように述べています。 「80％の仕事はすべて失敗に終わる。大切なのは良くないと感じたら、すぐに作業を辞める勇気を持つ事だ。ジョブズはいつも口癖のように言っていた。”これで十分か？”、”これが正しいことか？” ってね。」 ↑ジョナサン「アップル製品のデザインにどれだけの想いが込められているか、99％の人は知らない。」(Simon D:Flickr) デザインチームはたった18人の小さ