اسحب للاستكشاف. مرّر أو استخدم إصبعين للتكبير. افتح المساعدة لعرض اختصارات لوحة المفاتيح.

Yan
متاح
للمشاريع
لنتحدث
Yan Fontão Boring view
All work

Case 011تصميم تطبيق للهاتف المحمول

HubProlog

تطبيق جوال يتيح لمساعدي تحميل البضائع وتفريغها في البرازيل، المعروفين باسم chapas، العثور على أعمال قصيرة مدفوعة الأجر وقبولها والاحتفاظ بسجلات مدفوعاتهم.

دوري
تصميم الواجهات
حالة المشروع
تصميم الواجهة · أرشيف Figma
نموذج تصميمي لتطبيق HubProlog مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.
نموذج تصميمي مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.

01

مساهمتي

يظهر HubProlog على الشاشة باسم hub، وهو تطبيق باللغة البرتغالية لمن يقبلون أعمالا قصيرة مدفوعة الأجر، مثل chapa، وهو المساعد الذي يحمّل البضائع ويفرّغها. ويسمي التطبيق هذه الأعمال trampos، وهي كلمة برازيلية دارجة تعني عملا مؤقتا.

يضم ملف التصميم 47 إطارا للجوال موزعة على الدخول والعروض والبحث والإيصالات والملف الشخصي. الأعمال والأماكن والمبالغ المعروضة هنا محتوى تجريبي.

شاشة Buscar بعنوان Propostas em São Paulo، وفيها بطاقة كبيرة برسم توضيحي لعامل في مستودع، والعمل Chapa بأجر R$ 100 في اليوم على بعد 11 km، وأزرار الرفض والتراجع والقبول.
شاشة Convocação فيها شعار hub فوق رسم توضيحي باهت لمستودع، ووصف للعمل، وقائمة بالأنشطة المشمولة، وزران هما Recusar وAceitar.
تسجيل من النموذج الأولي في Figma. السحب بين استدعاءات العمل، والتصفية بحسب المدينة، وفتح استدعاء واحد. تعرض شاشة Buscar عملا واحدا في كل مرة، مع الرفض والتراجع والقبول. يشرح الاستدعاء الخدمة قبل أن يطلب الرد.

02

عمل واحد على الشاشة في كل مرة

تحوّل شاشة Buscar الأعمال المتاحة إلى بطاقات قابلة للسحب، بطاقة كبيرة واحدة في كل مرة. وتذكر البطاقة طبيعة العمل وأجره ومكانه ومدى بعده، ويظهر النص على تدرج لوني داكن ليبقى مقروءا فوق الرسم التوضيحي. وتحتها ثلاثة أزرار دائرية: رفض وتراجع وقبول.

03

القراءة أولا، ثم الإجابة

يبدأ الاستدعاء بوصف واضح للخدمة وقائمة بما تشمله. ولا يأتي السؤال إلا في النهاية، ‎“Você aceita este trampo?”‎، فوق الزرين Recusar وAceitar مباشرة، فيأتي القرار بعد القراءة. ويشير اللون المرجاني إلى الرفض، والأخضر الليموني الخاص بالعلامة إلى القبول، وهما الثنائي نفسه المستخدم في شاشات العروض.

شاشة Comprovantes فيها تبويبان هما Holerites وComprovantes de PIX، وقائمة أسبوعية بمدفوعات تجريبية قيمة كل منها R$100 مستلمة عبر PIX.
شاشة الدخول فيها شعار hub وحقل CPF وزر Continuar داكن.
تجمع شاشة Comprovantes سجلات الدفع بحسب الأسبوع. يطلب الدخول شيئا واحدا: رقم CPF.

04

إثبات المبالغ المدفوعة

تفصل شاشة Comprovantes بين Holerites وComprovantes de PIX، وتجمع السجلات بحسب الأسبوع. تبدأ كل بطاقة بالمبلغ، ثم العمل والتاريخ. ويبقى الدخول قصيرا بالقدر نفسه: حقل CPF واحد وزر Continuar.

000

التعليمات

Yan Fontão
لمسة
تفتح شاشة
نقرة
تفتح شاشة
سحب
يتجوّل في اللوحة
العجلة
الفأرة تكبّر، ولوحة اللمس تحرّك، وإصبعان يكبّران
− +
تراجع لرؤية اللوحة كاملة، أو اقترب
الأسهم
في دراسة الحالة: ↑↓ لتبديل الدراسة، ←→ لتبديل الوسائط. في اللوحة: للتحريك
مسافة
تفتح أو تعود
Enter
يفتح
Esc Backspace
رجوع
Home
العودة إلى الوسط، ثم إلى المقدمة
PgUp PgDn
القناة السابقة أو التالية
Tab
يتنقل بين المشاريع والروابط
R
مشروع عشوائي
0–9
اكتب رقم القناة، 1–61
?
هذه الصفحة
الاختصارات

موسيقى اللوحة

الملفات مضغوطة وموحّدة الصوت للويب.

