تجربتي في تصميم تطبيق Arabia I/O للهواتف الذكية

197

التعليقات

48

لا أكذب عليك..شكل وتصميم التطبيق أفضل من الموقع :D

سيكون جميل لو أضفت زر الحذف والتعديل (وهمي)

27

أصوت لك لتعيد تصميم شكل الموقع أيضا.

وانا ايضاً

14

إبداع، عندي بعض الاقتراحات والملاحظات:

١- هلّا عرضت عداد النقاط لكل مساهمة في الواجهة الرئيسية.

٢- غير "أضف رد" إلى "رُد" أو إلى "اكتب ردًا" كما هو هنا، وإن كنت مصرًا على أضف، فأعربها واجعلها "أضف ردًا".

٣- اعدادات => إعدادات، همزة قطع.

٤- ارشادات => إرشادات، همزة قطع.

٥- مجتمعات اتابعها => مجتمعات أتابعها، همزة قطع.

٦- اخف التعليقات => أخفِ التعليقات، همزة قطع.

٧- "١٦ تعليق" => "١٦ تعليقًا"، والقاعدة في إعراب المعدود كالتالي: إذا كان العدد من ٣ إلى عشرة أو مئة أو ألف أو مليون فيجّر المعدود، وما عدا ذلك ينصب.

جعل الله هذا العمل في ميزان حسناتك، ومتحمس لاستخدام تطبيقك.

هلّا عرضت عداد النقاط لكل مساهمة في الواجهة الرئيسية.

تعمدت إزالتها لأنها تؤثر على تجربة المستخدم، بمعنى لو كان هناك موضوع حصل على بعض النقاط السلبية فأنك ستشعر تلقائياً بأنه موضوع غير جيد، وربما لن تدخل عليه من الأساس

غير "أضف رد" إلى "رُد" أو إلى "اكتب ردًا" كما هو هنا، وإن كنت مصرًا على أضف، فأعربها واجعلها "أضف ردًا".

"١٦ تعليق" => "١٦ تعليقًا"

سأعمل على ذلك إن شاء الله

جعل الله هذا العمل في ميزان حسناتك، ومتحمس لاستخدام تطبيقك.

آمين. لا تتحمس، فهذا مجرد عمل على الورق لا أكثر

بالنسبة لهمزات القطع والوصل سأحاول استخدام نصائحك

تحياتي لك

تعمدت إزالتها لأنها تؤثر على تجربة المستخدم، بمعنى لو كان هناك موضوع حصل على بعض النقاط السلبية فأنك ستشعر تلقائياً بأنه موضوع غير جيد، وربما لن تدخل عليه من الأساس

أليست هذه هي الفكرة التي قام عليها هذا الموقع؟! ففكرته الأساس هي في تقييم المجتمع للمحتوى. وأنا يهمني التقييم كثيرًا، فلا أريد أن أدخل على موضوع قُيم سلبًا، وأفضل أن أباشر المواضيع التي قيمت إيجابًا أولا.

أليست هذه هي الفكرة التي قام عليها هذا الموقع؟ ففكرته الأساس هي في تقييم المجتمع للمحتوى

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

لذلك وللإنصاف من الأفضل إخفاء التقييم

وأنا يهمني التقييم كثيرًا، فلا أريد أن أدخل على موضوع قُيم سلبًا، وأفضل أن أباشر المواضيع التي قيمت إيجابًا أولا.

في هذه الحالة سيكون من الأفضل أن تتصفح قسم "الأكثر شيوعاً" في البداية لأنه لا يعرض المواضيع التي تحصل على تقييم سلبي

فعلا كلامك صحيح .. والغالبيه يقيمون بعواطفهم لا بالمحتوى المكتوب .. وكثيرا أيضا بالسلب لأسباب تافهه وليس لها علاقة بقلب الموضوع

أعتقد أن الكل هنا يعاني من همزة القطع و الوصل و ظ و ض :] وأنا الأول

14

إليك بعض النصائح التي ستساعدك:

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

أما الظاء والضاد، فالتمييز بينهما أسهل. كل ما عليك فعله هو حفظ الكلمات التي فيها حرف الظاء وهي ليست كثيرة. هذه القائمة تحوي أغلبها وأكثرها استخدامًا. https://pbs.twimg.com/media... وما ليس من هذه الكلمات فأغلب الظن أن حرفها ضادًا وليس ظاء.

