Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
What to Upload to SlideShare
What to Upload to SlideShare
Loading in …3
×
1 of 37

Standardizing UI for LINE Service Admin Pages

1

Share

Download to read offline

Akihiko Okazaki
LINE / Front-end Standardization Team

LINEでは数多くのサービスがあり、それぞれに管理画面があります。サービスや機能拡張に伴い多様化し続ける管理画面において、高速なリリースと一貫したユーザ体験が課題になっていました。それを解決するためにUI標準化プロジェクトを立ち上げ、Bootstrap 4.1をベースとした LINE独自のCSSツールキットkoromoを開発しました。

このセッションではkoromo開発の背景や独自コンポーネントの紹介、どうしたらできるだけ多くの人に使ってもらえるのかについてお話しします。

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Standardizing UI for LINE Service Admin Pages

  1. 1. HOW CAN WE STANDARDIZE UI ON THE LINE SERVICE MANAGEMENT PORTAL? Front-end Standardization Team OKAZAKI Akihiko
  2. 2. About me OKAZAKI Akihiko Front-end Engineer LINE corporation @okazou
  3. 3. Many services
  4. 4. Many admin pages
  5. 5. Problems Production SPEED Consistent UX
  6. 6. UI standardization project
  7. 7. What is koromo? LINE CSS toolkit for Admin pages Based on Bootstrap 4
  8. 8. Why Bootstrap? * https://ashleynolan.co.uk/blog/frontend-tooling-survey-2018-results#css-frameworks The most popular Various components Engineer friendly*
  9. 9. TIPS for popularization 1,600+ employees 30% foreign collegues
  10. 10. Project naming
  11. 11. Versatile Easy spell Accessible Story Memorable Unique Good project name
  12. 12. Project logo
  13. 13. Easy distribution
  14. 14. Practical example
  15. 15. Visual documentation
  16. 16. Various examples Quickly update Minimum sentences Good visual document
  17. 17. TIPS for popularization Project name + logo Visual documentatio n
  18. 18. And more Sketch symbols Vue components Collaboration
  19. 19. https://getbootstrap.jp
  20. 20. THANK YOU

×