Yknot 開発ブログ

BtoB・BtoEサービスのクチコミサイト「Yknot(ワイノット)」の開発ブログです

Yknot(ワイノット) を支える技術

こんにちは!エンジニアの内藤 (@kakipo) です。

ディレクター 1 名、デザイナー 1 名、エンジニア 1 名の小さなチームでYknot(ワイノット)というサービスの開発、運用を行っています。

この記事では Yknot(ワイノット)で利用している技術やサービスについてお話いたします。 前半は技術的な内容を中心に、後半は運用が楽しくなる便利なサービスをご紹介いたします。

基本に忠実に、そして良い外部サービスは積極的に利用することを心がけています。

小規模チーム開発におけるシステム構成の参考になれば幸いです。

続きを読む

Yknotステッカーをつくりました!

こんにちは、Yknot のプロデューサー宮田です!

Ykontステッカーをつくったよ!

Webサービスのノベルティの定番、ステッカーを作成しました!

f:id:yknot:20141217125606j:plain

欲しい人はお気軽にお声がけください!プレゼントします!郵送も可!

ちなみに、利用したネットプリントはデジタさんです。

デジタのクチコミ/評判/導入企業 | Yknot(ワイノット)

発注した感想をクチコミしました

もちろん、感想をYknotにクチコミとして投稿しました!

今回は他のネットプリントも検討したんですが、調べてみたらかなりお得だったんですよね。デジタさん。

かなり安い。ノートPCに1年半くらい貼っていていてもキレイなまま。/デジタのクチコミ・評判 | Yknot(ワイノット)

ただ、↓ここに書いているとおり、大きさや形状によっては台紙のカットができませんでした。

小さいサイズのステッカーでは「台紙カット」が利用できない。/デジタのクチコミ・評判 | Yknot(ワイノット)

手渡しする分には台紙があっても問題ないのですが、イベントなどで「Take Free」な感じで配布するにはやっぱりちょっと格好悪いなあと。

次回ステッカーをつくるときには、台紙カットできるデザインにする or 他の印刷会社さんも検討してみようかと思います。

最後に

みなさんの会社ではどこのネットプリントを利用していますか? もしよろしければ Yknot にクチコミを書いてみてくださいませ!

ネット印刷・オンラインプリントの主要サービスの一覧/まとめ/比較 | Yknot(ワイノット)

サービス名「Yknot(ワイノット)」の由来とは?

こんにちは、Yknot のプロデューサー宮田です!

今回は趣向をかえて、「Yknot」というサービス名の由来を紹介します。

「Yknot」というサービス名の由来

f:id:yknot:20141203183008p:plain

  • 「Y字の結び目(knot)」と「Why not?」をかけています。

  • 「Y字」は「サービス提供企業」と「導入済の既存ユーザー」「導入を検討している未来のユーザー」の3者(3本のライン)を表しており、それを当サービスが「結ぶ」という意味です。

  • 「Why not?」は、「Can we try #slack in our team?」「Sure! Why not?」みたいな感じの、相手の提案に対する「いいよ!もちろんさ!」的な意味です。

  • ビジネス系サービスを扱うのでロゴの「Y」はネクタイをモチーフに

まとめ

ステキな由来ですね!(すみません)

それでは、引き続きサービス改善に努めてまいりますので、今後も Yknot をよろしくお願いします!

現場の声で選ぶ、法人向けサービスのクチコミサイト | Yknot(ワイノット)

クチコミ投稿画面のUIを改善しました(先週の機能追加・UI改善)

こんにちは、Yknot のプロデューサー宮田です! 先週の(11/17〜21)の主な機能追加・UI改善などを紹介いたします!

「クチコミ投稿画面(Step 1)」のUIを改善しました。

今回は、「クチコミ投稿画面(Step 1)」を改善を詳しく紹介します。

実際のページはこちら ↓

Before

Before(静止画)

ユーザーさんに「広大な海原に放り出された気持ちになった」という意見を受けた、改善前のクチコミ投稿「クチコミ投稿画面(Step 1)」の画面です。

f:id:yknot:20141125135411p:plain

うーむ、言われてみれば確かに……。

Before(動くとこうなる)

サービス検索窓はインクリメンタル検索になっており、これは「気持ちいい」と好評だったので残すことにしました。

f:id:yknot:20141125135718g:plain

After

After(静止画)

もう「広大な海原に〜」と言われない為に、「サービス一覧」をここにも表示することにしました。

f:id:yknot:20141125135417p:plain

After(動くとこうなる)

サービス名をクリックすることで、「STEP2(導入者 or 利用者の選択)」「STEP3(投稿画面)」 へと進むことができます。

