タグ

uiに関するyocchi24のブックマーク (91)

  • Components · Twitter Bootstrap

    Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2

  • JavaScript開発ライブラリ - Wijmo(ウィジモ) | Developer Solutions〈開発支援ツール〉 - メシウス株式会社

    帳票・レポート 日仕様の帳票開発に必要な機能を搭載したコンポーネント ActiveReports for .NET ActiveReportsJS 表計算・グリッド Excel風のビューと表計算機能を実現するUIコンポーネント SPREAD for Windows Forms SPREAD for ASP.NET SPREAD for WPF SpreadJS 入力支援 快適な入力を実現する日仕様入力コンポーネントセット InputManPlus for Windows Forms InputManPlus for ASP.NET InputManPlus for WPF InputManJS 多段明細 1レコード複数行&日付表示に 最適なグリッドコンポーネント MultiRowPlus for Windows Forms 戻る コンポーネントセット Visual Studioで利用す

    JavaScript開発ライブラリ - Wijmo(ウィジモ) | Developer Solutions〈開発支援ツール〉 - メシウス株式会社
  • UI/UXが学べる神スライド7選 | Find Job ! Startup

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    UI/UXが学べる神スライド7選 | Find Job ! Startup
  • Almost Flat UI

    Provides extra visual weight and identifies the primary action in a set of buttons

  • 心地よさを目指した布やゴムのようなツクロアのドロワーUI | 株式会社ツクロア

    スマートフォンで見たツクロアのサイトはサイドにナビゲーションが出てくるんですが、心地よさと、片指で展開しやすいユーザーインターフェースを目指して「ぷるんぷるん」動くドロワーUIを自作してみました。 うーん、ちょっと改善したい部分が見えてきた。。 ゴムやカーテンみたいにフニャっと出てきたり閉じたりします。 色々なスマホを試して、Androidでも動く機種はあったんですが、全てではないので現在iPhoneに対応ということにしました。 いかがですか? ぜひ触ってナビゲートしてみてくださいね。

  • UIWebViewにプログレスバーを出すためのモジュールを作りました - ninjinkun's diary

    ninjinkun/NJKWebViewProgress · GitHub UIWebViewにはロードのプログレスを取れるインターフェイスがありません。恐らく内蔵ブラウザを抱えるアプリを作る開発者はみんな困っているはず。少なくとも自分はずっと困っています。いつか実装されるかなと気長に待っていたのですが、いい加減しびれを切らしたので作りました。iOS 7で追加されて速効ゴミになる可能性もありますが…。 なお、このモジュールはプログレスを返すインターフェイスだけを提供するので、画面に表示するにはUIProgressViewなりを使う必要があります。 プログレスバーはユーザーに進捗をほどよくフィードバックするためのものですが、この辺りの機微が結構難しかったです。*1 最終的にはWebKitの実装を参考にパラメータを決定しました。ロードしたbyte数が取れるWebKitとは違い、ロードが完了した

    UIWebViewにプログレスバーを出すためのモジュールを作りました - ninjinkun's diary
  • これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編) | Goodpatch Blog

    先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに! まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で

    これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編) | Goodpatch Blog
  • IAシンキングとは -information architecture- |https://wp.yat-net.com/name

    2013年 04月 19日 IAシンキングとは -information architecture- カテゴリ: IAシンキング タグ:IAサイト構築サイト設計 サイトの設計、情報の整理、SEOUI。Webサイトの構築時に考えるべきことはたくさんありますね。世のWebデザイナーの方やディレクターの方、インハウスの方など、色々な 役割の人がそれぞれの観点から情報を整理したり、競合サイトを調査したりと様々な事をしています。 しかしそれらを行うにあたって明確なフローが決まっているか?と言う割りとそうではなく、多くの人が意識的レベルでそのフローを行なっているのではないでしょうか? それらのフローを意識レベルで行えるということは非常に素晴らしく、欠かすことが出来ないスキルであることは間違いありません。 ですが、プロジェクトに参加するメンバーのスキルやレベルは必ずしも一致しているとは限らない為、ひと

    IAシンキングとは -information architecture- |https://wp.yat-net.com/name
  • UIとUXとの違い、そしてビジネスUXとは何か?

    突然ですが、皆さんはビジネスUXという言葉をご存じですか? 筆者が所属するトゥービーソフト社は韓国でトップシェアを持つUXソリューションプロバイダーです。3年前に日に上陸後、日を代表する大手企業を中心に業務システムでUX(ユーザー・エクスペリエンス)を実現してきました。 当社では、UX開発プラットフォーム「XPLATFORM」を開発・販売していますが、既に20,000社を超える法人で稼働するまでに至りました。さらに、昨年開催したビジネスUXカンファレンス2013では、460名もの申し込みを頂き、盛会にて終了することができました。 このように市場ではUXの注目度が向上し、ビジネスも格的に動き始めたといえます。 そこで、日エンジニアの皆さまに情報システム部門の方にビジネスUXの概要、プロジェクトの運営方法、国内外の事例や検討のポイントなどをお伝えしたく、コラムを連載させて頂くことに

  • フラットデザインについて @maka_velicom が思う6つのこと。 / Maka-Veli .com

    フラットデザイン、流行が止まりませんね。国内サイトや記事でも、以前にも増して見かけるようになりましたし、TLでもよく議論しているのを見かけます。iOSもフラットデザインに~みたいな話もあったり、TwitterBootStrap3.0もフラットデザインですね。そんな僕もロゴ変更時にフラットチックにしていますし。個人的にもけっこう好きです。なんで好きなのかと言うと、「色」が好きなんです。色そのもの。というわけで、以下、個人的に注意している点です。 あ、始めに言っておきますが、このブログデザインがフラットデザインの正解だ、なんて当に1mmも思ってません。むしろ前のデザインにむりやり組み込んだこのデザイン、これでフラットデザイン語るなんてヤバいです。勉強し直す自戒も含めて、書かせて下さい。そして読んでくれた皆さま、心より御礼申しあげます。 英語圏と同じにしない テキストで大胆なタイポグラフィ

  • Modern UI のようなフラットデザインを目指して使いづらくなっている件について | DevelopersIO

    Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル(ボタン)とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。 一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x から刷新したデザインになりました *2。2013年4月現在の最新バージョンである4.2(Jelly Beans)もこの流れを踏んでいます。 両者ともそれまでの Web2.0 と呼ばれていた頃に流行ったグラデーションやドロップシャドウをふんだんに使ったデコラティブなデザインに対し、平面的で装飾要素の極めて少ないミニマルなデザインが特徴です。これらは主に Flat UI と呼ばれ、2012年頃から現在

  • IA の再定義とフィルターバブル

    World IA Day 2013 での考察。フィルターバブルから考える、IA(インフォメーション・アーキテクト)が引き受けるべきもの。 'Colosseo' by Cameron Moll, 2009 IA を再定義する意図 先月開催された World IA Day 2013 のテーマは、「情報アーキテクチャの価値体系を探求・拡大する」であった。これは「IA(インフォメーション・アーキテクト)という職業的アイデンティティを再定義する」と言い換えることができる。 IA とは、情報を整理し組織化する職種である。しかしその技能を通じて、情報の受信側にどのような価値を提供するかまでは、はっきりと定義されていない。だからその裁量は、一人ひとりの IA に委ねられていることになる。 実は IA の再定義というテーマは、こうした問題を認識してもらうために、すこし意図的に設定されたものであった。 このよ

    IA の再定義とフィルターバブル
  • ビビッドな色使いが目を引く、フラットなUIデザインのアプリまとめ | Goodpatch Blog

    Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 14(無料) カテゴリ: ニュース, エンターテインメント 販売元: DevHD – DevHD Inc Website RSSフィードリーダーのFeedly。メインカラーとして鮮やかな黄緑を使っており、カテゴリー部分では色を多用しています。慣れればどのカテゴリーかぱっとわかりそうで良いですね。 Infomatic Website Infomaticは自分のTwitterやFacebookの使用状況を統計で確認できるアプリ。残念ながら日のアップルストアではダウンロード出来ませんが、青をベースとした配色が綺麗ですね。 Figure

    ビビッドな色使いが目を引く、フラットなUIデザインのアプリまとめ | Goodpatch Blog
  • 25 Tutorials of Advanced User Interface CSS3 Effects

    We all know that technology is evolving like anything and since web browsers are constantly making changes and improving their standards, web developers have to become shrewd and they, too, are constantly trying to adopt the changes. I personally believe that all these changes are positive and this will definitely lead to enhanced support and of course making frontend development time a lot more c

  • JSで蝶を飛ばしてみるなど | fladdict

    今日のスケッチ蝶蝶がいっぱい。 processing.js だいたい理解した。 蝶の群れだけど、boidというよりは、perlin noiseによるフォースフィールドの復習。 定番ですがperlin noiseで作った雲状bitpmapのR値とG値を、XY方向の気流の力として適用する・・・ってアレです。 リハビリリハビリ。 ここ数年こういうコード書いてなかったので、すごい腕が落ち込んでる。 スムーズな方向転換系アルゴリズムを作れないうちに時間切れ。 昔は2〜3時間あれば作れたのに・・・ジジイになったってことか。 ところで、processing.jsの現行バージョン、tint()関数が壊れてませんかね? フォグでZ-Depth的表現しようとしたら、どうにも動かない。 1日1〜2時間、プライベートの時間にちょこちょこ作って一気にリハビリしたい。 Daniel Shiffman師父の、インタラク

  • 日本のスマホサイトは2年間でこんなに変わった (1/4)

    スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ

    日本のスマホサイトは2年間でこんなに変わった (1/4)
  • UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary

    一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア

    UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary
  • 【第2回】仕事情報検索サイト【ジョブセンス】スマホユーザーテスト結果まとめ|U-NOTE【ユーノート】-イベントまとめプラットフォーム

    前回の【第1回】yahoo!天気とウェザーニュースタッチユーザテストの評判が良かったので、第二弾を実施致しました。 週一回実施を目標に頑張っていきます! さて、今回も弊社のUIscopeというユーザーテストが早く・安く・簡単にできるサービスを利用して、お仕事情報検索サイト『アルバイト/求人情報【ジョブセンス】』のテストを勝手に実施しました。 サイト名:アルバイト/求人情報【ジョブセンス】 URL:http://j-sen.jp/ TOPページは下記のようなデザインです。 必要最低限の情報量にすっきりまとまっており、使いやすさが見て取れるシンプルなレイアウトになっています。明るい水色でキャラクターがいる事により、男女問わず親しみやすいデザインです。 ページ全体画面 全体的にもボタンのサイズも余裕がある為、誤打が少ないよう作られています。 一発検索とエリアから段階的に探す2通りの検索方法が

  • ECサイトのコンバージョン率を3倍にする21の簡単な方法

    1.決済ステップをビジュアル化して遷移率をアップECサイトの一般的な法則としてカートから決済完了までのページ遷移数は少なければ少ないほどコンバージョン率が高い。極端に言えば、一つのページで商品の確認から決済までいければベストだが、多くの場合それは難しい。 従って、上の画像のように決済完了までのプロセスをビジュアル化しよう。これがなければお客様は「購入に時間がかかる」と感じて離脱してしまう。もちろん、簡単に購入できるように決済プロセスを出来る限り簡単にしておくことが重要だ。 2.購入ボタンを2カ所に設置して誘導率向上『ランディングページのコンバージョン率を5倍にする21の簡単な方法』でご紹介している通り、CTAボタンの「場所」「大きさ」「色」はコンバージョン率に大きな影響を与える。ショッピングカートでは、ファーストビューとページ下の2カ所に購入ボタンを配置することでユーザビリティが上がり決済

    ECサイトのコンバージョン率を3倍にする21の簡単な方法
  • UX に真面目に取り組める組織づくりについてのスライドを公開しました - つきあたりを右に

    と、いうわけで転職しました 来の職種は相変わらず 「前例の無い事をなんとか形にして」をなんとかするデベロッパとしてですが、 「UX Developer として組織的に UX とかそういうの強くして」というのも兼任しております で、入社して1週間経って、早々と「じゃあ、出来る UX デザイナー/ディレクター/エンジニア を社外から引っ張るとか、採用募るとか、属人性の高い他力願にしないで、組織として体制を整える方向で行きましょうよ」ということで作ったのがこのスライドです このスライドについて 昨今、割とどのソフトウェア・Webサービス開発の現場でも「UI/UX デザイナーを募集します」と求人出しています。 しかし、求人出してるところって、そもそもそういう人材が不在で、受け入れ態勢整ってない事多いのが実情です。 そして、その後どうなるかというと、その人の属人性に大きく依存した働きのみが期待さ

    UX に真面目に取り組める組織づくりについてのスライドを公開しました - つきあたりを右に