شكراا جزيلا لك أستاذنا الكريم

أزحت جبلا على كاهلي :]

جزاك الله خيرا

بارك الله فيك أفدتني حقاً، ليس عندي مشكلة في همزتي القطع والوصل.ولكن كنت أعاني مع الضاد والظاء ،

تصميم رائع جدا جدا :D .. اعتقد اذا تم تبسيط التصميم قليلاً فقط (بعض التفاصيل) ,

متى سيتم برمجة التطبيق ؟ منتظر بفارغ الصبر :) .

اعتقد اذا تم تبسيط التصميم قليلاً فقط (بعض التفاصيل)

معك حق، شعرت بأنه مكتظ قليلاً، لكن أردت وضع كل شيء :)

متى سيتم برمجة التطبيق ؟ منتظر بفارغ الصبر :) .

للأسف هذا مجرد عمل فردي قمت به من تلقاء نفسي، كما أنه مجرد تصميم للواجهة لا أكثر

هل يمكن الحصول على هذا التصميم كمصدر ؟!

مرحبًا

هذا مصدر واجهة التصميم بصيغة SVG

ستجد ملفين:

  • الأول بصيغة SVG Inkscape وهي الصيغة الأفتراضية لبرنامج التصميم إنكسكيب. في حال فتحت الملف باستخدام Inkscape فسيعمل بمثالية، في الغالب ستواجه معه بعض المشاكل إذا كنت ستشغله على برنامج تصميم آخر.

  • الثاني بصيغة SVG، لن تواجه معه أي مشاكل، لكن لا يمكنك تعديل النصوص فيه لأنها ستكون على شكل عناصر لا خطوط.

أرجو أن تكون الفكرة قد وضحت :)

https://goo.gl/cBynVK

ما كنت احاول الوصول له هو المصادر نفسها

بمعنى الايقونات والخلفيات الموجودة فى الرابط فى الموضوع الاساسي وغيره

لماذا ؟ لانى احاول تطبيقه بالفعل

انا لن اقوم ببرمجة التطبيق لشركة حسوب فانا مازلت اتعلم ولهذا اردت المصدر لاتعلم كيف اصمم هذا التطبيق كتصميم

هل فهمتنى ؟!

الأيقونات

الخلفية

الخطوط معروفة، درويد كوفي ونسخ.

يغلب على ظني أن الإدارة لم تجعل من أمر التطبيقات لمنصاتها في سلم أولوياتها، هو لغاية ما،

ولا أرجح أن يكون السبب هو عدم التفرغ فقط.

فلا يعقل بعد مرور عام ونصف أنها لم تستطيع تكليف مبرمج لعمل التطبيق خلال أسبوع.

ليس من الضروري أن يتم عمل تطبيق، نسخة الويب تعمل لكن تحتاج بعض التجاوب، وحسب خبرتي المتواضعة لن تستغرق معي 4 ساعات وسوف أجعلها متجاوبة بشكل كامل، وتعمل بشكل رائع على جميع الهواتف.

أظن أنهم منشغلون بأشياء أخرى، أو أنهم نسيوا أرابيا :)

حتى مسألة التجاوب وجدنا عدم تجاوب للطلبات الكثيرة والمتكررة لتحقيق هذا الأمر

فكم أؤخر الرد على المواضيع والأسئلة عندما أكود بعيد عن الحاسب ، والسبب لأن تجربة المستخدم على الجوال سيئة للغاية.

بالفعل، هنالك أخطاء فالموقع نصف متجاوب، وهنالك أجزاء تختفي عند التصغير، يبدوا أن عبد المهيمن لم يكن يجب ال Front-end كثيراً :)

رائع :)

أنصحك إذا كان التطبيق بـ html5 -وهذا ما يبدو لي- برفعه على الويب على الأقل لنراه، أما أنا فربما أصبح من مستخدميه بدل الواجهة الحالية.


على الهامش، اسمي هو الحضري وليس الحضيري ^_^

لعلي لم أوضح ذلك شكل جيد، هذا مجرد تصميم للواجهة قمت به بأحب برامج التصميم :)

ربما لو كان العنوان بهذا الشكل لكان أفضل: تجربتي في تصميم واجهة تطبيق Arabia I/O للهواتف الذكية

على الهامش، اسمي هو الحضري وليس الحضيري ^_^

ههه، عذراً لم انتبه

