أنظمة التصميم
تجربة المستخدم للمؤسسات
إمكانية الوصول
KONE: نظام تصميم مشترك لمنتجات رقمية عالمية
مصمم منتجات أول، عبر VML Finland
السياق
تخدم منتجات KONE الرقمية عملاء في أسواق كثيرة. ومع مرور الوقت بنت فرق مختلفة الواجهات بطرق مختلفة، فلم يكن لدى المصممين والمطورين مصدر مرجعي واحد، وصار الحفاظ على الاتساق صعبًا.
ما قمت به
قدت العمل على نظام التصميم من جانب VML: مكتبة المكونات، وهيكل الرموز التصميمية، وإرشادات إمكانية الوصول، والتوثيق. كان الهدف نظامًا تستطيع فرق التطوير البناء به بنفسها، دون الحاجة إلى مصمم عند كل قرار.
النتيجة
أساس مشترك من المكونات والرموز التصميمية، مع إرشادات إمكانية الوصول مكتوبة داخل المكونات نفسها بدلًا من تركها لكل فريق.
- العميل
- KONE
- عبر
- VML Finland
;%20}%20.cls-3%20{%20fill:%20%2323365f;%20}%20.cls-4%20{%20fill:%20%23fff;%20}%20.cls-5%20{%20clip-path:%20url(%23clippath);%20}%20%3c/style%3e%3cclipPath%20id='clippath'%3e%3crect%20class='cls-1'%20width='157.65'%20height='37.24'/%3e%3c/clipPath%3e%3cmask%20id='mask'%20x='0'%20y='0'%20width='156.87'%20height='37.24'%20maskUnits='userSpaceOnUse'%3e%3cg%20id='mask0_960_2208'%20data-name='mask0%20960%202208'%3e%3cpath%20class='cls-4'%20d='M156.87,0H0v37.24h156.87V0Z'/%3e%3c/g%3e%3c/mask%3e%3c/defs%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3cg%20class='cls-5'%3e%3cg%20class='cls-2'%3e%3cg%3e%3cpath%20class='cls-3'%20d='M18.61,0C8.33,0,0,8.33,0,18.61s8.33,18.61,18.61,18.61,18.61-8.33,18.61-18.61S28.88,0,18.61,0ZM30.02,15.05c-.83-.56-1.73-1.02-2.68-1.41h0c-2.47-1.08-5.38-1.66-8.33-1.66h-.03s-.03,0-.03,0c-3.04,0-6.1.61-8.74,1.76l8.55,12.87,6.82-10.29c.97.38,1.89.83,2.7,1.39l-9.52,14.36L5.76,12.53c3.76-2.53,8.52-3.74,13.21-3.75,4.61,0,9.21,1.19,12.76,3.68l-1.72,2.59Z'/%3e%3cpath%20class='cls-3'%20d='M156.84,5.42h-6.22v24.87h6.22V5.42Z'/%3e%3cpath%20class='cls-3'%20d='M120.18,16.58h-3.58v-6.28h3.55c1.28,0,2.4.06,2.4,3.13,0,3.27-1.05,3.15-2.37,3.15ZM120.62,5.42h-10.17v24.87h6.15v-8.45h3.99c5.5.01,8-1.06,8.11-8.44.11-7.47-2.53-7.98-8.08-7.98Z'/%3e%3cpath%20class='cls-3'%20d='M140.26,16.58h-3.58v-6.28h3.55c1.29,0,2.4.12,2.4,3.13,0,3.21-1,3.15-2.37,3.15ZM140.7,5.42h-10.17v24.87h6.15v-8.45h3.99c5.39.01,8.07-.97,8.11-8.44.04-7.47-2.54-7.98-8.08-7.98Z'/%3e%3cpath%20class='cls-3'%20d='M96.7,19.3l-4.04-13.89h-7.32v24.87h6.07v-13.62l2.92,10.79h4.31l3.17-10.74v13.59h6.07V5.44h-7.13l-4.04,13.86Z'/%3e%3cpath%20class='cls-3'%20d='M66.29,30.29h17.14v-5.49h-10.92v-4.56h8.76v-4.87h-8.76v-4.57h10.92v-5.38h-17.14v24.87Z'/%3e%3cpath%20class='cls-3'%20d='M64.8,5.42h-6.72l-8.33,10.25-.03-10.25h-6.18v24.87h6.18v-10.17s8.39,10.17,8.39,10.17h7.09l-9.86-12.54,9.45-12.33Z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
'%3e%3cpath%20d='M85.124%2050.7747H106.557V0.760613H85.124V50.7747ZM43.6441%2017.2315L40.9657%2014.0874L52.3875%200.760613H76.434L55.3189%2024.9612C53.5061%2027.0405%2051.9069%2028.5858%2051.1031%2030.1846C50.3612%2026.8269%2048.8154%2023.3091%2043.6441%2017.2315ZM28.0741%2050.7747V39.2546C28.0741%2034.4583%2027.1691%2031.7384%2023.5436%2027.476L0.775879%200.760613H25.0359L40.4036%2018.7235C45.4175%2024.6409%2048.7227%2030.3982%2048.7227%2037.4338V50.7747H28.0741ZM161.954%200.760613C148.093%200.707227%20139.293%2011.6878%20139.293%2024.1071V50.7747H159.928V27.5715C159.928%2023.4159%20161.741%2021.3366%20165.793%2021.3366H180.776V0.760613H161.954ZM146.333%202.67969C140.575%206.3043%20136.148%2014.3009%20136.148%2021.6569C135.614%2021.376%20134.496%2021.3366%20133.217%2021.3366H118.448V0.760613H137.587C140.612%200.714064%20143.606%201.37104%20146.333%202.67969ZM85.124%2050.7747H106.557V0.760613H85.124V50.7747Z'%20fill='%2323365F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_958_3058'%3e%3crect%20width='180'%20height='50'%20fill='white'%20transform='translate(0.775879%200.760742)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