f:id:yknot:20141125141640g:plain

インクリメンタル検索は残ったまま

もちろん、今までどおりに検索もできます。

f:id:yknot:20141125140900g:plain

検索を開始すると「サービス一覧」は非表示になりますが、「掲載中のサービス一覧を探す」ボタンをクリックすることで再びサービス一覧を表示することができます。(検索窓を空欄にすることでも表示されます)

未掲載サービスの追加もできるよ

「検索しても書きたかったサービスが出てこなかった!」そんな場合は下記のような手順で未掲載サービスの追加が可能です。

f:id:yknot:20141125141651g:plain

ユーザーさんは、サービス名を入力して、公式サイトのURLを入れるだけでOK。あとの情報は Yknot のスタッフが人力で補完します。

また、STEP1のページ最下部にある「掲載されていないサービスのクチコミを書く」ボタンからもサービスの追加は可能です。

最後に

いかがでしたでしょうか。 こんな感じで地味ながらも、着々と改善をすすめています。

もし「ちょっとクチコミ書いてあげてもいいかな」と思った皆様、ぜひぜひ新しくなったSTEP1の画面から投稿をよろしくお願いいたします。

クチコミ投稿(Step 1) | Yknot(ワイノット)

それでは、何卒何卒ー!  

Googleの「モバイルフレンドリーテスト」をやってみた。またはビジネス系サイトのスマホ最適化について

モバイル版の検索結果に「スマホ対応」というラベルが

おはようございます! Yknot のプロデューサーの宮田です。

今朝(11/19)、Google ウェブマスター向け公式ブログで下記のような発表がありました。

Google ウェブマスター向け公式ブログ: 検索ユーザーがモバイル フレンドリー ページを見つけやすくするために

Flash などを使用していない」「ズームしなくてもテキストを読める」などいくつかの条件をクリアすると、下記のように「スマホ対応」というラベルが表示されるそうです。

詳しい条件は上記のリンクをご参照ください。ちなみに、ラベルが追加されるのはモバイル版の検索結果のみとのこと。

f:id:yknot:20141119093458p:plain

また、今日現在は日本語版の検索結果には反映されていないものの、しばらくしたら反映されそうですね。

Yknot で「モバイルフレンドリーテスト」やってみた

さて、ではこのスマホ最適化できているのか否かのチェックですが、こちらの「Mobile-Friendly Test」のページでチェックできます。

URLを入れて Analyze のボタンを押すだけなので、とても簡単です。解析自体はちょっと重めですが、よほど長いページでなければ1分もあれば終わるかと思います。

先ほど Yknot でも試してみました。

f:id:yknot:20141119085155j:plain

f:id:yknot:20141119085200j:plain

Awesome!!

やっててよかったモバイル対応

ビジネス系サイトにとっては悩みどころ

一般向けのサイトであればスマホ最適化は当たり前ですが、ビジネス系サイトではモバイルから閲覧するユーザーがあまり多くないため、予算との兼ね合いもあり、まだまだスマホ最適化に力を入れられることが少ないように感じています。

Google の「スマホ対応」というラベル表示がずっと続くかはわかりませんが、今回の仕様変更が、ビジネス系サイトのスマホ最適化が進むターニングポイントになるかもですね。

ちなみに、Yknot もビジネス系のサイトなので、やはり開発前は「スマホ最適化は必要か?」の議論はなされました。仕事中にスマホで検索するかねーと。

利用シーンなどを考えて、結論としてはスマホ最適化することになったのですが、やはりモバイルの比率が少ないビジネス系サイトでは悩みどころですね。

ちなみに、Yknot のモバイルユーザー比率は、今朝の時点で 31% です。公開してまだ3週間ほどなのであまりあてになる数字ではありませんが、思ってたよりけっこう高めです。

最後に

BtoB・BtoEサービスのクチコミサイト「Yknot」では、ビジネス系サービスのクチコミを募集しています。

現在約200のサービスが掲載中ですが、Yknotに未掲載サービスへのクチコミも投稿することができます。(足りない情報は運営が人力で補います)

「うちで使っている◯◯はスマホ最適化してていて便利!」などのクチコミを書いてもいいんですからね・・・?

ではでは、何卒何卒ー!

現場の声で選ぶ、法人向けサービスのクチコミサイト | Yknot(ワイノット)

11/10(月)〜 11/14(金)の機能追加・UI改善点

こんにちは、Yknot のプロデューサー宮田です!

先週の11/10(月)〜 11/14(金)の主な機能追加・UI改善などを紹介しいたします!

クチコミの掲載基準を強化しました

f:id:yknot:20141118191433p:plain

のっけから機能追加でもUI改善でもないやつですがご容赦を。