مرت ازيد من سنة ورغم ان التصميم جميل لا غبار عليه ولقي الاقبال الكبير من الاعضاء وذلك يوضحه تقييم الموقع الا ان الادارة لم تكثرت للموضوع وهذا ما لم احبذه!! هل يعقل كل هذه المدة و لا يستطيعون برمجة تطبيق للهواتف على الاقل؟

عمل احترافي وتطبيق عملي جدا :)

هل التنبيهات والرسائل تظهر فقط عندما اظهر شريط الاعدادات ؟ [أي كيف انتبه لرسالة ما او تنبيه اذا كان مخفى في زاوية الهاتف ؟] 

كما ارى انه يجب اعادة الخلفية البيضاء في الهيدر [الخلفية التي فيها عنوان الموقع] مع ابقاء الشريط البرتقالي كخلفية للروابط / أكثر شيوعا , الأحدث , الأفضل , المجتمعات / ... وعند النزول يتم تخفيف الخلفية البيضاء لتصبح شفافة .. كما هنا .

  • اقتراح صغير : جعل الردود تكتسب ألوان على حسب عدد التقيمات السلبية وتكون الالوان شفاافة جدا .. مثلا من يملك -5 في التقييم السلبي يكون رده بالبرتقالي الشفاف و -10 فما فوق بلون الاحمر الشفاف

وفي الحقيقة اتمنى ان تتطور اريبيا وتصبح مثل هاذ التطبيق :) وعن نفسي اذا اطلق التطبيق فلن اعود هنا الا بعد التطوير :)

راائع يا سيدي ... تستحق شورمة على حساب اعضاء اريبيا

هل التنبيهات والرسائل تظهر فقط عندما اظهر شريط الإعدادات ؟

سيظهر تنبيه على أيقونة الإعدادات كما في الصورة

http://dl11.usersfiles.com/...

كما ارى انه يجب اعادة الخلفية البيضاء في الهيدر...

لا اعتقد ذلك، الألوان لن تكون متناسقة، كما أن اللون البرتقالي هوية الموقع :)

اقتراح صغير : جعل الردود تكتسب ألوان...

مع أنها فكرة، لكن ستكون مزعجة وغير مريحة في حال كان الرد طويل

راائع يا سيدي ... تستحق شورمة على حساب اعضاء اريبيا

شكراً لك، ههه ستكون أعظم شوارما :)

أكثر من رائع :) كل ما أتمناه ألا يضيع تعبك هذا هبائاً.

التصميم متقن لدرجة أن البعض يظنه تطبيق قائم، ومن الردود هناك من ظن أنه HTML5 وهناك من ظن أنه تطبيق اندرويد JAVA وقبل أن أقرأ التعليقات كنت كذلك أظن أنه تطبيق اندرويد

حتى الصورة التالية ظننت أنها DRAWER حقيقية

http://dl11.usersfiles.com/...

هذا التصميم الرائع يظهر درجة الاتقان التي تتمتع بها.

اعتقد بأن السبب هو العنوان، فهو مضلل بعض الشيء، بحيث البعض قد يفهم كلمة "تصميم" على أنها التصميم والبرمجة في نفس الوقت

ربما لو كان العنوان هكذا لكان أفضل

تجربتي في تصميم واجهة تطبيق Arabia I/O للهواتف الذكية

بهذه الطريقة نكون قد خرجنا من الإشكال

فيما يخص النموذج الأخير أي الذي يظهر التعليقات

http://dl11.usersfiles.com/...

رأيت أنك عبرت عن الردود على الردود بإزاحتها نحو الشمال قليلاً

هذا يعني أنه من أجل عدة مستويات سنصل إلى نصف الشاشة ويصبح العرض قليل وسيزداد طول التعليق عموديا نتيجة الالتفاف الكثير للنص بعد كل عدة كلمات

لهذا أقترح أن يتم اختصار كل مجموعة ردود على رد بزر زائد أو سهم بحيث إذا نقره يتم فتح الردود في صفحة جديدة كليا على عرض الصفحة أي وكأنها المستوى الأول وهناك زر سهم لليمين للعودة إلى المستوى السابق

أهلا بك أخ عبد الرحمن

ملاحظة دقيقة، وقد صادفتها أثناء عمل التصميم ولكني فضلت تجاهلها لأنها ستأخذ الكثير من الوقت حتى أجد حل مناسب لها