متاح
للمشاريع
لنتحدث

رسالة جديدة إلى يان

أخبرني من أنت وسأرد عليك.

000

عن يان

مرحبًا، أنا يان

مصمم منتجات/ مهندس تصميم

معظم المنتجات تفقد شيئًا بين التصميم والبرمجة. منتجاتي لا: أبحث في المشكلة، وأصمم المنتج، وأطلق الواجهة بنفسي، فما توافق عليه هو بالضبط ما يحصل عليه مستخدموك.

  • 2018بداية تطوير البرمجيات
  • UI + codeالتصميم والتنفيذ

عملت مع Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

البرازيل · عن بُعد أو هجين أو حضوريًا

صورة يان فونتاو جالسًا بسترة خضراء ونظارة ويمسك ميكروفونًا.
متاح
للمشاريع
لنتحدث
متاح
للمشاريع
لنتحدث
000

قناة مقفلة

بموجب اتفاقية عدم إفصاح

أدخل الرمز

اطلب الرمز من يان ↗
متاح
للمشاريع
لنتحدث
YAN FONTÃO دراسات الحالة

القناة 11 تصميم تطبيق للهاتف المحمول

HubProlog

تطبيق جوال يتيح لمساعدي تحميل البضائع وتفريغها في البرازيل، المعروفين باسم chapas، العثور على أعمال قصيرة مدفوعة الأجر وقبولها والاحتفاظ بسجلات مدفوعاتهم.

دوري
تصميم الواجهات
حالة المشروع
تصميم الواجهة · أرشيف Figma
نموذج تصميمي لتطبيق HubProlog مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.
نموذج تصميمي مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.

أعمال قصيرة، تُحسم بطاقة تلو الأخرى

شاشات من ملف التصميم الأصلي في Figma، ببيانات تجريبية.

مساهمتي

يظهر HubProlog على الشاشة باسم hub، وهو تطبيق باللغة البرتغالية لمن يقبلون أعمالا قصيرة مدفوعة الأجر، مثل chapa، وهو المساعد الذي يحمّل البضائع ويفرّغها. ويسمي التطبيق هذه الأعمال trampos، وهي كلمة برازيلية دارجة تعني عملا مؤقتا.

يضم ملف التصميم 47 إطارا للجوال موزعة على الدخول والعروض والبحث والإيصالات والملف الشخصي. الأعمال والأماكن والمبالغ المعروضة هنا محتوى تجريبي.

تسجيل من النموذج الأولي في Figma. السحب بين استدعاءات العمل، والتصفية بحسب المدينة، وفتح استدعاء واحد.
شاشة Buscar بعنوان Propostas em São Paulo، وفيها بطاقة كبيرة برسم توضيحي لعامل في مستودع، والعمل Chapa بأجر R$ 100 في اليوم على بعد 11 km، وأزرار الرفض والتراجع والقبول.
تعرض شاشة Buscar عملا واحدا في كل مرة، مع الرفض والتراجع والقبول.

عمل واحد على الشاشة في كل مرة

تحوّل شاشة Buscar الأعمال المتاحة إلى بطاقات قابلة للسحب، بطاقة كبيرة واحدة في كل مرة. وتذكر البطاقة طبيعة العمل وأجره ومكانه ومدى بعده، ويظهر النص على تدرج لوني داكن ليبقى مقروءا فوق الرسم التوضيحي. وتحتها ثلاثة أزرار دائرية: رفض وتراجع وقبول.

شاشة Convocação فيها شعار hub فوق رسم توضيحي باهت لمستودع، ووصف للعمل، وقائمة بالأنشطة المشمولة، وزران هما Recusar وAceitar.
يشرح الاستدعاء الخدمة قبل أن يطلب الرد.

القراءة أولا، ثم الإجابة

يبدأ الاستدعاء بوصف واضح للخدمة وقائمة بما تشمله. ولا يأتي السؤال إلا في النهاية، ‎“Você aceita este trampo?”‎، فوق الزرين Recusar وAceitar مباشرة، فيأتي القرار بعد القراءة. ويشير اللون المرجاني إلى الرفض، والأخضر الليموني الخاص بالعلامة إلى القبول، وهما الثنائي نفسه المستخدم في شاشات العروض.

شاشة Comprovantes فيها تبويبان هما Holerites وComprovantes de PIX، وقائمة أسبوعية بمدفوعات تجريبية قيمة كل منها R$100 مستلمة عبر PIX.
تجمع شاشة Comprovantes سجلات الدفع بحسب الأسبوع.

إثبات المبالغ المدفوعة

تفصل شاشة Comprovantes بين Holerites وComprovantes de PIX، وتجمع السجلات بحسب الأسبوع. تبدأ كل بطاقة بالمبلغ، ثم العمل والتاريخ. ويبقى الدخول قصيرا بالقدر نفسه: حقل CPF واحد وزر Continuar.

شاشة الدخول فيها شعار hub وحقل CPF وزر Continuar داكن.
يطلب الدخول شيئا واحدا: رقم CPF.