Sim kartı və prototip arasında əsas UI / UX Dizayn Konsepsiyasının Fərqi

'Simli tel' və 'prototip' şərtləri təcrübəli dizaynerə baxmayaraq bəlkə də anlaşılmazlıq və ya digər səbəblərə görə həmişə dizaynerlər tərəfindən qarışdırılır. Əslində iki termin arasındakı konsepsiya olduqca açıq və fərqlidir. İndi bu iki termini aydın şəkildə ayırd edək.

Şəbəkə nədir?

Wireframe, 3 sadə, lakin birbaşa hədəfə sahib olan dizaynın aşağı sədaqət planıdır:

1. Əsas məlumat qrupunu təqdim edir

2. Quruluşun və düzenin konturunu çəkin

3. Görüş və istifadəçi interfeysinin təsviri

Bir tel simini düzgün yaratdıqdan sonra məhsulunuzun əsas quruluşu olacaqdır. Bir binanın planı kimi, detallı və konkret şəkildə təsvir olunur.

Simli telin vizual xüsusiyyətləri

Wireframe çox açıq vizual məhdudiyyətlər mövcuddur. Ümumiyyətlə, dizaynerlər başa çatdırmaq üçün yalnız xətlər, qutular və boz rəngdən istifadə etməlidirlər (fərqli boz rəng fərqli səviyyəni göstərir).

Sadə vektor tel

Sadə bir sim kartının tərkibinə şəkillər, video və mətn və s. Daxil edilməlidir. Beləliklə, buraxılanlar yerdəyişmə ilə əvəz ediləcək, şəkil əvəzinə kölgə ilə əvəz ediləcək və mətn mətnə ​​uyğun olaraq bəzi simvolik sözlərlə əvəz ediləcəkdir.

Simli telin üstünlüyü

Şəbəkə qurğusu tez və ucuzdur, xüsusən bu UXPin, Mockplus, Balsamiq və Axure kimi prototipləmə vasitələrindən istifadə etsəniz. Əlbətdə bu prototipləmə vasitələrindən istifadə etməlisiniz ki, bunu ən başında edin.

Tam və detallı yüksək sədaqət telləri ilə müqayisədə rəy toplamaq daha vacibdir. Niyə? İnsanlar bu elementlərin estetik xüsusiyyətlərini nəzərə almaqdan daha çox, proqram təminatına, məlumat arxitekturasına, istifadəçi təcrübəsinə, istifadəçi qarşılıqlı əlaqə cədvəlinə və bu məqsədəuyğunluğa daha çox diqqət yetirirlər. Bu vaxt, tələbə uyğun olaraq asanlıqla dəyişdirə bilərsiniz, lakin kodlaşdırma və qrafik tənzimləməni tənzimləməyə ehtiyac yoxdur.

İnteraktiv tel

Bəzən dizaynerlər istifadəçi interfeysinin bəzi aspektlərdə əhəmiyyətini artırmaq və sürətli test və vizual elementlər arasındakı qarşılıqlı əlaqənin rasionallığını nümayiş etdirmək üçün telframların etibarlılığını artırmağı üstün tuturlar. Bu problemləri düzgün şəkildə həll etmək üçün proqram, tıklanabilən tel simframı kimi də tanınan interaktiv telfame istifadə olunur.

Belə bir mürəkkəb tel açma qurmaq istəyirsinizsə, onda tel simframlama və prototip dizaynı üçün bir vasitə olan UXPin lazımdır. İnteraktiv prototipləmə inkişaf edən komanda və müştərilər üçün ən yaxşı təqdimat ola bilər. "Bu düyməni basanda nə baş verəcək?" Probleminə rast gəldiyiniz zaman, basaraq müştərilərinizə interaktiv prototipin necə işlədiyini göstərmək lazımdır. Həqiqətən, olduqca təsir edici və birbaşa.

Şəbəkə simini ehtiyatla göstərin

Simli telefonunuzu ona təqdim etməyiniz zaman tamamilə layman olan oğlandan ehtiyatlı olmalısınız. O, sizin müştəriniz ola bilər, həmçinin əməkdaşlıqda iştirak edən qeyri-texniki menecer də ola bilər. Lakin tel tel və son məhsulun əlaqəli görünə biləcəyi həqiqəti bilmir. Beləliklə, aralarındakı bağlantı və iş rejimini başa düşə bilməz. Beləliklə, təqdim etməyiniz və necə olacağınıza dair düzgün bir qərar verməlisiniz.

Bu Fernando Guillen tərəfindən tərtib edilmiş bir tətbiq istifadəçi əməliyyat axını qrafiki. Əlbəttə ki, şübhəsiz ki, erkən dizayn versiyasıdır.