クチコミの掲載基準の「掲載拒否の対象になるクチコミ」に、下記の3つを追加しました。

  • 個人の感想が含まれていないクチコミ
  • 実際に導入または利用したことがないサービスへのクチコミ
  • 企業や担当者の目線ではなく、一般消費者目線のクチコミ

書く側にとってはちょっとだけ厳しくなりましたが、「各サービスの公式サイトを見ればわかるような情報」では、価値を提供できないと思っています。

クチコミを見に来た人が、本当に参考にできるよう、質の高いクチコミが集まる場所づくり、がんばります。

クチコミの「チラ見せ」の範囲拡大

f:id:yknot:20141118191451p:plain

Yknot は「自分が使っているサービスのクチコミを書けば、他のサービスのクチコミが見れる」という仕組みのクチコミサイトです。

しかし、クチコミを書かなくても見れる「誰にでも公開状態のクチコミ」も用意されています。これまでの仕様では、この公開状態のクチコミは、各サービスにつき1つづつしか用意されていませんでした。

新しい仕様では、各サービスへのクチコミ投稿者のなかで「もっとも評価の高い人のクチコミ」が誰にでも公開状態になりました。

ちなみに、この「評価が高い」というのは、投稿したクチコミに対して「参考になったボタン」が押された回数を基準にしています。

「日本語表記ルールブック」を購入しました

f:id:yknot:20141118193128j:plain

LIGさんの下記のブログを読んで、購入しました。

感嘆符・疑問符の後に全角空白(スペース)が必要になる理由と、Webメディアの表記ルールについて | 株式会社LIG

クチコミの審査などに役立てていきたいと思います。

日本語表記ルールブック

日本語表記ルールブック

先週追加した主なカテゴリー

ユーザーさんから「クチコミを書きたい!」と要望のあったカテゴリーを、少しづつですが増やしています。 先週追加したカテゴリーを紹介します。

※ ちなみに、Yknotではここから未掲載サービスにクチコミを書くこともできます。ご活用ください!

ネットリサーチ・マーケティングリサーチの主要サービスの一覧/まとめ/比較 | Yknot(ワイノット)

ストックフォト・素材集の主要サービスの一覧/まとめ/比較 | Yknot(ワイノット)

人材紹介エージェント向けサービスの主要サービスの一覧/まとめ/比較 | Yknot(ワイノット)

サイト監視・エラー監視の主要サービスの一覧/まとめ/比較 | Yknot(ワイノット)

IaaSの主要サービスの一覧/まとめ/比較 | Yknot(ワイノット)

VPSの主要サービスの一覧/まとめ/比較 | Yknot(ワイノット)

今は Tech 系のカテゴリが多くなっていますが、徐々にそれ以外のジャンルも増やしていきますので、もう少々お待ちを!

最後に

今週も良いサービスを目指してがんばります!

それでは今後も Yknot をよろしくおねがいします!

クチコミの投稿も、何卒何卒ー!

現場の声で選ぶ、法人向けサービスのクチコミサイト | Yknot(ワイノット)

 

11/6(木)〜 11/7(金)の機能追加・UI改善点

こんにちは、プロデューサーの宮田です!

いま「Yknotの開発ブログをはてなブログではじめました」の記事を書いています。

ただ、記事がそれだけでは寂しいので、先週の11/6(木)、11/7(金)に追加した機能・改善したUIなどを紹介しておきます。

11/6(木) の改善点

検索機能を導入しました

f:id:yknot:20141109231905g:plain

インクリメンタル検索になっており、Yknot に掲載されているサービス名とカテゴリ名がサジェストされます。

11/7(金) の改善点

検索のUI、ロジックの変更

主にモバイルでの検索窓のUIを変更しました。あわせて、検索のロジックも調整を行いました。

f:id:yknot:20141109231856g:plain

グローバルナビに「サービス一覧」のリンク追加

11/6(木)の検索窓の追加によりグローバルナビから消えていた「サービス一覧」のリンクを復活させました。

f:id:yknot:20141109232801p:plain

マイページの「愛用しているサービス」の表示をかっこ良く

行間も詰まっていて、かっこ悪かったので、それなりにかっこ良くしました。

Before

f:id:yknot:20141109232753p:plain

After

f:id:yknot:20141109232747p:plain

最後に

このブログでは、こんな感じで機能追加・UIの改善などを紹介していきたいと思います。

機能やUIについてのご意見・ご要望があれば、ブコメなどでお気軽に教えてください!

それでは、今後ともYknotをよろしくお願いします!

現場の声で選ぶ、法人向けサービスのクチコミサイト | Yknot(ワイノット)