yousukeshimizu / TSUMIKI INC.

株式会社つみきで色々とやってます。

読み込みボタンのマイクロインタラクション

「もっと見る」ボタンはいまや標準ともいえるUIパーツです。検索結果に多く用いられ、表示件数が多い時に置かれています。

今回は見慣れたもっと見るボタンにマイクロインタラクションを追加して、よりわかりやすいものに提案してみます。

現状の問題点

よくあるタイプは下記のようなボタンタイプです。

noteのボタンです。
問題点としてはこのボタンを押したら何件分読み込まれるのか分からない点です。【10

もっとみる

chromeのマイクロインタラクション

マイクロインタラクションの記事6回目となります。
今回はにchromeアプリ(iPhone版)ついて紹介していきます。
過去の記事はこちらから。

chromeとは

説明は不要かと思いますが、Chrome はあらゆる端末に対応した、高速かつシンプルで安全なブラウザです。iPhoneではサファリがあるのでインストールしている人は少ないかもしれません。

更新(再読込)のインタラクション

chro

もっとみる

DailyUI #026 - #050 まとめ

#026

ファッションブランドのメルマガの登録画面を想定。期待感を感じさせるような写真のトリミングを意識。

#027

ドロップダウンの見せ方。アップルウォッチでの通知。

#028

お問い合わせ画面。ハードルを下げるための親近感を感じさせるトーン。

#029

カフェ情報とマップの融合。

#030

契約プランの見せ方。選択しているプランがハイライトされる。特に無し。

#031

もっとみる

Bearのマイクロインタラクション

マイクロインタラクションの記事5回目となります。
今回はbearになります。
過去の記事はこちらから。

Bearとは

Bear はブロガーやウェブ開発者、作家から学生まであらゆるタイプのユーザーが絶賛する、高機能かつ集中しやすいエディタアプリです! コンテンツをすばやく作成し、簡単に共有するための整理・編集・エクスポート機能が豊富に用意されています。

ダウンロードして3分くらいでクオリティの

もっとみる

radikoのマイクロインタラクション

マイクロインタラクションの記事4回目となります。
今回はradiko.jpになります。

過去の記事はこちら。
アップル公式の水準器アプリのマイクロインタラクション
NRC(NIKE+ RUN CLUB)のマイクロインタラクション
ヤフオク! のマイクロインタラクション

radikoとは

スマートフォンやパソコン等でラジオが聴ける無料のサービスです。
1週間以内に放送された番組が聴けるタイムフ

もっとみる

DailyUI #001 - #025 まとめ

#001

登録に必要な機能を最低限盛り込んでいます。インテリアを通じたSNSをイメージ。

#002

シンプルな決済画面。

#003

ランディングページ。
カフェを作る時は「MORICARA」という名前にすると決めています。

#004

必要な機能だけに絞った計算機。戻るボタンがあることで操作ミスを復元可能というコンセプト。

#005

夏なので波をモチーフとしたアイコンコンセプト。最

もっとみる