はじめに
鑑賞者にとって見やすいアートSNSとは何か。
Artl が出した答えは、シンプルで、作品のみが自然と流れてくるアプリであることです。
ビジュアル中心でも、アプリは前に出すぎない
Artl では、ビジュアル中心のUI/UXを取りながらも、アプリ自体が主張しすぎないことを重視しています。
作品を見るための場であって、アプリのデザインを見るための場ではないからです。
そのため、シンプルさと、存在感を出さないUIが大きなテーマになっています。
情報量を絞ると、自然に作品へ視線が集まる
情報量が多いと、ユーザーの注意は分散します。
逆に、余計な情報を削ると、作品に自然とフォーカスが向かいます。
Artl の鑑賞体験は、まさにその前提で作られています。
作品が流れてきたとき、まず作品が見えること。
それが鑑賞体験の質を決めます。
うまくいったポイントは投稿と閲覧の両方にある
現バージョンで手応えがあったポイントとしては、作品の投稿フローと閲覧画面での「鑑賞しました」機能が挙げられています。
見るときも出すときも、作品中心であることが崩れていない。
それがArtlのUI/UXの完成度を支えています。
まとめ
Artl のUI/UXは、シンプルに見えてかなり意図的です。
主張しすぎないこと、情報を絞ること、作品に自然と視線が集まること。
その積み重ねによって、アート鑑賞に向いた空間が作られています。
.webp%3Falt%3Dmedia%26token%3D07157508-3732-40bc-bf3f-38287d6b7d7a&w=3840&q=75)

.webp%3Falt%3Dmedia%26token%3D16b0b80d-d68b-44ba-8a3a-6c9b66fdfb05&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dfb55f636-4239-430c-8fde-40b6c82f6220&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Db27a3c65-d4b1-40e4-bb8e-637dd53f8b26&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D9ce46ad3-a8e3-435f-9dfb-52b380cdecb8&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dbd233a50-88e0-4239-8d8b-96ae14edad23&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D6d43fa04-8ec3-43ee-ad60-fd7a99a4076c&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D3398ff6c-8880-4b7d-a6f3-7cc5d2216b75&w=3840&q=75)





.webp%3Falt%3Dmedia%26token%3D6ca2c2ef-9413-4453-b992-55b66b11ed54&w=3840&q=75)


.webp%3Falt%3Dmedia%26token%3D900f385d-12a2-449b-8d1e-83a57cef0088&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D0e802fb0-2dda-44a7-bf80-5d39019635ba&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D3fb3dc66-ecca-402e-8fb8-fbec9407f7f5&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Ddb21d760-e1ed-4ec2-af28-3462041e31b5&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dcce7bd72-f11e-4292-86bf-e6ccf3e7bf32&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D457ff920-e0df-4ff5-95eb-e29f74b73823&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D8156de16-c210-4d7b-b365-425eaa9f33e8&w=3840&q=75)

.webp%3Falt%3Dmedia%26token%3Da7c14698-1b08-4fea-89c6-f77a9121f4c5&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D899eeefd-f4c9-44a6-9ec2-3ced0b223ffd&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dca25fa6b-e233-43f7-90c3-e68e4c5b0bc5&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D7f18e5f1-cfda-4148-ab86-b3d2e6547262&w=3840&q=75)