أقتراح جميل بالفعل، ويبدو أنه الأنسب لمثل هذا الموقف. لكن ألا ترى بأنها قد تشكل إزعاج للمستخدم في حال كان الموضوع متشعب كثيراً

أعني سيبقى المستخدم يدخل ويخرج على هذا التعليق، ثم ينتقل للتعليق الذي يليه وهكذا، ومع الوقت قد تشعره بالملل.

سيكون الأمر في دائرة أهون الشرين أو أخف الضررين أو المكروه الذي لا بد منه ツ

تصميم جميل جداً ذوقك جميل ورايق وهذا ما نريده كأعضاء :)

باختصار

ممتاز

:)

تصميم جميل

@EmadAboulFotoh ألم يحن الوقت لتطبيق خاص بالموقع أو API ؟؟

إلى الان ياصديقي لم يبرمجوا تطبيق للهاتف

ماشاءالله التصميم جميل جددااا

ولكن لدي استفسار

هل تم برمجة التطبيق باللغة الاساسية لنظام الاندرويد (جافا) ؟

هذا مجرد تصميم، ولن يتم برمجته لأنني من الأساس لا أجيد البرمجة :)

ماشاءالله عليك مبدع

بعد رؤية التصميم، شعرت انك مصمم بارع في الواجهات. تتمتع الى حد كبير بنفس ذوقي في تصميم الواجهات.

ان لدي ميول كبير في هذا الجانب وجميل ان اراك تركز في هذا المجال وتتطلع بعمق من الكتب الغربية.

التصميم والتطبيق جميل جدا وانتظر شوقا يوم رفعه على جوجل بلاي، لكن الا ترى انه مقارب بشكل ملحوظ لواجهة المستخدم الخاصة بـ Gmail

لكن الا ترى انه مقارب بشكل ملحوظ لواجهة المستخدم الخاصة بـ Gmail

نعم هناك بعض التشابه خصوصاً الجزء العلوي من التصميم، وليس فقط مع Gmail بل مع مجموعة من التطبيقات التي مشت مع هذا التوجه

لكن لا عيب في استوحاء الأفكار Inspiration Ideas :)

تسلم على التصميم وكما انك تطوعت لتصميمه نرجوا ان يتطوع اخر لبرمجته ورفعه للسوق مبنيا على تصميمك :D

التصميم رائع، أعتقدأن الصفحة الرئيسية يلزمها تعديل

شكرا لك

التصميم رائع جدا .اتمني ان تفكر إدارة حسوب في برمجته و إتاحته للمستخدمين.

بالمناسبة، هذا الموضوع ذكرني بموضوع قمت بفتحه قبل عدة أشهر.

https://arabia.io/design/11...

فما هو التطبيق الذي قمت باستخدامه لإنشاء التصميم؟ هل تسمح لنا بمشاركة تجربتك ؟ وهل جربت برامج أخرى ؟

لا أفضل استخدام برامج تصميم نماذج الواجهات لأنها تقيد إبداع المصمم (1)

فما هو التطبيق الذي قمت باستخدامه لإنشاء التصميم؟

Inkscape برنامج ممتاز يجمع بين القوة والبساطة كما أنه مجاني

هل تسمح لنا بمشاركة تجربتك ؟

عذراً، لم أفهم ما الذي تقصده بالضبط :)

وهل جربت برامج أخرى ؟

لا، طوال عمل في مجال التصميم لم اجرب غير Inkscape ، كنت قد فكرت في illustrator ولكن تراجعت عندما تذكرت أن علي البدء في تعلمه من جديد

(1) هذا المقال يشرح ما أقصد http://cutt.us/A7Kor

جميل، الأيقونات المستخدمة هل هي من صنعك؟ إذا لا، حبذا لو أرسلتها لي ..

الأيقونات المستخدمة هل هي من صنعك؟

لا، أخذتها من أحد المواقع

تجد الطقم كامل هنا

صراحة أخي ، جميل جدا عملك:)

لكن السؤال المطروح التصميم عبارة عن واجهة إستخدام، مادا عن الكواليس البرمجة، هل لديك أي فكرة عن تحويل التطبيق ليصبح صالح للإستخدام.

  • ألم تجرب أن تقترح على حاسوب أن تبيع لهم العمل ولو بعمل بسيط ؟ أعتقد أنهم سيقدرون هدا منك:)