Simli tel dizaynın ən vacib hissəsidir. Bu axın cədvəlini gördükdə, tel simframı adlandırılanları izah etmək üçün nə üçün vaxt sərf etdiyini və nə üçün teleframe-dən istifadə etməyimiz lazım olduğunu başa düşəcəksiniz. Və ya sadəcə bu addımı atın.

Prototip nədir

Bir prototipin tələbi teleframe / interaktiv teleframe-dən daha yüksəkdir, interaktiv və mümkün qədər son istifadəçi interfeysinə uyğun olan yüksək sədaqətli bir prototip olmalıdır.

Prototiplərin hədəfi olduqca açıqdır: istifadəçi və interfeys arasındakı qarşılıqlı əlaqəni mümkün qədər real şəkildə simulyasiya etmək. Bir düymə basıldığında, müvafiq əməliyyat aparılmalı və müvafiq səhifələr görünməlidir, tam məhsul təcrübəsini simulyasiya etmək üçün ən yaxşısını edin.

Prototipin vizual xüsusiyyətləri

Şübhəsiz ki, prototipdə olmalıdır bir məhsulun estetik xüsusiyyətləri olmalıdır və son versiyasına uyğun olmağa çalışın. Əsasən, bir məhsulun dərisidir, heç HTML / CSS / JS cəlb edilmir və server və verilənlər bazasını nəzərdən keçirmək lazım deyil.

Prototipin üstünlüyü

Niyə bu qədər vacibdir? Çünki prototip adətən istifadəçiləri məhsulu sınamaq üçün istifadə edir. Prototip testi çox erkən mərhələdə inkişaf edən bir çox xərc və vaxta qənaət edə bilər. Əsassız interaktiv interfeys səbəbiylə geri məhsul arxitekturasının səylərini itirməməsi üçün. Beləliklə, prototip dizaynerlər və inkişaf etdiricilər üçün məhsulu sınamaq üçün mükəmməl bir irəliləyişdir.

Bundan əlavə, istifadəçilərə geribildirim toplamaq üçün prototip təmin etmək, məhsulunuzun bütün təfərrüatları ilə tanış olmaq və bütün kollektivi ruhlandırmaq fayda verir. Prototipləmə vasitələrinin çoxu prototipləri tez və effektiv şəkildə qura bilər, lakin kodlaşdırmağa ehtiyac yoxdur.

Dizayn axını

Dizaynın mahiyyəti ilə tanış olduqdan və teleframe və prototip arasındakı fərqi bildikdən sonra istifadəçi təcrübəsi dizayn dünyasının qarşısında durursunuz.

Bir sıra məhsul dizaynını vahid və təsirli bir iş axınına konkret edə bilsəniz, inanılmaz iyi baş verəcəkdir.

Göstərişlər

Şəbəkə düzəldərkən düzəldilə bilən və təkrar istifadə edilə bilən elementlərdən istifadə etməyə çalışın. Bu vəziyyətdə, sadəcə tel simlərinə əsaslanan prototipləri tamamlamaq üçün elementləri təmizləməyə davam edirsiniz.

Sim kartaları hazırlayarkən, komandanızdan və müştərilərinizdən fikir və rəy toplamağa çalışın və onları telfame dizaynlarında əks etdirməyə çalışın.

Ən lazımlı vasitənizdən istifadə edin.

UXPin

UXPin, sim kartları və prototipləri yaratmağınız üçün 900-dən çox müxtəlif UI elementini inşa etmişdir.

Proto.io

Proto.io çox möhkəm prototipləmə vasitəsidir və prototipə əsaslanan HTML / CSS kodunu və istifadəçilərə faktiki cihazlarda test etməyə imkan verən sensor ekran üçün interaktiv prototipi ixrac edə bilər.

Balsamiq

Bir popula, r uzun müddət davam edən tel telləri vasitəsi yalnız statik tel telləri üçün.

Moqups

Bu vasitə birbaşa simli tel hazırlamağı dəstəkləyir.

Mockplus

Mockplus, sürətli qarşılıqlı əlaqə, sürətli dizayn və sürətli önizləmə üçün hərtərəfli prototipləmə vasitəsidir. Bu mobil (Android və iOS), Masaüstü (PC & Mac) və veb tətbiqləri üçün istehza yaratmağa imkan verir. Mockplus 3.0-də effektiv komanda əməkdaşlığını əlavə etdi.

Axura

Ən məşhur teleframe və prototip dizayn vasitəsi olaraq bu alətin daha çox tətbiqinə ehtiyacımız varmı? Məncə yox.

Protoshare

Bu vasitə, həmçinin, simli çərçivələr və prototipləri onlayn edə bilər.

InvisionApp

Bu vasitə sizə lazımlı prototip yaratmağa kömək edə bilər, heç bir şey çəkə bilməzsiniz, ancaq fərqli ekranlar arasında bağlantılar əlavə edə bilərsiniz.

Dizayn düşüncələrinizi .dsgnrs-ə yazmaq istəyirsiniz. blog? Daha çox oxu…