若者のウェブアプリ離れ - NZ MoyaSystem
どうも、海外就活生のはっしーです。 自称プログラマとして、たまにはIT系のネタを。 現在、現役の大学生たちと一緒に、プライベートでウェブアプリを開発運営しています。大学生向けに、不要な本を無料で譲渡しあえるプラットフォームとしてのサービスです。 テクスチェンジ 先日、この広報および運営を担当してくれているメンバーが、こんな報告をしてきました。 「はっしーさん、Facebook ログインと Twitter ログインが使えません！」 くだんのウェブサービスには、SNSのアカウントと連携してユーザ登録できるボタンを用意しています。なんでも、大学構内で新規ユーザ登録を呼びかけたところ、この機能がうまく使えなかったそうなのです。 「なにかバグがあるってこと？」 「いえ、Facebook や Twitter の アカウントをもっていても、パスワードを覚えてなくてログインできないんです」 ｴｯ!? (
UI設計の土台になる考え方-インテリジェントネット社内勉強会
社内勉強会で使用したセミナーのスライドです。 UI設計そのものというより、その前の土台となる考え方について講義しました。基礎の基礎のものです。 Read less
Jリーグはスマホで見づらいサイトが多いなという日頃の印象を確認するため、淡々とスクショを撮ってみた件。 : スポーツ見るもの語る者〜フモフモコラム
Jリーグはスマホで見づらいサイトが多いなという日頃の印象を確認するため、淡々とスクショを撮ってみた件。 Tweet Share on Tumblr カテゴリ:サッカー 2014年09月02日12:57 字が小さくて読めぬというジジイへの入り口！ 今日は前々から気になっていたことについてです。僕は最近スマホをいじることしか出来ない人間となっています。朝起きれば枕元のスマホをいじり、会社に行けばトイレでコソコソとスマホをいじり、歩いているときもスマホをいじり、家に帰ったらテレビを見ながらスマホをいじる。せがれをいじるかスマホをいじるか、その二択の生活です。 そんなスマホ生活の中で、時折感じていたことがあります。それは「Jリーグ情報はスマホで読みづらい」ということ。別にJリーグの話だけを調べているわけではないのですが、バズっている話題についてウェブサイトを見に行ったとき、「読みづら！」「小っさ！
WebエンジニアのためのWebサービスデザイン実践講座
DeNA 社内勉強会に呼んでいただいて、お話させていただきました。 Reviewに登場していただいてるサービスはこちらです。 動く小説投稿サイト Denkinovel by @katryo さん http://denkinovel.com/ ご協力ありがとうございました( ˘ω˘)
AngularJS Material Design components | DevelopersIO
車輪開発大好きおたいがです。こんにちは。（挨拶） 昨日、Google のエンジニアリングディレクター兼 AngularJS のマネージャーである Brad Green 氏が発言しました。 Working on AngularJS Material Design components. It's early days, but follow along at http://t.co/oreooTAatu pic.twitter.com/gWQPCgHtp3 — Brad Green (@bradlygreen) July 3, 2014 「AngularJS 製の Material Design コンポーネント開発に取り組んでいます」とのこと。早速デモサイトを覗いてみました。もちろん AngularJS 製です。 デモサイト https://material.angularjs.org/#/
Stripe: 支払フローのアニメーションの工夫 - ワザノバ | wazanova
https://medium.com/p/3d1b0a9b810e 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約5時間前 StripeのUI DeveloperのMichael Villarが、同社のサービスの生命線である支払フローにおけるデザイン上の工夫を紹介しています。支払フローはユーザの離脱の可能性が高い箇所なので、ストレスを減らす工夫は効果が期待できそうですね。 1) アニメーションで文脈を補完する gif version | MP4 version 支払のために入力した個人情報を再利用したいときのために「Remeber Me」のチェックボックスが用意されてます。それをチェックするとはじめて、Helpページへのアイコン、「安全のために携帯番号を入力ください。」という入力ボックスがアニメーションで表示
A/Bテストでおかしがちな7つのミス
By Lauren Macdonald 異なる複数のデザインを用意してユーザーの反応を比較することでより優秀なデザインを決定する手法である「A/Bテスト」は、ウェブサイト構築の現場で広く活用されています。そんなA/Bテストを実行する上で、おかしてしまいがちな7つのミスが公開されています。 Seven A/B testing mistakes you need to stop making in 2013 - Visual Website Optimizer Blog http://visualwebsiteoptimizer.com/split-testing-blog/seven-ab-testing-mistakes-to-stop-in-2013/ A/Bテスト専用ツールを提供するVisual Website Optimizer(VWO)は、同社の公式ブログ上でA/Bテストでうまく成
元Huluのグロースハッカーが語る "真のグロース" とHuluで行ったグロースの軌跡 - VASILY GROWTH HACK BLOG
昨日から始まったGrowth Hacker Month。 その第一弾として、Huluのグロースを手がけ、現在は500StartupsでGrowthのメンターをしているAndrei Marinescu氏がグロースハックとは何か、そしてHuluでの自身の経験を話してくれた。 グロースハックって何って方はこちらの記事をどうぞ。 「グロースハック」とは Growthとはなにか？ まず氏は、Growth Hackという言葉の代わりに、単にGrowthという言葉を使った。 Growth Hackというと、小手先のテクニックのようなイメージを持ってしまうが、後に話す通り、それは全く違うからだ。 Growthとは、主に以下の3つの性質を持つものである。 1.多くの領域にわたるものである 2.プロダクト全体に関わるものである 3.スケーラブルなものである 1.多くの領域にわたるとは 具体的に、グロースハック
ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン
さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った
How much does it cost to make an app? - App Cost Calculator
How Much to Make an App Have you ever wondered how much it would cost to develop an app for iOS or Android? This handy app cost calculator will help you: Find out how much your app will cost in under a minute! Get Started → About Z1 Z1 is a digital studio specialized in driving ideas from inception to launch. Understanding each problem is always our starting point to strike a balance between busin
box-shadowで表現する、「セミフラット」なズルいデザインテクニック
box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな
制作前に要チェック！フラットなデザインのいいとこと悪いとこのまとめ
フラットなデザインに限らず、トレンドを知り学ぶことは大切です。 フラットなデザインの良い面・悪い面を知り、どのようなプロジェクトに使うとより効果的か学んでみましょう。 Pros and Cons of Flat Design 下記は各ポイントを意訳したものです。 はじめに フラットなデザインは、最近のデザインの中で大きな流れであることは否定できません。確かに至るところで見かけます。 このフラットなスタイルは、デザインコミュニティでその正当性とスタイルの適用について激しく議論がされてきました。ここでは、そのフラットなスタイルの良い面と悪い面の両方を見てみましょう。 良い面：フラットなデザインはトレンド フラットなデザインは非常にトレンドです、しかしこのトレンドはいつまで続くでしょうか？ もしトレンドに乗るなら、今がこのフラットなデザインを実行する時です。プロジェクトでフラットなデザインを取り
使いこなせばもしや爆速！？ここ最近助けられたチートシート色々を厳選してご紹介！ | バンクーバーのうぇぶ屋
さて、以前このブログではチートシートに関する記事を書かせて頂きました。もう1年以上前の記事になるんですねー。本当時間が経つのは早い物です…。 無くても良いけど、あったら意外と便利なチートシート。得に初心者の間はチートシートと睨めっこしながら色々な技術なりアプリなりと向かい合う事も僕は少なくありません。 しかし、当然チートシート関連もアップデートし続けた方が良い物。いつまでも古いチートシートばかり見ていたら、折角の新機能や便利ツールの存在に気づかず、ぬあーーーー！って成る事もあるやもしれません。 というわけで、今日はここ最近見たチートシート紹介第二弾！チートシートとして手元に置いておけば、いざというとき便利かもしれない物を、比較的新しそうな物から共有させて頂こうかなと思います！ それで行ってみましょー！ OverAPI.com | Collecting all the cheat sheet
フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。
P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く
SEO Japan - 優れた文章を書くための11の賢いヒント
SEO屋の私がいうのもなんですが、サイトのコンバージョンを最も劇的に改善する手法といえばLPO。LPOサービスを自ら始めた位に惚れ込んでいるウェブマーケティング手法ですが、名前や内容は知っていても意外とちゃんと実施したことがないサイトやウェブマーケッターが未だに多すぎることに嘆いている最近です。多変量テストや行動ターゲティングとはいわずとも、A/Bテスト位は定期的にやっていきましょうよ、、ということで、今回は米国カリスマウェブマーケッターのニール・パテル氏が自らの経験を元にA/Bテストで実施するべき項目を11まとめた面白くてためになる記事を。 — SEO Japan 既存のトラフィックからもっとお金を絞り取りたいのなら、A/Bテストの実施を開始する必要がある。少なくとも毎月10,000人のビジターがいるなら、毎月でないにしろふた月に一度は一つ新しいA/Bテストを実施することを検討すべきだ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrap Expo
[CSS]2013年、素敵なアイデア満載のスタイルシートのテクニックのまとめ
GitHub - hail2u/favicon-cheat-sheet: Obsessive cheat sheet to favicon sizes/types. Please contribute! (Note: this may be in flux as I learn new things about favicon best practices.)
https://jp.techcrunch.com/2013/03/30/20130329adobe-launches-blank-an-open-source-fallback-font-you-cant-see/
ColourCode: Color Palette Generator | Toptal®