هل لديك أي فكرة عن تحويل التطبيق ليصبح صالح للإستخدام

لا

ألم تجرب أن تقترح على حسوب أن تبيع لهم العمل ولو بعمل بسيط ؟ أعتقد أنهم سيقدرون هدا منك:)

مع أنها فكرة، لكن إذا أعجبهم بإمكانهم اعتباره هدية

أهنئك يا صديقي العزيز على هذا الموضوع الذي صار من أفضل المواضيع في الموقع ...

لو أراد أحداً برمجة تطبيق للموقع و أراد تبني هذا التصميم هل ستبيعه عليه أو ستتيحه مجاناً؟

أهلا صديقي، مرت فترة منذ آخر مرة شاهدتك فيها :)

لو أراد أحداً برمجة تطبيق للموقع و أراد تبني هذا التصميم هل ستبيعه عليه أو ستتيحه مجاناً؟

سواءً كان حسوب أو أي شخص آخر فإنه سيحصل عليه بالمجان، وإذا أراد أيضاً سأساعده بتصميم باقي صفحات الموقع، التسجيل، اتصل بنا، صفحة المجتمع...

تصميم جميل وراقي وعصري ومتأقلم مع أندرويد لوليبوب..

بس ممكن سؤال، كيف استطعت الوصول إلى محتوى Arabia i/o بهذا الشكل؟ بعمنى، كيف قمت بالإتصال بقاعدة بيانات الموقع وجلب المواضيع والمحتوى إلى التطبيق بهذا الشكل الرائع والجميل؟

أتمنى الإجابة، فهذا أمر يهمني بشدة

كيف استطعت الوصول إلى محتوى Arabia i/o بهذا الشكل؟ ...

لم أفعل ذلك، فكما أشرت سابقاً هذا مجرد تصميم للواجهة فقط قمت به بأحد برامج التصميم

مجهود يستحق التعب عليه, رائع حقا

قد يكون سؤالي غريباً ! كم اخذ منك من الوقت وانت تصممه ؟

تقريباً 15 ساعة، وقد يبدو الوقت كثيراً إذا نظرنا للنتيجة النهائية فقط، ولكن التصميم مر بالعديد من النماذج وهذا كان أفضلها ^_^

السلام عليكم

بصراحه ماعندي اي تعليق على عملك هذا

غير اني انتظر تجربة مباشرة للتطبيق ;)

رائع، تصميم ولا أروع :)

التطبيق اعجبني كثيرا ، ولكن هل قمت برفعه على سوق بلاي ؟

اريد تحميله ان إمكن :]

أكثر من رائع

أتمنى الإستمرار حتى الإنتهاء منه

لايضيع مجهودك هباءً فقد وصلت لأكثر من نصف الطريق

ابداع ابداع ابداع.

هذا هو المختصر ولا اجامل فواجهة المستخدم احترافية و جميلة و راقية و انيقة.

اتمنى من كل قلبي ان تقوم بنشر التطبيق لانه نال اعجابي من الوهلة الاولى التي رايته فيها.

تصميم أجمل من تصميم الموقع ككل، ما شاء الله.

لماذا قمت بعمل التطبيق

هل لديك تصريح من ادارة حسوب بعمل التطبيق ؟

هذا مجرد تصميم لواجهة تطبيق، وليس تطبيقًا فعليًا

التطبيق مجرد تصميم للواجهة على الورق، يعني صورة :)

-1

عندي سؤال اخر

التطبيق حقيقي

ام هو مجرد صور

مجرد صور

-2

عفوا ولكن السؤال موجه الى @sasini

تمامًا كما قال @ahmed.alhaj التصميم مجرد صورة وليس تطبيق فعلي.

لماذا قمت بعمل التطبيق

مجرد محاولة لتصميم نسخة خاصة بالهاتف فكما تعلم لا توجد نسخة للهاتف من الموقع.

هل لديك تصريح من ادارة حسوب بعمل التطبيق ؟

بما أن العمل مجرد تصميم "صور" فلا حاجة لأي تصريح فما قمت به لا ينتهك أي شي خاص بحسوب.

اعجبني التصميم

ربما سوف اقوم ببرمجة التطبيق لمنصة الاندرويد على نفس تصميمك


حسوب I/O

مجتمع لطرح الشكاوي والإقتراحات المتعلقة بتطوير حسوب I/O والإعلانات المتعلقة به

72.4 ألف متابع