[B! UI] ayami238のブックマーク

これだけは押さえておきたいアプリのUXを改善する10の方法

アプリエンジニア。株式会社マイナースタジオ所属。主に扱っているプログラミング言語はSwift、Ruby、PHP、Python。イカが好き。ユーザーにストレスなくより良いユーザー体験を提供するためには、細部のUIデザインにも気をつけなければいけません。今回はこれだけは押さえておきたいUIデザインを紹介します。 1. エラー時は問題の解決方法も載せるたとえば、ネットワークエラー時などには「ネットワークに接続できませんでした」と表示するだけでなく、「ネットワークに接続できませんでした。Wi-fiの設定を確認のうえ、もう一度お試しください」というようにエラーの解決につながる方法を明示した方がより親切です。 2. 画面をスワイプで戻れるようにする iPhone6, iPhone6 Plusがリリースされ、最近では大画面のデバイスが増えてきました。片手操作の場合、画面上部にあるボタンに届かないと

ayami238 2016/03/18

リンク

イケてるUIのデザインパターンを集めたサイト「Design Patterns on CodePen」 | ライフハッカー・ジャパン

「Design Patterns on CodePen」はイケてるUIのデザインパターンを集めたサイトです。CodePenというHTML、CSS、JavaScriptのコードを共有することができるサイトがあります。その中から、特に優れたUIを集めたのがこのサイトになります。その場で実行され、動作の確認もできますし便利ですね。以下に使ってみた様子を載せておきます。まずDesign Patterns on CodePenへアクセスしましょう。「ボタン」「メールフォーム」「ページング」「タブ」などのUIパーツごとにカテゴライズされています。詳細はこのように表示されます。コードが上部にあり、下部にそれを実行した結果が表示されます。コードを書き換えるとリアルタイムで結果も変わるので便利ですね。気に入ったUIを見つけたら、その作り方を参考にしてみましょう。ぜひUIを考える際にもご活用ください。 D

ayami238 2014/10/11

リンク

Nyle Engineering Blog

OpenAIのWhisper 文字起こし25MB制限を解決するPHP, Laravel, ffmpegを使ったファイル分割の例 OpenAIのAPIを使った音声の文字起こしは、今や多くのアプリケーションで利用されています。この記事では、特にWhisper 文字起こしの25MB制限に焦点を当て、PHP, Laravel, ffmpeg…

ayami238 2014/05/22

リンク

iOS な人が Android アプリを開発するときに気をつけたいこと | SmartNews開発者ブログ

Android の次期バージョン 4.4 の名称が《KitKat》だと発表されました。Android は歴代のバージョンに「アルファベット順のお菓子の名前」を付けていることで有名ですが、今回まさかの企業コラボ。「K」は「Key Lime Pie」になるだろうと言われていたのに、さすがの斜め上です。。着実に進化を続け、いまやスマートフォンの世界シェアの8割近くを占める[1]ようになった Android ですが、多くのサービスは依然として「iOS ファースト」で開発している[2]ように思います。かくいう SmartNews も、まず iOS版から始まり、Android版が出たのはその数ヶ月後でした。そういった場合、「iOS を出して、それがうまくいったら、Android にそのまま移植すればいい」というよう考え方をしてしまいがちなのですが、それでは多くの場合よいものになりません。どうしても

ayami238 2014/05/13

リンク

web・スマートフォンアプリ設計に役立つワイヤーフレームUIキット「18 Free UI and Wireframe Kits」

TOP > Design > web・スマートフォンアプリ設計に役立つワイヤーフレームUIキット「18 Free UI and Wireframe Kits」デザイン制作を行う際にはまず、全体の設計を行うためにワイヤーフレームを使って構成を考えることが多いと思いますが、本物のイメージにより近づけるため、また提案としてクライアントに提出するために、より現物に近いものをできれば作っておきたいもの。そんな時に役立つワイヤーフレームUIキット「18 Free UI and Wireframe Kits」を今回は紹介したいと思います。 webやスマートフォンアプリの設計をスムーズに進めることができそうな、制度の高いワイヤーフレームが揃っています。詳しくは以下 Dribbble – A_better_look.jpg by Chris Bannister 定番のレイアウトのwebサイト制

ayami238 2014/05/09

eb・スマートフォンアプリ

リンク

『デザインは8の倍数でできている』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して「最適な値は存在するのか？」について考えてみたいと思います。少々長いですが、お付き合いのほどよろしくお願いします。ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などのひとつひとつの固まりの大きさ（サイズ）を指します。【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p