منتديات نورة الحربي

 

 


العودة   منتديات نورة الحربي > مواضيع منقولة من مواقع اخرى2

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 02-15-2013, 05:56 PM
rss
Guest
 
المشاركات: n/a
افتراضي Design decisions: Projects on Basecamp for iPhone

 


Designing the mobile version of an existing app is about so much more than screen size.

The fundamental concept of the new Basecamp is this: a project on a single page. Projects resemble a nicely organized paper document with wide margins, familiar proportions and plenty of white-space. In a glance you can see what’s happened in the project, what’s left to be done, and any relevant files. You can almost imagine peeling the sheet off the screen and handing it to a co-worker to get them up to speed. It’s an iconic design.

We knew that this Design would be instrumental in making Basecamp for iPhone feel like Basecamp so it’s ** surprise that we attempted a very literal reproduction in an early version of the app.

Design decisions: Projects Basecamp iPhone It’s all here: the clean, white sheet topped with the project’s name followed by sections with snapshots of the latest Discussions, To-dos, Files, etc. A virtual clone in smaller package. We were pretty happy with this mini-me Design for awhile, but the story doesn’t start here.

From the beginning…

The very first Design was inspired by the cards on Basecamp’s Projects screen.

Design decisions: Projects Basecamp iPhone Predictably, each card showed the project’s name, description, people and a jumping-off point to each content section. Just like the thin strip under the header in Basecamp, each section counted how many of each thing was in the project (5 Discussions, 10 To-dos, etc.). This Design also succeeded in feeling like Basecamp, but it wasn’t particularly useful.

Page loads are precious on mobile, each one takes time and sips more data from the customer’s plan. Here, choosing a project revealed ** content – just a glorified menu. It’s a poor value for your tap. This feeling that there should be some payoff of real content when entering a project led to the aforementioned mini-me design.

Priority #1: Show me the latest news

It wasn’t until we began to focus the iPhone app experience that the deficiencies of that Design became clear. The top priority for the Basecamp iPhone app is fast access to what’s happening in your projects. Haplessly browsing content sections looking for something that’s changed was ** way to figure out what was going on.

Basecamp’s Catch-up screen shows a summary of each day’s project activity and a by-the-minute stream of every action. Catch-up was what we wanted but the information isn’t well suited for mobile. The Progress screen seemed like a better fit –*it’s ideal for quick check-ins on all your projects. The resulting Design is something we call Latest project updates, basically Progress scoped to just one project. You can scroll back through the entire history of a project just by swiping.losha - www.losha.net

Design decisions: Projects Basecamp iPhone This was a big breakthrough but seeing everything that happened wasn’t always appropriate. Sometimes you just need to k**w what got done (that’s whole point of projects, right?). Because it was hard to scan the activity steam and pick-out only what was accomplished, we made introduced the Completed to-dos screen. There you can see – day-by-day – what was completed and who did it. It’s great for spotting bursts of activity (and lulls) and revealing who is really killing it on the project.

Design decisions: Projects Basecamp iPhonePriority #2: Drilling deeper

The mini-me Design also failed to satisfy the the other top priority of Basecamp for iPhone: digging deep into the contents of a project. Jumping to the Files section, for example, meant scrolling past an unpredictable amount of Discussions and To-dos hunting for the button. How far down was different on every project. We’d already found that Latest project updates and Completed to-dos were better at showing you what was happening in your project so **w we knew we could do a better job of helping you jump into the content when you want to dig deeper. Enter the project menu:

Design decisions: Projects Basecamp iPhone Here you can easily switch between the two main views or jump right into the content sections. Two taps, ** scrolling, and predictable locations that build muscle memory was a huge improvement.losha - www.losha.net

Looking through the lens

Our focus on clear priorities was applied with equal success to the main screen of the iPhone app. Early versions had ** opinion about what was important offering equal access to Projects and content sections. Iterations on the Design that amounted to ** more than rearranging the furniture should have been a big red flag.

Design decisions: Projects Basecamp iPhone It wasn’t until we made the decision that getting the latest news is more important than digging through content that we were able to find the version you see **w:

Design decisions: Projects Basecamp iPhoneOpinions change

When designing the mobile version of an existing app it’s easy to think that all you have to do is optimize for small screens. Keep it familiar, on-brand, shrink the contents to fit and you’re done. But truly crafting your app for mobile means considering the difference in forces (**t just the physical ones) and re-thinking the jobs your app is hired to do. Even the most opinionated designs might just require a change of opinion on mobile. For Basecamp that meant that we had to let go of the core Design of the Project screen on iPhone because the priorities we established were better satisfied with something new. I’m curious to hear from others who’ve been through this process. How did your Design change going from desktop to device?

Design decisions: Projects Basecamp iPhone Design decisions: Projects Basecamp iPhone
Design decisions: Projects Basecamp iPhone

أكثر...

ساعد في نشر والارتقاء بنا عبر مشاركة رأيك في الفيس بوك


Design decisions: Projects on Basecamp for iPhone

رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

Facebook Comments by: ABDU_GO - شركة الإبداع الرقمية

Bookmark and Share

RSS RSS 2.0 XML MAP HTML

الساعة الآن 05:36 AM

أقسام المنتدى

الشريعة و الحياة | المنتدى العام | مـنـتـدى الـعـرب الـمـسافـرون | أزياء - فساتين - عبايات - ملابس نسائية - موضة | مكياج - ميك اب - عطورات - تسريحات شعر - العناية بالبشرة | װ.. أطآيبُ ״ شّهية ]●ะ | اعشاب طبية - الطب البديل - تغذية - رجيم - العناية بالجسم | ديكور - اثاث - غرف نوم - اكسسوارات منزلية | صور - غرائب - كاريكاتير | {.. YouTube..} | منتدى الاسئله والاستفسارات والطلبات | مواضيع منقولة من مواقع اخرى | اخبار التقنية | مواضيع منقولة من مواقع اخرى2 | منتدى تغذيات | منتدى تغذيات الكلي | قِصصْ الأنْبِيَاء | قِسمْ الرَّسُول الكَرِيمْ والصَّحَابة الكِرامْ | القِسمْ الإِسْلاَمِي العَامْ | قِسمْ المَواضِيْع العَامَّة | قِسمْ الشِعرْ والشُعَرَاء | قِسمْ الخَوَاطِر المَنقُولَة | قِسمْ الصُوَرْ | قِسمْ القِصصْ والرِوَايَات | قِسمْ حَوَّاءْ | قِسمْ الطِب والصِحَّة | قِسمْ الصَوتِيَّات والمَرئيَّات الإسْلاميَّة | قِسمْ مَطبَخ صَمْت الوَدَاعْ | قِسمْ الدِيكورْ | قِسمْ كٌرَة القََدَمْ العَرَبِيَّة والعَالمِيَّة | قِسمْ المكْياجْ والإكْسسْوارَات | قِسمْ المَاسِنجرْ | قِسمْ الِسِياحَة والسَفرْ | قِسمْ أَفْلاَمْ الكَرتُونْ | قِسمْ الفِيدْيو المُتَنَوعْ | منتديات الرياضة | اخبار | مواضيع منقولة من مواقع اخرى3 | موقع اجنبي | كوكو فرنسا | كوكو هندية | كوكو روسي | كوكو دنمارك | كوكو ياباني | اخر اخبار العولمة | عالم الحياة الزوجية | عرض أحدث عمليات البحث الشائعة |



Powered by vBulletin® Version 3.8.8 Beta 1
Copyright ©2000 - 2017, KingFromEgypt Ltd Elassal
Adsense Management by Losha
This Forum used Arshfny Mod by islam servant