Predix UI – Learn From Scratch
A web application has become an inevitable part of every business. With the huge rise in smartphone users, web apps have been providing great opportunities. But how to build a web application? This is a question many business people raise. Even though there are developers and web designing companies to do the job, it is good if you know some basics. Here are ten steps that will help you to create
スクロールは制御するな - Weblog - Hail2u.net
WWD Japanのウェブサイトがリニューアルして、スッキリした見やすそうな印象のものに変わった。しかし実際のところ見やすさは見せかけだけで、ナビゲーションをクリックしても見当違いのタブに切り替わったり、ニュース一覧からニュースをクリックしたら、要約ページへ移動するだけで、本文へはもう一度クリックしなければならなかったりする。中でもひどいのがMobile Safariでの閲覧だ。 このウェブサイトではスクロールをほぼ自前で制御しようとしているため、常にこのようにMobile SafariのURLバーとツールバーが上下にそれぞれ表示され続ける。その上、最上端にロゴとグローバル・ナビゲーション、最下端に広告がそれぞれ固定位置であるので、コンテンツの領域がかなり制限されている。iPhone 5SやSEどころか6+や7+でさえも致命的なのではないかと感じられる狭さだ。 とにかく文書を読ませようとい
確実に良くするUI/UX設計
日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
MIT History | from the MIT Libraries Distinctive Collections
Celebrate MIT’s rich history through the Distinctive Collections of the MIT Libraries. This site will connect you to exhibits, information, and interesting facts about the rich history of MIT. You will find information on a variety of MIT topics: The Institute Information about the Institute including administrative offices, committees, councils, associations, campus buildings and maps, and the MI
UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog
最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは「 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない 」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なのは実装面での考慮事項が網羅されて考え込まれた「 決定力のあるデザイン 」を作る力だと思う。 サッカーで言うと、決定力は「 得点を決める能力 」として使われているけど、UIデザインにおいては「 実装面まで考慮された実装可能なデザインであるか 」という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり
闇雲にディズニー映画みたいなアニメーションを GUI に実装するのはもうやめよう - Qiita
はじめに 本稿は UI Design Advent Calendar 2015 – 9日目の GUI アニメーションに関する記事です。 アニメーションの12の基本原則と GUI ディズニーの アニメーションの12の基本原則/12 basic principles of animation というのがありまして、要はこの原則に沿ってアニメーションを制作すればまるでそれが生きているかのような動きをする、平たく言えばディズニーっぽい動きになる、というものです。http://the12principles.tumblr.com がとてもわかりやすいので、うちいくつかを転載しておきます。 SQUASH & STRETCH ANTICIPATION FOLLOW THROUGH & OVERLAPPING ARCS ビデオ解説：The illusion of life これらを見ただけでも、『あー、デ
「ニコニコ漫画」実現しようとしたUIとその制作工程｜dwango creators' blog（ドワンゴクリエイターズブログ）
はじめまして、ドワンゴでデザイナーをしているぬるぴょです。普段は主にニコニコ静画に関わるデザインを担当しています。 今回、私がデザインを担当したニコニコ漫画というアプリがリリースされましたので、このアプリの制作についてご紹介します。アプリにはiOS版とAndroid版があるのですが、私が主に担当したのはAndroidなので、Android版を制作する上で目指したUIとその制作工程を中心にお話します。 ニコニコ漫画とは？ まずは簡単にニコニコ漫画の紹介をさせてください。 ニコニコ漫画とは、ニコニコ静画（漫画）に投稿された作品をスマホで見られるアプリです。ユーザーが投稿したオリジナルのWEB漫画はもちろん、人気漫画雑誌連載の作品も無料で読むことができます。 独自のマンガ体験 ニコニコ漫画の特徴はこの独自のマンガ体験！ マンガを読むスタイルは２つ用意していて、マンガを縦にスクロールして読む形式と
ZOZO Technologies TECH BLOG
2020-07-01 ZOZOTOWNのインハウス広告運用を支援するデータと仕組みの話 BigQuery データ マーケティング 広告 本記事では、ZOZOのマーケティング部門の広告運用のインハウス化に伴って、これまで取り組んできた広告データの収集と活用、その仕組みにフォーカスして事例をご紹介します。 ZOZOTOWNのインハウス広告運用を支援するデータと仕組みの話 2020-06-29 【オンラインMeetup イベントレポート】ZOZOテクノロジーズの大規模データ活用 イベントレポート GCP Elasticsearch 検索 機械学習 こんにちは、ZOZOテクノロジーズ CTO室の池田（@ikenyal）です。 ZOZOテクノロジーズでは、6/22にZOZO Technologies Meetup -ZOZOテクノロジーズの大規模データ活用-を開催しました。 zozotech-inc
情報がないことを伝えるUIデザイン | UXデザイン会社Standardのブログ
「Empty Data（またはEmpty Status）」というUIパターンがあります。タイムラインやドロワーなどデザイナーであれば知っているUIパターンの名称に比べると、あまり日本では聞き慣れないのかもしれません。Empty Dataは簡単に言うとデータがない時のUIになります（Webでの404に近いですが、少し違います）。では、Empty Dataを知るためにもう少し詳しく紹介していきたいと思います。 参考：モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 Empty DataはUIである Empty Dataはただユーザにデータがないことを示すだけではありません。ユーザにデータが存在しないという情報をフィードバックし、どうしたらここに情報が入るかのアクションに繋げる立派なUIです。もしEmpty DataのUIが存在しなかったらユーザはどのように感じるでし
UIの学習のために生まれたUI | UXデザイン会社Standardのブログ
UIには本来のサービスが成り立つ上で必要な機能に基づいた必須UIの他に、その必要機能についてユーザーに学んでもらうための学習用UIというものが存在します。本来であればサービスに必要なのは必須UIのみだったはずですが、リリース後やリリース前の段階においてユーザビリティテストを行なった結果があまり良くないのであれば改善をすることになります。しかし、UIのどこに課題があるのかの分析と改善には時間がかかり、実装などでも工数が発生することも考えると、より少ない手間で解決する方法が望まれます。今回は、このようなユーザビリティ上の課題を解決するために生まれた学習用UIのパターンをご紹介します。 参考：モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 使い方を学習するためのUIパターン もし新規のユーザーがサービスのコア機能の使い方がわからなければ、サービス自体を利用してくれな
ユーザは神様じゃねぇが、開発者も神様じゃねぇよ？ - 日々の御伽噺
「基本的に運営側がすることが正しいんですよ Webの世界ってそういう論理で動いてるんですよ」理論 ニコニコ静画の2013年11月のリニューアルと良いUIの話 - Togetter 色々話題となっちゃったドワンゴの人の炎上とかそのたもろもろ、自分の意見としては140字以内でもうすぱっと言い切っちゃってるんですが。 ニコニコ静画のUIのお話、ユーザに逐一聴いてもいいもんできねぇよってのは字面だけみれば正しいのだけど、お前らちゃんとユーザがどういうシチュエーションで投稿するのか・イラストを見るのかとかを考えてないのと、どういう変更するのか周知徹底してないから反発されるんだよ。— ぶたさんモザイク (@raydive) 2013, 11月 17 一応ブログ持ってるんだしなんか書くかとキーボード叩き始めてたら、なんだか謝罪とか出てたので面倒くさいし途中まで書いてたこれ引っ込めるかなーとか考えてたんで
スマホUI考便乗（データドリブンによる解決編） - ku-sukeのブログ
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict まだ解決編が本家で出てないのですが、最終的には意思決定の勝負になると思うので、そのアプローチの例。 命題：クソアプリのUI上の問題をどうにかしてマシにしたい さて、問題点は次のとおりです。 ユーザから使いにくいというレビューが書き込まれる 継続率が悪く、ダウンロードしてもすぐアンインストールされる メンテコストの増大で開発スピードが落ちる コードベースが膨れ上がりバグの見落としが増える ということで、なんとなくUIもコードもスッキリさせたいというのが正解っぽい感じします。それでも、ユーザの声や偉い人の言いなりで追加していったようなチームが果たして自信満々に「機能を削りましょう」と信じて進めるでしょうか。なにか武器がほしいところです。 そこで出てくるのが外部コンサルタントです。権威ある
WEB管理画面のテンプレート２２:phpspot開発日誌
22 Awesome Admin Panels For Web Developers | ZoomZum WEB管理画面のテンプレート２２がまとまっていました。 すでに紹介したものもあり、ほとんどが有償ですが、デザインの参考にしたり、１から作るのに比べれば相当安価なので便利だと思います。 管理画面のデザインはちょっと普通のサイトと違うパターンであったりするので学習素材としてもよさそうです。 デザインは奥が深いですね。 関連エントリ CSSデザインの実用的な管理画面テンプレート１０個 管理画面やダッシュボードのハイクオリティなテンプレート色々
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lightning Design System
Elemental UI
访问安全
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
masui / Web時代のユーザインタフェース研究 - Glide
Flat UI - Free Bootstrap Framework and Theme
ウェブの画面設計に使えるまとめ - DesignWalker
